/*! * * ant-design-vue v4.2.6 * * Copyright 2017-present, Ant Design Vue. * All rights reserved. * */ import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue"; /******/ var __webpack_modules__ = ({ /***/ "./node_modules/@ant-design/colors/dist/index.esm.js": /*!***********************************************************!*\ !*** ./node_modules/@ant-design/colors/dist/index.esm.js ***! \***********************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ blue: () => (/* binding */ blue), /* harmony export */ cyan: () => (/* binding */ cyan), /* harmony export */ geekblue: () => (/* binding */ geekblue), /* harmony export */ generate: () => (/* binding */ generate), /* harmony export */ gold: () => (/* binding */ gold), /* harmony export */ green: () => (/* binding */ green), /* harmony export */ grey: () => (/* binding */ grey), /* harmony export */ lime: () => (/* binding */ lime), /* harmony export */ magenta: () => (/* binding */ magenta), /* harmony export */ orange: () => (/* binding */ orange), /* harmony export */ presetDarkPalettes: () => (/* binding */ presetDarkPalettes), /* harmony export */ presetPalettes: () => (/* binding */ presetPalettes), /* harmony export */ presetPrimaryColors: () => (/* binding */ presetPrimaryColors), /* harmony export */ purple: () => (/* binding */ purple), /* harmony export */ red: () => (/* binding */ red), /* harmony export */ volcano: () => (/* binding */ volcano), /* harmony export */ yellow: () => (/* binding */ yellow) /* harmony export */ }); /* harmony import */ var _ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @ctrl/tinycolor */ "./node_modules/@ctrl/tinycolor/dist/module/conversion.js"); /* harmony import */ var _ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @ctrl/tinycolor */ "./node_modules/@ctrl/tinycolor/dist/module/format-input.js"); var hueStep = 2; // 色相阶梯 var saturationStep = 0.16; // 饱和度阶梯,浅色部分 var saturationStep2 = 0.05; // 饱和度阶梯,深色部分 var brightnessStep1 = 0.05; // 亮度阶梯,浅色部分 var brightnessStep2 = 0.15; // 亮度阶梯,深色部分 var lightColorCount = 5; // 浅色数量,主色上 var darkColorCount = 4; // 深色数量,主色下 // 暗色主题颜色映射关系表 var darkColorMap = [{ index: 7, opacity: 0.15 }, { index: 6, opacity: 0.25 }, { index: 5, opacity: 0.3 }, { index: 5, opacity: 0.45 }, { index: 5, opacity: 0.65 }, { index: 5, opacity: 0.85 }, { index: 4, opacity: 0.9 }, { index: 3, opacity: 0.95 }, { index: 2, opacity: 0.97 }, { index: 1, opacity: 0.98 }]; // Wrapper function ported from TinyColor.prototype.toHsv // Keep it here because of `hsv.h * 360` function toHsv(_ref) { var r = _ref.r, g = _ref.g, b = _ref.b; var hsv = (0,_ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_0__.rgbToHsv)(r, g, b); return { h: hsv.h * 360, s: hsv.s, v: hsv.v }; } // Wrapper function ported from TinyColor.prototype.toHexString // Keep it here because of the prefix `#` function toHex(_ref2) { var r = _ref2.r, g = _ref2.g, b = _ref2.b; return "#".concat((0,_ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_0__.rgbToHex)(r, g, b, false)); } // Wrapper function ported from TinyColor.prototype.mix, not treeshakable. // Amount in range [0, 1] // Assume color1 & color2 has no alpha, since the following src code did so. function mix(rgb1, rgb2, amount) { var p = amount / 100; var rgb = { r: (rgb2.r - rgb1.r) * p + rgb1.r, g: (rgb2.g - rgb1.g) * p + rgb1.g, b: (rgb2.b - rgb1.b) * p + rgb1.b }; return rgb; } function getHue(hsv, i, light) { var hue; // 根据色相不同,色相转向不同 if (Math.round(hsv.h) >= 60 && Math.round(hsv.h) <= 240) { hue = light ? Math.round(hsv.h) - hueStep * i : Math.round(hsv.h) + hueStep * i; } else { hue = light ? Math.round(hsv.h) + hueStep * i : Math.round(hsv.h) - hueStep * i; } if (hue < 0) { hue += 360; } else if (hue >= 360) { hue -= 360; } return hue; } function getSaturation(hsv, i, light) { // grey color don't change saturation if (hsv.h === 0 && hsv.s === 0) { return hsv.s; } var saturation; if (light) { saturation = hsv.s - saturationStep * i; } else if (i === darkColorCount) { saturation = hsv.s + saturationStep; } else { saturation = hsv.s + saturationStep2 * i; } // 边界值修正 if (saturation > 1) { saturation = 1; } // 第一格的 s 限制在 0.06-0.1 之间 if (light && i === lightColorCount && saturation > 0.1) { saturation = 0.1; } if (saturation < 0.06) { saturation = 0.06; } return Number(saturation.toFixed(2)); } function getValue(hsv, i, light) { var value; if (light) { value = hsv.v + brightnessStep1 * i; } else { value = hsv.v - brightnessStep2 * i; } if (value > 1) { value = 1; } return Number(value.toFixed(2)); } function generate(color) { var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; var patterns = []; var pColor = (0,_ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_1__.inputToRGB)(color); for (var i = lightColorCount; i > 0; i -= 1) { var hsv = toHsv(pColor); var colorString = toHex((0,_ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_1__.inputToRGB)({ h: getHue(hsv, i, true), s: getSaturation(hsv, i, true), v: getValue(hsv, i, true) })); patterns.push(colorString); } patterns.push(toHex(pColor)); for (var _i = 1; _i <= darkColorCount; _i += 1) { var _hsv = toHsv(pColor); var _colorString = toHex((0,_ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_1__.inputToRGB)({ h: getHue(_hsv, _i), s: getSaturation(_hsv, _i), v: getValue(_hsv, _i) })); patterns.push(_colorString); } // dark theme patterns if (opts.theme === 'dark') { return darkColorMap.map(function (_ref3) { var index = _ref3.index, opacity = _ref3.opacity; var darkColorString = toHex(mix((0,_ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_1__.inputToRGB)(opts.backgroundColor || '#141414'), (0,_ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_1__.inputToRGB)(patterns[index]), opacity * 100)); return darkColorString; }); } return patterns; } var presetPrimaryColors = { red: '#F5222D', volcano: '#FA541C', orange: '#FA8C16', gold: '#FAAD14', yellow: '#FADB14', lime: '#A0D911', green: '#52C41A', cyan: '#13C2C2', blue: '#1890FF', geekblue: '#2F54EB', purple: '#722ED1', magenta: '#EB2F96', grey: '#666666' }; var presetPalettes = {}; var presetDarkPalettes = {}; Object.keys(presetPrimaryColors).forEach(function (key) { presetPalettes[key] = generate(presetPrimaryColors[key]); presetPalettes[key].primary = presetPalettes[key][5]; // dark presetPalettes presetDarkPalettes[key] = generate(presetPrimaryColors[key], { theme: 'dark', backgroundColor: '#141414' }); presetDarkPalettes[key].primary = presetDarkPalettes[key][5]; }); var red = presetPalettes.red; var volcano = presetPalettes.volcano; var gold = presetPalettes.gold; var orange = presetPalettes.orange; var yellow = presetPalettes.yellow; var lime = presetPalettes.lime; var green = presetPalettes.green; var cyan = presetPalettes.cyan; var blue = presetPalettes.blue; var geekblue = presetPalettes.geekblue; var purple = presetPalettes.purple; var magenta = presetPalettes.magenta; var grey = presetPalettes.grey; /***/ }), /***/ "./node_modules/@ant-design/icons-svg/es/asn/ArrowLeftOutlined.js": /*!************************************************************************!*\ !*** ./node_modules/@ant-design/icons-svg/es/asn/ArrowLeftOutlined.js ***! \************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); // This icon file is generated automatically. var ArrowLeftOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M872 474H286.9l350.2-304c5.6-4.9 2.2-14-5.2-14h-88.5c-3.9 0-7.6 1.4-10.5 3.9L155 487.8a31.96 31.96 0 000 48.3L535.1 866c1.5 1.3 3.3 2 5.2 2h91.5c7.4 0 10.8-9.2 5.2-14L286.9 550H872c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z" } }] }, "name": "arrow-left", "theme": "outlined" }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ArrowLeftOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-svg/es/asn/ArrowRightOutlined.js": /*!*************************************************************************!*\ !*** ./node_modules/@ant-design/icons-svg/es/asn/ArrowRightOutlined.js ***! \*************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); // This icon file is generated automatically. var ArrowRightOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M869 487.8L491.2 159.9c-2.9-2.5-6.6-3.9-10.5-3.9h-88.5c-7.4 0-10.8 9.2-5.2 14l350.2 304H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h585.1L386.9 854c-5.6 4.9-2.2 14 5.2 14h91.5c1.9 0 3.8-.7 5.2-2L869 536.2a32.07 32.07 0 000-48.4z" } }] }, "name": "arrow-right", "theme": "outlined" }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ArrowRightOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-svg/es/asn/BarsOutlined.js": /*!*******************************************************************!*\ !*** ./node_modules/@ant-design/icons-svg/es/asn/BarsOutlined.js ***! \*******************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); // This icon file is generated automatically. var BarsOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "0 0 1024 1024", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M912 192H328c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h584c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 284H328c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h584c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 284H328c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h584c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM104 228a56 56 0 10112 0 56 56 0 10-112 0zm0 284a56 56 0 10112 0 56 56 0 10-112 0zm0 284a56 56 0 10112 0 56 56 0 10-112 0z" } }] }, "name": "bars", "theme": "outlined" }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (BarsOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-svg/es/asn/CalendarOutlined.js": /*!***********************************************************************!*\ !*** ./node_modules/@ant-design/icons-svg/es/asn/CalendarOutlined.js ***! \***********************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); // This icon file is generated automatically. var CalendarOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z" } }] }, "name": "calendar", "theme": "outlined" }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CalendarOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-svg/es/asn/CaretDownFilled.js": /*!**********************************************************************!*\ !*** ./node_modules/@ant-design/icons-svg/es/asn/CaretDownFilled.js ***! \**********************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); // This icon file is generated automatically. var CaretDownFilled = { "icon": { "tag": "svg", "attrs": { "viewBox": "0 0 1024 1024", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z" } }] }, "name": "caret-down", "theme": "filled" }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CaretDownFilled); /***/ }), /***/ "./node_modules/@ant-design/icons-svg/es/asn/CaretDownOutlined.js": /*!************************************************************************!*\ !*** ./node_modules/@ant-design/icons-svg/es/asn/CaretDownOutlined.js ***! \************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); // This icon file is generated automatically. var CaretDownOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "0 0 1024 1024", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z" } }] }, "name": "caret-down", "theme": "outlined" }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CaretDownOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-svg/es/asn/CaretUpOutlined.js": /*!**********************************************************************!*\ !*** ./node_modules/@ant-design/icons-svg/es/asn/CaretUpOutlined.js ***! \**********************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); // This icon file is generated automatically. var CaretUpOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "0 0 1024 1024", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M858.9 689L530.5 308.2c-9.4-10.9-27.5-10.9-37 0L165.1 689c-12.2 14.2-1.2 35 18.5 35h656.8c19.7 0 30.7-20.8 18.5-35z" } }] }, "name": "caret-up", "theme": "outlined" }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CaretUpOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-svg/es/asn/CheckCircleFilled.js": /*!************************************************************************!*\ !*** ./node_modules/@ant-design/icons-svg/es/asn/CheckCircleFilled.js ***! \************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); // This icon file is generated automatically. var CheckCircleFilled = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm193.5 301.7l-210.6 292a31.8 31.8 0 01-51.7 0L318.5 484.9c-3.8-5.3 0-12.7 6.5-12.7h46.9c10.2 0 19.9 4.9 25.9 13.3l71.2 98.8 157.2-218c6-8.3 15.6-13.3 25.9-13.3H699c6.5 0 10.3 7.4 6.5 12.7z" } }] }, "name": "check-circle", "theme": "filled" }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CheckCircleFilled); /***/ }), /***/ "./node_modules/@ant-design/icons-svg/es/asn/CheckCircleOutlined.js": /*!**************************************************************************!*\ !*** ./node_modules/@ant-design/icons-svg/es/asn/CheckCircleOutlined.js ***! \**************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); // This icon file is generated automatically. var CheckCircleOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M699 353h-46.9c-10.2 0-19.9 4.9-25.9 13.3L469 584.3l-71.2-98.8c-6-8.3-15.6-13.3-25.9-13.3H325c-6.5 0-10.3 7.4-6.5 12.7l124.6 172.8a31.8 31.8 0 0051.7 0l210.6-292c3.9-5.3.1-12.7-6.4-12.7z" } }, { "tag": "path", "attrs": { "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" } }] }, "name": "check-circle", "theme": "outlined" }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CheckCircleOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-svg/es/asn/CheckOutlined.js": /*!********************************************************************!*\ !*** ./node_modules/@ant-design/icons-svg/es/asn/CheckOutlined.js ***! \********************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); // This icon file is generated automatically. var CheckOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 00-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z" } }] }, "name": "check", "theme": "outlined" }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CheckOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-svg/es/asn/ClockCircleOutlined.js": /*!**************************************************************************!*\ !*** ./node_modules/@ant-design/icons-svg/es/asn/ClockCircleOutlined.js ***! \**************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); // This icon file is generated automatically. var ClockCircleOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" } }, { "tag": "path", "attrs": { "d": "M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z" } }] }, "name": "clock-circle", "theme": "outlined" }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ClockCircleOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-svg/es/asn/CloseCircleFilled.js": /*!************************************************************************!*\ !*** ./node_modules/@ant-design/icons-svg/es/asn/CloseCircleFilled.js ***! \************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); // This icon file is generated automatically. var CloseCircleFilled = { "icon": { "tag": "svg", "attrs": { "fill-rule": "evenodd", "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z" } }] }, "name": "close-circle", "theme": "filled" }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CloseCircleFilled); /***/ }), /***/ "./node_modules/@ant-design/icons-svg/es/asn/CloseCircleOutlined.js": /*!**************************************************************************!*\ !*** ./node_modules/@ant-design/icons-svg/es/asn/CloseCircleOutlined.js ***! \**************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); // This icon file is generated automatically. var CloseCircleOutlined = { "icon": { "tag": "svg", "attrs": { "fill-rule": "evenodd", "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm0 76c-205.4 0-372 166.6-372 372s166.6 372 372 372 372-166.6 372-372-166.6-372-372-372zm128.01 198.83c.03 0 .05.01.09.06l45.02 45.01a.2.2 0 01.05.09.12.12 0 010 .07c0 .02-.01.04-.05.08L557.25 512l127.87 127.86a.27.27 0 01.05.06v.02a.12.12 0 010 .07c0 .03-.01.05-.05.09l-45.02 45.02a.2.2 0 01-.09.05.12.12 0 01-.07 0c-.02 0-.04-.01-.08-.05L512 557.25 384.14 685.12c-.04.04-.06.05-.08.05a.12.12 0 01-.07 0c-.03 0-.05-.01-.09-.05l-45.02-45.02a.2.2 0 01-.05-.09.12.12 0 010-.07c0-.02.01-.04.06-.08L466.75 512 338.88 384.14a.27.27 0 01-.05-.06l-.01-.02a.12.12 0 010-.07c0-.03.01-.05.05-.09l45.02-45.02a.2.2 0 01.09-.05.12.12 0 01.07 0c.02 0 .04.01.08.06L512 466.75l127.86-127.86c.04-.05.06-.06.08-.06a.12.12 0 01.07 0z" } }] }, "name": "close-circle", "theme": "outlined" }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CloseCircleOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-svg/es/asn/CloseOutlined.js": /*!********************************************************************!*\ !*** ./node_modules/@ant-design/icons-svg/es/asn/CloseOutlined.js ***! \********************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); // This icon file is generated automatically. var CloseOutlined = { "icon": { "tag": "svg", "attrs": { "fill-rule": "evenodd", "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M799.86 166.31c.02 0 .04.02.08.06l57.69 57.7c.04.03.05.05.06.08a.12.12 0 010 .06c0 .03-.02.05-.06.09L569.93 512l287.7 287.7c.04.04.05.06.06.09a.12.12 0 010 .07c0 .02-.02.04-.06.08l-57.7 57.69c-.03.04-.05.05-.07.06a.12.12 0 01-.07 0c-.03 0-.05-.02-.09-.06L512 569.93l-287.7 287.7c-.04.04-.06.05-.09.06a.12.12 0 01-.07 0c-.02 0-.04-.02-.08-.06l-57.69-57.7c-.04-.03-.05-.05-.06-.07a.12.12 0 010-.07c0-.03.02-.05.06-.09L454.07 512l-287.7-287.7c-.04-.04-.05-.06-.06-.09a.12.12 0 010-.07c0-.02.02-.04.06-.08l57.7-57.69c.03-.04.05-.05.07-.06a.12.12 0 01.07 0c.03 0 .05.02.09.06L512 454.07l287.7-287.7c.04-.04.06-.05.09-.06a.12.12 0 01.07 0z" } }] }, "name": "close", "theme": "outlined" }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CloseOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-svg/es/asn/CopyOutlined.js": /*!*******************************************************************!*\ !*** ./node_modules/@ant-design/icons-svg/es/asn/CopyOutlined.js ***! \*******************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); // This icon file is generated automatically. var CopyOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M832 64H296c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496v688c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V96c0-17.7-14.3-32-32-32zM704 192H192c-17.7 0-32 14.3-32 32v530.7c0 8.5 3.4 16.6 9.4 22.6l173.3 173.3c2.2 2.2 4.7 4 7.4 5.5v1.9h4.2c3.5 1.3 7.2 2 11 2H704c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32zM350 856.2L263.9 770H350v86.2zM664 888H414V746c0-22.1-17.9-40-40-40H232V264h432v624z" } }] }, "name": "copy", "theme": "outlined" }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CopyOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-svg/es/asn/DeleteOutlined.js": /*!*********************************************************************!*\ !*** ./node_modules/@ant-design/icons-svg/es/asn/DeleteOutlined.js ***! \*********************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); // This icon file is generated automatically. var DeleteOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z" } }] }, "name": "delete", "theme": "outlined" }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DeleteOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-svg/es/asn/DoubleLeftOutlined.js": /*!*************************************************************************!*\ !*** ./node_modules/@ant-design/icons-svg/es/asn/DoubleLeftOutlined.js ***! \*************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); // This icon file is generated automatically. var DoubleLeftOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M272.9 512l265.4-339.1c4.1-5.2.4-12.9-6.3-12.9h-77.3c-4.9 0-9.6 2.3-12.6 6.1L186.8 492.3a31.99 31.99 0 000 39.5l255.3 326.1c3 3.9 7.7 6.1 12.6 6.1H532c6.7 0 10.4-7.7 6.3-12.9L272.9 512zm304 0l265.4-339.1c4.1-5.2.4-12.9-6.3-12.9h-77.3c-4.9 0-9.6 2.3-12.6 6.1L490.8 492.3a31.99 31.99 0 000 39.5l255.3 326.1c3 3.9 7.7 6.1 12.6 6.1H836c6.7 0 10.4-7.7 6.3-12.9L576.9 512z" } }] }, "name": "double-left", "theme": "outlined" }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DoubleLeftOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-svg/es/asn/DoubleRightOutlined.js": /*!**************************************************************************!*\ !*** ./node_modules/@ant-design/icons-svg/es/asn/DoubleRightOutlined.js ***! \**************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); // This icon file is generated automatically. var DoubleRightOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M533.2 492.3L277.9 166.1c-3-3.9-7.7-6.1-12.6-6.1H188c-6.7 0-10.4 7.7-6.3 12.9L447.1 512 181.7 851.1A7.98 7.98 0 00188 864h77.3c4.9 0 9.6-2.3 12.6-6.1l255.3-326.1c9.1-11.7 9.1-27.9 0-39.5zm304 0L581.9 166.1c-3-3.9-7.7-6.1-12.6-6.1H492c-6.7 0-10.4 7.7-6.3 12.9L751.1 512 485.7 851.1A7.98 7.98 0 00492 864h77.3c4.9 0 9.6-2.3 12.6-6.1l255.3-326.1c9.1-11.7 9.1-27.9 0-39.5z" } }] }, "name": "double-right", "theme": "outlined" }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DoubleRightOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-svg/es/asn/DownOutlined.js": /*!*******************************************************************!*\ !*** ./node_modules/@ant-design/icons-svg/es/asn/DownOutlined.js ***! \*******************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); // This icon file is generated automatically. var DownOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" } }] }, "name": "down", "theme": "outlined" }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DownOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-svg/es/asn/DownloadOutlined.js": /*!***********************************************************************!*\ !*** ./node_modules/@ant-design/icons-svg/es/asn/DownloadOutlined.js ***! \***********************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); // This icon file is generated automatically. var DownloadOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M505.7 661a8 8 0 0012.6 0l112-141.7c4.1-5.2.4-12.9-6.3-12.9h-74.1V168c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v338.3H400c-6.7 0-10.4 7.7-6.3 12.9l112 141.8zM878 626h-60c-4.4 0-8 3.6-8 8v154H214V634c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v198c0 17.7 14.3 32 32 32h684c17.7 0 32-14.3 32-32V634c0-4.4-3.6-8-8-8z" } }] }, "name": "download", "theme": "outlined" }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DownloadOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-svg/es/asn/EditOutlined.js": /*!*******************************************************************!*\ !*** ./node_modules/@ant-design/icons-svg/es/asn/EditOutlined.js ***! \*******************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); // This icon file is generated automatically. var EditOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z" } }] }, "name": "edit", "theme": "outlined" }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (EditOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-svg/es/asn/EllipsisOutlined.js": /*!***********************************************************************!*\ !*** ./node_modules/@ant-design/icons-svg/es/asn/EllipsisOutlined.js ***! \***********************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); // This icon file is generated automatically. var EllipsisOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z" } }] }, "name": "ellipsis", "theme": "outlined" }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (EllipsisOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-svg/es/asn/EnterOutlined.js": /*!********************************************************************!*\ !*** ./node_modules/@ant-design/icons-svg/es/asn/EnterOutlined.js ***! \********************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); // This icon file is generated automatically. var EnterOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M864 170h-60c-4.4 0-8 3.6-8 8v518H310v-73c0-6.7-7.8-10.5-13-6.3l-141.9 112a8 8 0 000 12.6l141.9 112c5.3 4.2 13 .4 13-6.3v-75h498c35.3 0 64-28.7 64-64V178c0-4.4-3.6-8-8-8z" } }] }, "name": "enter", "theme": "outlined" }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (EnterOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-svg/es/asn/ExclamationCircleFilled.js": /*!******************************************************************************!*\ !*** ./node_modules/@ant-design/icons-svg/es/asn/ExclamationCircleFilled.js ***! \******************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); // This icon file is generated automatically. var ExclamationCircleFilled = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z" } }] }, "name": "exclamation-circle", "theme": "filled" }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ExclamationCircleFilled); /***/ }), /***/ "./node_modules/@ant-design/icons-svg/es/asn/ExclamationCircleOutlined.js": /*!********************************************************************************!*\ !*** ./node_modules/@ant-design/icons-svg/es/asn/ExclamationCircleOutlined.js ***! \********************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); // This icon file is generated automatically. var ExclamationCircleOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" } }, { "tag": "path", "attrs": { "d": "M464 688a48 48 0 1096 0 48 48 0 10-96 0zm24-112h48c4.4 0 8-3.6 8-8V296c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v272c0 4.4 3.6 8 8 8z" } }] }, "name": "exclamation-circle", "theme": "outlined" }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ExclamationCircleOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-svg/es/asn/EyeInvisibleOutlined.js": /*!***************************************************************************!*\ !*** ./node_modules/@ant-design/icons-svg/es/asn/EyeInvisibleOutlined.js ***! \***************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); // This icon file is generated automatically. var EyeInvisibleOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M942.2 486.2Q889.47 375.11 816.7 305l-50.88 50.88C807.31 395.53 843.45 447.4 874.7 512 791.5 684.2 673.4 766 512 766q-72.67 0-133.87-22.38L323 798.75Q408 838 512 838q288.3 0 430.2-300.3a60.29 60.29 0 000-51.5zm-63.57-320.64L836 122.88a8 8 0 00-11.32 0L715.31 232.2Q624.86 186 512 186q-288.3 0-430.2 300.3a60.3 60.3 0 000 51.5q56.69 119.4 136.5 191.41L112.48 835a8 8 0 000 11.31L155.17 889a8 8 0 0011.31 0l712.15-712.12a8 8 0 000-11.32zM149.3 512C232.6 339.8 350.7 258 512 258c54.54 0 104.13 9.36 149.12 28.39l-70.3 70.3a176 176 0 00-238.13 238.13l-83.42 83.42C223.1 637.49 183.3 582.28 149.3 512zm246.7 0a112.11 112.11 0 01146.2-106.69L401.31 546.2A112 112 0 01396 512z" } }, { "tag": "path", "attrs": { "d": "M508 624c-3.46 0-6.87-.16-10.25-.47l-52.82 52.82a176.09 176.09 0 00227.42-227.42l-52.82 52.82c.31 3.38.47 6.79.47 10.25a111.94 111.94 0 01-112 112z" } }] }, "name": "eye-invisible", "theme": "outlined" }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (EyeInvisibleOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-svg/es/asn/EyeOutlined.js": /*!******************************************************************!*\ !*** ./node_modules/@ant-design/icons-svg/es/asn/EyeOutlined.js ***! \******************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); // This icon file is generated automatically. var EyeOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M942.2 486.2C847.4 286.5 704.1 186 512 186c-192.2 0-335.4 100.5-430.2 300.3a60.3 60.3 0 000 51.5C176.6 737.5 319.9 838 512 838c192.2 0 335.4-100.5 430.2-300.3 7.7-16.2 7.7-35 0-51.5zM512 766c-161.3 0-279.4-81.8-362.7-254C232.6 339.8 350.7 258 512 258c161.3 0 279.4 81.8 362.7 254C791.5 684.2 673.4 766 512 766zm-4-430c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176zm0 288c-61.9 0-112-50.1-112-112s50.1-112 112-112 112 50.1 112 112-50.1 112-112 112z" } }] }, "name": "eye", "theme": "outlined" }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (EyeOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-svg/es/asn/FileOutlined.js": /*!*******************************************************************!*\ !*** ./node_modules/@ant-design/icons-svg/es/asn/FileOutlined.js ***! \*******************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); // This icon file is generated automatically. var FileOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM790.2 326H602V137.8L790.2 326zm1.8 562H232V136h302v216a42 42 0 0042 42h216v494z" } }] }, "name": "file", "theme": "outlined" }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FileOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-svg/es/asn/FileTextOutlined.js": /*!***********************************************************************!*\ !*** ./node_modules/@ant-design/icons-svg/es/asn/FileTextOutlined.js ***! \***********************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); // This icon file is generated automatically. var FileTextOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM790.2 326H602V137.8L790.2 326zm1.8 562H232V136h302v216a42 42 0 0042 42h216v494zM504 618H320c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h184c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8zM312 490v48c0 4.4 3.6 8 8 8h384c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H320c-4.4 0-8 3.6-8 8z" } }] }, "name": "file-text", "theme": "outlined" }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FileTextOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-svg/es/asn/FileTwoTone.js": /*!******************************************************************!*\ !*** ./node_modules/@ant-design/icons-svg/es/asn/FileTwoTone.js ***! \******************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); // This icon file is generated automatically. var FileTwoTone = { "icon": function render(primaryColor, secondaryColor) { return { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M534 352V136H232v752h560V394H576a42 42 0 01-42-42z", "fill": secondaryColor } }, { "tag": "path", "attrs": { "d": "M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM602 137.8L790.2 326H602V137.8zM792 888H232V136h302v216a42 42 0 0042 42h216v494z", "fill": primaryColor } }] }; }, "name": "file", "theme": "twotone" }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FileTwoTone); /***/ }), /***/ "./node_modules/@ant-design/icons-svg/es/asn/FilterFilled.js": /*!*******************************************************************!*\ !*** ./node_modules/@ant-design/icons-svg/es/asn/FilterFilled.js ***! \*******************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); // This icon file is generated automatically. var FilterFilled = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z" } }] }, "name": "filter", "theme": "filled" }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FilterFilled); /***/ }), /***/ "./node_modules/@ant-design/icons-svg/es/asn/FolderOpenOutlined.js": /*!*************************************************************************!*\ !*** ./node_modules/@ant-design/icons-svg/es/asn/FolderOpenOutlined.js ***! \*************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); // This icon file is generated automatically. var FolderOpenOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M928 444H820V330.4c0-17.7-14.3-32-32-32H473L355.7 186.2a8.15 8.15 0 00-5.5-2.2H96c-17.7 0-32 14.3-32 32v592c0 17.7 14.3 32 32 32h698c13 0 24.8-7.9 29.7-20l134-332c1.5-3.8 2.3-7.9 2.3-12 0-17.7-14.3-32-32-32zM136 256h188.5l119.6 114.4H748V444H238c-13 0-24.8 7.9-29.7 20L136 643.2V256zm635.3 512H159l103.3-256h612.4L771.3 768z" } }] }, "name": "folder-open", "theme": "outlined" }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FolderOpenOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-svg/es/asn/FolderOutlined.js": /*!*********************************************************************!*\ !*** ./node_modules/@ant-design/icons-svg/es/asn/FolderOutlined.js ***! \*********************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); // This icon file is generated automatically. var FolderOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M880 298.4H521L403.7 186.2a8.15 8.15 0 00-5.5-2.2H144c-17.7 0-32 14.3-32 32v592c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V330.4c0-17.7-14.3-32-32-32zM840 768H184V256h188.5l119.6 114.4H840V768z" } }] }, "name": "folder", "theme": "outlined" }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FolderOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-svg/es/asn/InfoCircleFilled.js": /*!***********************************************************************!*\ !*** ./node_modules/@ant-design/icons-svg/es/asn/InfoCircleFilled.js ***! \***********************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); // This icon file is generated automatically. var InfoCircleFilled = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm32 664c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V456c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272zm-32-344a48.01 48.01 0 010-96 48.01 48.01 0 010 96z" } }] }, "name": "info-circle", "theme": "filled" }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (InfoCircleFilled); /***/ }), /***/ "./node_modules/@ant-design/icons-svg/es/asn/InfoCircleOutlined.js": /*!*************************************************************************!*\ !*** ./node_modules/@ant-design/icons-svg/es/asn/InfoCircleOutlined.js ***! \*************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); // This icon file is generated automatically. var InfoCircleOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" } }, { "tag": "path", "attrs": { "d": "M464 336a48 48 0 1096 0 48 48 0 10-96 0zm72 112h-48c-4.4 0-8 3.6-8 8v272c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V456c0-4.4-3.6-8-8-8z" } }] }, "name": "info-circle", "theme": "outlined" }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (InfoCircleOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-svg/es/asn/LeftOutlined.js": /*!*******************************************************************!*\ !*** ./node_modules/@ant-design/icons-svg/es/asn/LeftOutlined.js ***! \*******************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); // This icon file is generated automatically. var LeftOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z" } }] }, "name": "left", "theme": "outlined" }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (LeftOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-svg/es/asn/LoadingOutlined.js": /*!**********************************************************************!*\ !*** ./node_modules/@ant-design/icons-svg/es/asn/LoadingOutlined.js ***! \**********************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); // This icon file is generated automatically. var LoadingOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "0 0 1024 1024", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z" } }] }, "name": "loading", "theme": "outlined" }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (LoadingOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-svg/es/asn/MinusSquareOutlined.js": /*!**************************************************************************!*\ !*** ./node_modules/@ant-design/icons-svg/es/asn/MinusSquareOutlined.js ***! \**************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); // This icon file is generated automatically. var MinusSquareOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M328 544h368c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8z" } }, { "tag": "path", "attrs": { "d": "M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z" } }] }, "name": "minus-square", "theme": "outlined" }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MinusSquareOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-svg/es/asn/PaperClipOutlined.js": /*!************************************************************************!*\ !*** ./node_modules/@ant-design/icons-svg/es/asn/PaperClipOutlined.js ***! \************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); // This icon file is generated automatically. var PaperClipOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z" } }] }, "name": "paper-clip", "theme": "outlined" }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PaperClipOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-svg/es/asn/PictureTwoTone.js": /*!*********************************************************************!*\ !*** ./node_modules/@ant-design/icons-svg/es/asn/PictureTwoTone.js ***! \*********************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); // This icon file is generated automatically. var PictureTwoTone = { "icon": function render(primaryColor, secondaryColor) { return { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M928 160H96c-17.7 0-32 14.3-32 32v640c0 17.7 14.3 32 32 32h832c17.7 0 32-14.3 32-32V192c0-17.7-14.3-32-32-32zm-40 632H136v-39.9l138.5-164.3 150.1 178L658.1 489 888 761.6V792zm0-129.8L664.2 396.8c-3.2-3.8-9-3.8-12.2 0L424.6 666.4l-144-170.7c-3.2-3.8-9-3.8-12.2 0L136 652.7V232h752v430.2z", "fill": primaryColor } }, { "tag": "path", "attrs": { "d": "M424.6 765.8l-150.1-178L136 752.1V792h752v-30.4L658.1 489z", "fill": secondaryColor } }, { "tag": "path", "attrs": { "d": "M136 652.7l132.4-157c3.2-3.8 9-3.8 12.2 0l144 170.7L652 396.8c3.2-3.8 9-3.8 12.2 0L888 662.2V232H136v420.7zM304 280a88 88 0 110 176 88 88 0 010-176z", "fill": secondaryColor } }, { "tag": "path", "attrs": { "d": "M276 368a28 28 0 1056 0 28 28 0 10-56 0z", "fill": secondaryColor } }, { "tag": "path", "attrs": { "d": "M304 456a88 88 0 100-176 88 88 0 000 176zm0-116c15.5 0 28 12.5 28 28s-12.5 28-28 28-28-12.5-28-28 12.5-28 28-28z", "fill": primaryColor } }] }; }, "name": "picture", "theme": "twotone" }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PictureTwoTone); /***/ }), /***/ "./node_modules/@ant-design/icons-svg/es/asn/PlusOutlined.js": /*!*******************************************************************!*\ !*** ./node_modules/@ant-design/icons-svg/es/asn/PlusOutlined.js ***! \*******************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); // This icon file is generated automatically. var PlusOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z" } }, { "tag": "path", "attrs": { "d": "M192 474h672q8 0 8 8v60q0 8-8 8H160q-8 0-8-8v-60q0-8 8-8z" } }] }, "name": "plus", "theme": "outlined" }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PlusOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-svg/es/asn/PlusSquareOutlined.js": /*!*************************************************************************!*\ !*** ./node_modules/@ant-design/icons-svg/es/asn/PlusSquareOutlined.js ***! \*************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); // This icon file is generated automatically. var PlusSquareOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M328 544h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8z" } }, { "tag": "path", "attrs": { "d": "M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z" } }] }, "name": "plus-square", "theme": "outlined" }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PlusSquareOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-svg/es/asn/QuestionCircleOutlined.js": /*!*****************************************************************************!*\ !*** ./node_modules/@ant-design/icons-svg/es/asn/QuestionCircleOutlined.js ***! \*****************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); // This icon file is generated automatically. var QuestionCircleOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" } }, { "tag": "path", "attrs": { "d": "M623.6 316.7C593.6 290.4 554 276 512 276s-81.6 14.5-111.6 40.7C369.2 344 352 380.7 352 420v7.6c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V420c0-44.1 43.1-80 96-80s96 35.9 96 80c0 31.1-22 59.6-56.1 72.7-21.2 8.1-39.2 22.3-52.1 40.9-13.1 19-19.9 41.8-19.9 64.9V620c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-22.7a48.3 48.3 0 0130.9-44.8c59-22.7 97.1-74.7 97.1-132.5.1-39.3-17.1-76-48.3-103.3zM472 732a40 40 0 1080 0 40 40 0 10-80 0z" } }] }, "name": "question-circle", "theme": "outlined" }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (QuestionCircleOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-svg/es/asn/ReloadOutlined.js": /*!*********************************************************************!*\ !*** ./node_modules/@ant-design/icons-svg/es/asn/ReloadOutlined.js ***! \*********************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); // This icon file is generated automatically. var ReloadOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M909.1 209.3l-56.4 44.1C775.8 155.1 656.2 92 521.9 92 290 92 102.3 279.5 102 511.5 101.7 743.7 289.8 932 521.9 932c181.3 0 335.8-115 394.6-276.1 1.5-4.2-.7-8.9-4.9-10.3l-56.7-19.5a8 8 0 00-10.1 4.8c-1.8 5-3.8 10-5.9 14.9-17.3 41-42.1 77.8-73.7 109.4A344.77 344.77 0 01655.9 829c-42.3 17.9-87.4 27-133.8 27-46.5 0-91.5-9.1-133.8-27A341.5 341.5 0 01279 755.2a342.16 342.16 0 01-73.7-109.4c-17.9-42.4-27-87.4-27-133.9s9.1-91.5 27-133.9c17.3-41 42.1-77.8 73.7-109.4 31.6-31.6 68.4-56.4 109.3-73.8 42.3-17.9 87.4-27 133.8-27 46.5 0 91.5 9.1 133.8 27a341.5 341.5 0 01109.3 73.8c9.9 9.9 19.2 20.4 27.8 31.4l-60.2 47a8 8 0 003 14.1l175.6 43c5 1.2 9.9-2.6 9.9-7.7l.8-180.9c-.1-6.6-7.8-10.3-13-6.2z" } }] }, "name": "reload", "theme": "outlined" }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ReloadOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-svg/es/asn/RightOutlined.js": /*!********************************************************************!*\ !*** ./node_modules/@ant-design/icons-svg/es/asn/RightOutlined.js ***! \********************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); // This icon file is generated automatically. var RightOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z" } }] }, "name": "right", "theme": "outlined" }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (RightOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-svg/es/asn/RotateLeftOutlined.js": /*!*************************************************************************!*\ !*** ./node_modules/@ant-design/icons-svg/es/asn/RotateLeftOutlined.js ***! \*************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); // This icon file is generated automatically. var RotateLeftOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "defs", "attrs": {}, "children": [{ "tag": "style", "attrs": {} }] }, { "tag": "path", "attrs": { "d": "M672 418H144c-17.7 0-32 14.3-32 32v414c0 17.7 14.3 32 32 32h528c17.7 0 32-14.3 32-32V450c0-17.7-14.3-32-32-32zm-44 402H188V494h440v326z" } }, { "tag": "path", "attrs": { "d": "M819.3 328.5c-78.8-100.7-196-153.6-314.6-154.2l-.2-64c0-6.5-7.6-10.1-12.6-6.1l-128 101c-4 3.1-3.9 9.1 0 12.3L492 318.6c5.1 4 12.7.4 12.6-6.1v-63.9c12.9.1 25.9.9 38.8 2.5 42.1 5.2 82.1 18.2 119 38.7 38.1 21.2 71.2 49.7 98.4 84.3 27.1 34.7 46.7 73.7 58.1 115.8a325.95 325.95 0 016.5 140.9h74.9c14.8-103.6-11.3-213-81-302.3z" } }] }, "name": "rotate-left", "theme": "outlined" }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (RotateLeftOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-svg/es/asn/RotateRightOutlined.js": /*!**************************************************************************!*\ !*** ./node_modules/@ant-design/icons-svg/es/asn/RotateRightOutlined.js ***! \**************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); // This icon file is generated automatically. var RotateRightOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "defs", "attrs": {}, "children": [{ "tag": "style", "attrs": {} }] }, { "tag": "path", "attrs": { "d": "M480.5 251.2c13-1.6 25.9-2.4 38.8-2.5v63.9c0 6.5 7.5 10.1 12.6 6.1L660 217.6c4-3.2 4-9.2 0-12.3l-128-101c-5.1-4-12.6-.4-12.6 6.1l-.2 64c-118.6.5-235.8 53.4-314.6 154.2A399.75 399.75 0 00123.5 631h74.9c-.9-5.3-1.7-10.7-2.4-16.1-5.1-42.1-2.1-84.1 8.9-124.8 11.4-42.2 31-81.1 58.1-115.8 27.2-34.7 60.3-63.2 98.4-84.3 37-20.6 76.9-33.6 119.1-38.8z" } }, { "tag": "path", "attrs": { "d": "M880 418H352c-17.7 0-32 14.3-32 32v414c0 17.7 14.3 32 32 32h528c17.7 0 32-14.3 32-32V450c0-17.7-14.3-32-32-32zm-44 402H396V494h440v326z" } }] }, "name": "rotate-right", "theme": "outlined" }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (RotateRightOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-svg/es/asn/SearchOutlined.js": /*!*********************************************************************!*\ !*** ./node_modules/@ant-design/icons-svg/es/asn/SearchOutlined.js ***! \*********************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); // This icon file is generated automatically. var SearchOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z" } }] }, "name": "search", "theme": "outlined" }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SearchOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-svg/es/asn/StarFilled.js": /*!*****************************************************************!*\ !*** ./node_modules/@ant-design/icons-svg/es/asn/StarFilled.js ***! \*****************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); // This icon file is generated automatically. var StarFilled = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z" } }] }, "name": "star", "theme": "filled" }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (StarFilled); /***/ }), /***/ "./node_modules/@ant-design/icons-svg/es/asn/SwapOutlined.js": /*!*******************************************************************!*\ !*** ./node_modules/@ant-design/icons-svg/es/asn/SwapOutlined.js ***! \*******************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); // This icon file is generated automatically. var SwapOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M847.9 592H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h605.2L612.9 851c-4.1 5.2-.4 13 6.3 13h72.5c4.9 0 9.5-2.2 12.6-6.1l168.8-214.1c16.5-21 1.6-51.8-25.2-51.8zM872 356H266.8l144.3-183c4.1-5.2.4-13-6.3-13h-72.5c-4.9 0-9.5 2.2-12.6 6.1L150.9 380.2c-16.5 21-1.6 51.8 25.1 51.8h696c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z" } }] }, "name": "swap", "theme": "outlined" }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SwapOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-svg/es/asn/SwapRightOutlined.js": /*!************************************************************************!*\ !*** ./node_modules/@ant-design/icons-svg/es/asn/SwapRightOutlined.js ***! \************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); // This icon file is generated automatically. var SwapRightOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "0 0 1024 1024", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M873.1 596.2l-164-208A32 32 0 00684 376h-64.8c-6.7 0-10.4 7.7-6.3 13l144.3 183H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h695.9c26.8 0 41.7-30.8 25.2-51.8z" } }] }, "name": "swap-right", "theme": "outlined" }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SwapRightOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-svg/es/asn/UpOutlined.js": /*!*****************************************************************!*\ !*** ./node_modules/@ant-design/icons-svg/es/asn/UpOutlined.js ***! \*****************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); // This icon file is generated automatically. var UpOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z" } }] }, "name": "up", "theme": "outlined" }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (UpOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-svg/es/asn/VerticalAlignTopOutlined.js": /*!*******************************************************************************!*\ !*** ./node_modules/@ant-design/icons-svg/es/asn/VerticalAlignTopOutlined.js ***! \*******************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); // This icon file is generated automatically. var VerticalAlignTopOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M859.9 168H164.1c-4.5 0-8.1 3.6-8.1 8v60c0 4.4 3.6 8 8.1 8h695.8c4.5 0 8.1-3.6 8.1-8v-60c0-4.4-3.6-8-8.1-8zM518.3 355a8 8 0 00-12.6 0l-112 141.7a7.98 7.98 0 006.3 12.9h73.9V848c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V509.7H624c6.7 0 10.4-7.7 6.3-12.9L518.3 355z" } }] }, "name": "vertical-align-top", "theme": "outlined" }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (VerticalAlignTopOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-svg/es/asn/WarningFilled.js": /*!********************************************************************!*\ !*** ./node_modules/@ant-design/icons-svg/es/asn/WarningFilled.js ***! \********************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); // This icon file is generated automatically. var WarningFilled = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M955.7 856l-416-720c-6.2-10.7-16.9-16-27.7-16s-21.6 5.3-27.7 16l-416 720C56 877.4 71.4 904 96 904h832c24.6 0 40-26.6 27.7-48zM480 416c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v184c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V416zm32 352a48.01 48.01 0 010-96 48.01 48.01 0 010 96z" } }] }, "name": "warning", "theme": "filled" }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (WarningFilled); /***/ }), /***/ "./node_modules/@ant-design/icons-svg/es/asn/ZoomInOutlined.js": /*!*********************************************************************!*\ !*** ./node_modules/@ant-design/icons-svg/es/asn/ZoomInOutlined.js ***! \*********************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); // This icon file is generated automatically. var ZoomInOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M637 443H519V309c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v134H325c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h118v134c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V519h118c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8zm284 424L775 721c122.1-148.9 113.6-369.5-26-509-148-148.1-388.4-148.1-537 0-148.1 148.6-148.1 389 0 537 139.5 139.6 360.1 148.1 509 26l146 146c3.2 2.8 8.3 2.8 11 0l43-43c2.8-2.7 2.8-7.8 0-11zM696 696c-118.8 118.7-311.2 118.7-430 0-118.7-118.8-118.7-311.2 0-430 118.8-118.7 311.2-118.7 430 0 118.7 118.8 118.7 311.2 0 430z" } }] }, "name": "zoom-in", "theme": "outlined" }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ZoomInOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-svg/es/asn/ZoomOutOutlined.js": /*!**********************************************************************!*\ !*** ./node_modules/@ant-design/icons-svg/es/asn/ZoomOutOutlined.js ***! \**********************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); // This icon file is generated automatically. var ZoomOutOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M637 443H325c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h312c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8zm284 424L775 721c122.1-148.9 113.6-369.5-26-509-148-148.1-388.4-148.1-537 0-148.1 148.6-148.1 389 0 537 139.5 139.6 360.1 148.1 509 26l146 146c3.2 2.8 8.3 2.8 11 0l43-43c2.8-2.7 2.8-7.8 0-11zM696 696c-118.8 118.7-311.2 118.7-430 0-118.7-118.8-118.7-311.2 0-430 118.8-118.7 311.2-118.7 430 0 118.7 118.8 118.7 311.2 0 430z" } }] }, "name": "zoom-out", "theme": "outlined" }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ZoomOutOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-vue/es/components/AntdIcon.js": /*!**********************************************************************!*\ !*** ./node_modules/@ant-design/icons-vue/es/components/AntdIcon.js ***! \**********************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _IconBase__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./IconBase */ "./node_modules/@ant-design/icons-vue/es/components/IconBase.js"); /* harmony import */ var _twoTonePrimaryColor__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./twoTonePrimaryColor */ "./node_modules/@ant-design/icons-vue/es/components/twoTonePrimaryColor.js"); /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils */ "./node_modules/@ant-design/icons-vue/es/utils.js"); /* harmony import */ var _ant_design_colors__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @ant-design/colors */ "./node_modules/@ant-design/colors/dist/index.esm.js"); /* harmony import */ var _Context__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Context */ "./node_modules/@ant-design/icons-vue/es/components/Context.js"); /* harmony import */ var _InsertStyle__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./InsertStyle */ "./node_modules/@ant-design/icons-vue/es/components/InsertStyle.js"); var _excluded = ["class", "icon", "spin", "rotate", "tabindex", "twoToneColor", "onClick"]; function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); } function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); } function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; } function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; } function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; } // Initial setting (0,_twoTonePrimaryColor__WEBPACK_IMPORTED_MODULE_2__.setTwoToneColor)(_ant_design_colors__WEBPACK_IMPORTED_MODULE_1__.blue.primary); var Icon = function Icon(props, context) { var _classObj; var _props$context$attrs = _objectSpread({}, props, context.attrs), cls = _props$context$attrs["class"], icon = _props$context$attrs.icon, spin = _props$context$attrs.spin, rotate = _props$context$attrs.rotate, tabindex = _props$context$attrs.tabindex, twoToneColor = _props$context$attrs.twoToneColor, onClick = _props$context$attrs.onClick, restProps = _objectWithoutProperties(_props$context$attrs, _excluded); var _useInjectIconContext = (0,_Context__WEBPACK_IMPORTED_MODULE_3__.useInjectIconContext)(), prefixCls = _useInjectIconContext.prefixCls, rootClassName = _useInjectIconContext.rootClassName; var classObj = (_classObj = {}, _defineProperty(_classObj, rootClassName.value, !!rootClassName.value), _defineProperty(_classObj, prefixCls.value, true), _defineProperty(_classObj, "".concat(prefixCls.value, "-").concat(icon.name), Boolean(icon.name)), _defineProperty(_classObj, "".concat(prefixCls.value, "-spin"), !!spin || icon.name === 'loading'), _classObj); var iconTabIndex = tabindex; if (iconTabIndex === undefined && onClick) { iconTabIndex = -1; } var svgStyle = rotate ? { msTransform: "rotate(".concat(rotate, "deg)"), transform: "rotate(".concat(rotate, "deg)") } : undefined; var _normalizeTwoToneColo = (0,_utils__WEBPACK_IMPORTED_MODULE_4__.normalizeTwoToneColors)(twoToneColor), _normalizeTwoToneColo2 = _slicedToArray(_normalizeTwoToneColo, 2), primaryColor = _normalizeTwoToneColo2[0], secondaryColor = _normalizeTwoToneColo2[1]; return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("span", _objectSpread({ "role": "img", "aria-label": icon.name }, restProps, { "onClick": onClick, "class": [classObj, cls], "tabindex": iconTabIndex }), [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_IconBase__WEBPACK_IMPORTED_MODULE_5__["default"], { "icon": icon, "primaryColor": primaryColor, "secondaryColor": secondaryColor, "style": svgStyle }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_InsertStyle__WEBPACK_IMPORTED_MODULE_6__.InsertStyles, null, null)]); }; Icon.props = { spin: Boolean, rotate: Number, icon: Object, twoToneColor: [String, Array] }; Icon.displayName = 'AntdIcon'; Icon.inheritAttrs = false; Icon.getTwoToneColor = _twoTonePrimaryColor__WEBPACK_IMPORTED_MODULE_2__.getTwoToneColor; Icon.setTwoToneColor = _twoTonePrimaryColor__WEBPACK_IMPORTED_MODULE_2__.setTwoToneColor; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Icon); /***/ }), /***/ "./node_modules/@ant-design/icons-vue/es/components/Context.js": /*!*********************************************************************!*\ !*** ./node_modules/@ant-design/icons-vue/es/components/Context.js ***! \*********************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ useInjectIconContext: () => (/* binding */ useInjectIconContext), /* harmony export */ useProvideIconContext: () => (/* binding */ useProvideIconContext) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); var contextKey = Symbol('iconContext'); var useProvideIconContext = function useProvideIconContext(props) { (0,vue__WEBPACK_IMPORTED_MODULE_0__.provide)(contextKey, props); return props; }; var useInjectIconContext = function useInjectIconContext() { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.inject)(contextKey, { prefixCls: (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)('anticon'), rootClassName: (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)(''), csp: (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)() }); }; /***/ }), /***/ "./node_modules/@ant-design/icons-vue/es/components/IconBase.js": /*!**********************************************************************!*\ !*** ./node_modules/@ant-design/icons-vue/es/components/IconBase.js ***! \**********************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../utils */ "./node_modules/@ant-design/icons-vue/es/utils.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); var _excluded = ["icon", "primaryColor", "secondaryColor"]; function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; } function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; } function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } var twoToneColorPalette = (0,vue__WEBPACK_IMPORTED_MODULE_0__.reactive)({ primaryColor: '#333', secondaryColor: '#E6E6E6', calculated: false }); function setTwoToneColors(_ref) { var primaryColor = _ref.primaryColor, secondaryColor = _ref.secondaryColor; twoToneColorPalette.primaryColor = primaryColor; twoToneColorPalette.secondaryColor = secondaryColor || (0,_utils__WEBPACK_IMPORTED_MODULE_1__.getSecondaryColor)(primaryColor); twoToneColorPalette.calculated = !!secondaryColor; } function getTwoToneColors() { return _objectSpread({}, twoToneColorPalette); } var IconBase = function IconBase(props, context) { var _props$context$attrs = _objectSpread({}, props, context.attrs), icon = _props$context$attrs.icon, primaryColor = _props$context$attrs.primaryColor, secondaryColor = _props$context$attrs.secondaryColor, restProps = _objectWithoutProperties(_props$context$attrs, _excluded); var colors = twoToneColorPalette; if (primaryColor) { colors = { primaryColor: primaryColor, secondaryColor: secondaryColor || (0,_utils__WEBPACK_IMPORTED_MODULE_1__.getSecondaryColor)(primaryColor) }; } (0,_utils__WEBPACK_IMPORTED_MODULE_1__.warning)((0,_utils__WEBPACK_IMPORTED_MODULE_1__.isIconDefinition)(icon), "icon should be icon definiton, but got ".concat(icon)); if (!(0,_utils__WEBPACK_IMPORTED_MODULE_1__.isIconDefinition)(icon)) { return null; } var target = icon; if (target && typeof target.icon === 'function') { target = _objectSpread({}, target, { icon: target.icon(colors.primaryColor, colors.secondaryColor) }); } return (0,_utils__WEBPACK_IMPORTED_MODULE_1__.generate)(target.icon, "svg-".concat(target.name), _objectSpread({}, restProps, { 'data-icon': target.name, width: '1em', height: '1em', fill: 'currentColor', 'aria-hidden': 'true' })); // }, }; IconBase.props = { icon: Object, primaryColor: String, secondaryColor: String, focusable: String }; IconBase.inheritAttrs = false; IconBase.displayName = 'IconBase'; IconBase.getTwoToneColors = getTwoToneColors; IconBase.setTwoToneColors = setTwoToneColors; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (IconBase); /***/ }), /***/ "./node_modules/@ant-design/icons-vue/es/components/InsertStyle.js": /*!*************************************************************************!*\ !*** ./node_modules/@ant-design/icons-vue/es/components/InsertStyle.js ***! \*************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ InsertStyles: () => (/* binding */ InsertStyles) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../utils */ "./node_modules/@ant-design/icons-vue/es/utils.js"); var InsertStyles = (0,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)({ name: 'InsertStyles', setup: function setup() { (0,_utils__WEBPACK_IMPORTED_MODULE_1__.useInsertStyles)(); return function () { return null; }; } }); /***/ }), /***/ "./node_modules/@ant-design/icons-vue/es/components/twoTonePrimaryColor.js": /*!*********************************************************************************!*\ !*** ./node_modules/@ant-design/icons-vue/es/components/twoTonePrimaryColor.js ***! \*********************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ getTwoToneColor: () => (/* binding */ getTwoToneColor), /* harmony export */ setTwoToneColor: () => (/* binding */ setTwoToneColor) /* harmony export */ }); /* harmony import */ var _IconBase__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./IconBase */ "./node_modules/@ant-design/icons-vue/es/components/IconBase.js"); /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../utils */ "./node_modules/@ant-design/icons-vue/es/utils.js"); function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); } function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); } function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; } function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } function setTwoToneColor(twoToneColor) { var _normalizeTwoToneColo = (0,_utils__WEBPACK_IMPORTED_MODULE_0__.normalizeTwoToneColors)(twoToneColor), _normalizeTwoToneColo2 = _slicedToArray(_normalizeTwoToneColo, 2), primaryColor = _normalizeTwoToneColo2[0], secondaryColor = _normalizeTwoToneColo2[1]; return _IconBase__WEBPACK_IMPORTED_MODULE_1__["default"].setTwoToneColors({ primaryColor: primaryColor, secondaryColor: secondaryColor }); } function getTwoToneColor() { var colors = _IconBase__WEBPACK_IMPORTED_MODULE_1__["default"].getTwoToneColors(); if (!colors.calculated) { return colors.primaryColor; } return [colors.primaryColor, colors.secondaryColor]; } /***/ }), /***/ "./node_modules/@ant-design/icons-vue/es/dynamicCSS.js": /*!*************************************************************!*\ !*** ./node_modules/@ant-design/icons-vue/es/dynamicCSS.js ***! \*************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ canUseDom: () => (/* binding */ canUseDom), /* harmony export */ clearContainerCache: () => (/* binding */ clearContainerCache), /* harmony export */ injectCSS: () => (/* binding */ injectCSS), /* harmony export */ removeCSS: () => (/* binding */ removeCSS), /* harmony export */ updateCSS: () => (/* binding */ updateCSS) /* harmony export */ }); function canUseDom() { return !!(typeof window !== 'undefined' && window.document && window.document.createElement); } function contains(root, n) { if (!root) { return false; } // Use native if support if (root.contains) { return root.contains(n); } return false; } var APPEND_ORDER = 'data-vc-order'; var MARK_KEY = "vc-icon-key"; var containerCache = new Map(); function getMark() { var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}, mark = _ref.mark; if (mark) { return mark.startsWith('data-') ? mark : "data-".concat(mark); } return MARK_KEY; } function getContainer(option) { if (option.attachTo) { return option.attachTo; } var head = document.querySelector('head'); return head || document.body; } function getOrder(prepend) { if (prepend === 'queue') { return 'prependQueue'; } return prepend ? 'prepend' : 'append'; } /** * Find style which inject by rc-util */ function findStyles(container) { return Array.from((containerCache.get(container) || container).children).filter(function (node) { return node.tagName === 'STYLE'; }); } function injectCSS(css) { var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; if (!canUseDom()) { return null; } var csp = option.csp, prepend = option.prepend; var styleNode = document.createElement('style'); styleNode.setAttribute(APPEND_ORDER, getOrder(prepend)); if (csp && csp.nonce) { styleNode.nonce = csp.nonce; } styleNode.innerHTML = css; var container = getContainer(option); var firstChild = container.firstChild; if (prepend) { // If is queue `prepend`, it will prepend first style and then append rest style if (prepend === 'queue') { var existStyle = findStyles(container).filter(function (node) { return ['prepend', 'prependQueue'].includes(node.getAttribute(APPEND_ORDER)); }); if (existStyle.length) { container.insertBefore(styleNode, existStyle[existStyle.length - 1].nextSibling); return styleNode; } } // Use `insertBefore` as `prepend` container.insertBefore(styleNode, firstChild); } else { container.appendChild(styleNode); } return styleNode; } function findExistNode(key) { var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; var container = getContainer(option); return findStyles(container).find(function (node) { return node.getAttribute(getMark(option)) === key; }); } function removeCSS(key) { var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; var existNode = findExistNode(key, option); if (existNode) { var container = getContainer(option); container.removeChild(existNode); } } /** * qiankun will inject `appendChild` to insert into other */ function syncRealContainer(container, option) { var cachedRealContainer = containerCache.get(container); // Find real container when not cached or cached container removed if (!cachedRealContainer || !contains(document, cachedRealContainer)) { var placeholderStyle = injectCSS('', option); var parentNode = placeholderStyle.parentNode; containerCache.set(container, parentNode); container.removeChild(placeholderStyle); } } /** * manually clear container cache to avoid global cache in unit testes */ function clearContainerCache() { containerCache.clear(); } function updateCSS(css, key) { var option = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {}; var container = getContainer(option); // Sync real parent syncRealContainer(container, option); var existNode = findExistNode(key, option); if (existNode) { if (option.csp && option.csp.nonce && existNode.nonce !== option.csp.nonce) { existNode.nonce = option.csp.nonce; } if (existNode.innerHTML !== css) { existNode.innerHTML = css; } return existNode; } var newNode = injectCSS(css, option); newNode.setAttribute(getMark(option), key); return newNode; } /***/ }), /***/ "./node_modules/@ant-design/icons-vue/es/icons/ArrowLeftOutlined.js": /*!**************************************************************************!*\ !*** ./node_modules/@ant-design/icons-vue/es/icons/ArrowLeftOutlined.js ***! \**************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_svg_es_asn_ArrowLeftOutlined__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ant-design/icons-svg/es/asn/ArrowLeftOutlined */ "./node_modules/@ant-design/icons-svg/es/asn/ArrowLeftOutlined.js"); /* harmony import */ var _components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/AntdIcon */ "./node_modules/@ant-design/icons-vue/es/components/AntdIcon.js"); function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } // GENERATE BY ./scripts/generate.ts // DON NOT EDIT IT MANUALLY var ArrowLeftOutlined = function ArrowLeftOutlined(props, context) { var p = _objectSpread({}, props, context.attrs); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__["default"], _objectSpread({}, p, { "icon": _ant_design_icons_svg_es_asn_ArrowLeftOutlined__WEBPACK_IMPORTED_MODULE_2__["default"] }), null); }; ArrowLeftOutlined.displayName = 'ArrowLeftOutlined'; ArrowLeftOutlined.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ArrowLeftOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-vue/es/icons/ArrowRightOutlined.js": /*!***************************************************************************!*\ !*** ./node_modules/@ant-design/icons-vue/es/icons/ArrowRightOutlined.js ***! \***************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_svg_es_asn_ArrowRightOutlined__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ant-design/icons-svg/es/asn/ArrowRightOutlined */ "./node_modules/@ant-design/icons-svg/es/asn/ArrowRightOutlined.js"); /* harmony import */ var _components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/AntdIcon */ "./node_modules/@ant-design/icons-vue/es/components/AntdIcon.js"); function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } // GENERATE BY ./scripts/generate.ts // DON NOT EDIT IT MANUALLY var ArrowRightOutlined = function ArrowRightOutlined(props, context) { var p = _objectSpread({}, props, context.attrs); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__["default"], _objectSpread({}, p, { "icon": _ant_design_icons_svg_es_asn_ArrowRightOutlined__WEBPACK_IMPORTED_MODULE_2__["default"] }), null); }; ArrowRightOutlined.displayName = 'ArrowRightOutlined'; ArrowRightOutlined.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ArrowRightOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-vue/es/icons/BarsOutlined.js": /*!*********************************************************************!*\ !*** ./node_modules/@ant-design/icons-vue/es/icons/BarsOutlined.js ***! \*********************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_svg_es_asn_BarsOutlined__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ant-design/icons-svg/es/asn/BarsOutlined */ "./node_modules/@ant-design/icons-svg/es/asn/BarsOutlined.js"); /* harmony import */ var _components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/AntdIcon */ "./node_modules/@ant-design/icons-vue/es/components/AntdIcon.js"); function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } // GENERATE BY ./scripts/generate.ts // DON NOT EDIT IT MANUALLY var BarsOutlined = function BarsOutlined(props, context) { var p = _objectSpread({}, props, context.attrs); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__["default"], _objectSpread({}, p, { "icon": _ant_design_icons_svg_es_asn_BarsOutlined__WEBPACK_IMPORTED_MODULE_2__["default"] }), null); }; BarsOutlined.displayName = 'BarsOutlined'; BarsOutlined.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (BarsOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-vue/es/icons/CalendarOutlined.js": /*!*************************************************************************!*\ !*** ./node_modules/@ant-design/icons-vue/es/icons/CalendarOutlined.js ***! \*************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_svg_es_asn_CalendarOutlined__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ant-design/icons-svg/es/asn/CalendarOutlined */ "./node_modules/@ant-design/icons-svg/es/asn/CalendarOutlined.js"); /* harmony import */ var _components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/AntdIcon */ "./node_modules/@ant-design/icons-vue/es/components/AntdIcon.js"); function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } // GENERATE BY ./scripts/generate.ts // DON NOT EDIT IT MANUALLY var CalendarOutlined = function CalendarOutlined(props, context) { var p = _objectSpread({}, props, context.attrs); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__["default"], _objectSpread({}, p, { "icon": _ant_design_icons_svg_es_asn_CalendarOutlined__WEBPACK_IMPORTED_MODULE_2__["default"] }), null); }; CalendarOutlined.displayName = 'CalendarOutlined'; CalendarOutlined.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CalendarOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-vue/es/icons/CaretDownFilled.js": /*!************************************************************************!*\ !*** ./node_modules/@ant-design/icons-vue/es/icons/CaretDownFilled.js ***! \************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_svg_es_asn_CaretDownFilled__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ant-design/icons-svg/es/asn/CaretDownFilled */ "./node_modules/@ant-design/icons-svg/es/asn/CaretDownFilled.js"); /* harmony import */ var _components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/AntdIcon */ "./node_modules/@ant-design/icons-vue/es/components/AntdIcon.js"); function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } // GENERATE BY ./scripts/generate.ts // DON NOT EDIT IT MANUALLY var CaretDownFilled = function CaretDownFilled(props, context) { var p = _objectSpread({}, props, context.attrs); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__["default"], _objectSpread({}, p, { "icon": _ant_design_icons_svg_es_asn_CaretDownFilled__WEBPACK_IMPORTED_MODULE_2__["default"] }), null); }; CaretDownFilled.displayName = 'CaretDownFilled'; CaretDownFilled.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CaretDownFilled); /***/ }), /***/ "./node_modules/@ant-design/icons-vue/es/icons/CaretDownOutlined.js": /*!**************************************************************************!*\ !*** ./node_modules/@ant-design/icons-vue/es/icons/CaretDownOutlined.js ***! \**************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_svg_es_asn_CaretDownOutlined__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ant-design/icons-svg/es/asn/CaretDownOutlined */ "./node_modules/@ant-design/icons-svg/es/asn/CaretDownOutlined.js"); /* harmony import */ var _components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/AntdIcon */ "./node_modules/@ant-design/icons-vue/es/components/AntdIcon.js"); function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } // GENERATE BY ./scripts/generate.ts // DON NOT EDIT IT MANUALLY var CaretDownOutlined = function CaretDownOutlined(props, context) { var p = _objectSpread({}, props, context.attrs); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__["default"], _objectSpread({}, p, { "icon": _ant_design_icons_svg_es_asn_CaretDownOutlined__WEBPACK_IMPORTED_MODULE_2__["default"] }), null); }; CaretDownOutlined.displayName = 'CaretDownOutlined'; CaretDownOutlined.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CaretDownOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-vue/es/icons/CaretUpOutlined.js": /*!************************************************************************!*\ !*** ./node_modules/@ant-design/icons-vue/es/icons/CaretUpOutlined.js ***! \************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_svg_es_asn_CaretUpOutlined__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ant-design/icons-svg/es/asn/CaretUpOutlined */ "./node_modules/@ant-design/icons-svg/es/asn/CaretUpOutlined.js"); /* harmony import */ var _components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/AntdIcon */ "./node_modules/@ant-design/icons-vue/es/components/AntdIcon.js"); function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } // GENERATE BY ./scripts/generate.ts // DON NOT EDIT IT MANUALLY var CaretUpOutlined = function CaretUpOutlined(props, context) { var p = _objectSpread({}, props, context.attrs); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__["default"], _objectSpread({}, p, { "icon": _ant_design_icons_svg_es_asn_CaretUpOutlined__WEBPACK_IMPORTED_MODULE_2__["default"] }), null); }; CaretUpOutlined.displayName = 'CaretUpOutlined'; CaretUpOutlined.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CaretUpOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-vue/es/icons/CheckCircleFilled.js": /*!**************************************************************************!*\ !*** ./node_modules/@ant-design/icons-vue/es/icons/CheckCircleFilled.js ***! \**************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_svg_es_asn_CheckCircleFilled__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ant-design/icons-svg/es/asn/CheckCircleFilled */ "./node_modules/@ant-design/icons-svg/es/asn/CheckCircleFilled.js"); /* harmony import */ var _components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/AntdIcon */ "./node_modules/@ant-design/icons-vue/es/components/AntdIcon.js"); function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } // GENERATE BY ./scripts/generate.ts // DON NOT EDIT IT MANUALLY var CheckCircleFilled = function CheckCircleFilled(props, context) { var p = _objectSpread({}, props, context.attrs); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__["default"], _objectSpread({}, p, { "icon": _ant_design_icons_svg_es_asn_CheckCircleFilled__WEBPACK_IMPORTED_MODULE_2__["default"] }), null); }; CheckCircleFilled.displayName = 'CheckCircleFilled'; CheckCircleFilled.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CheckCircleFilled); /***/ }), /***/ "./node_modules/@ant-design/icons-vue/es/icons/CheckCircleOutlined.js": /*!****************************************************************************!*\ !*** ./node_modules/@ant-design/icons-vue/es/icons/CheckCircleOutlined.js ***! \****************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_svg_es_asn_CheckCircleOutlined__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ant-design/icons-svg/es/asn/CheckCircleOutlined */ "./node_modules/@ant-design/icons-svg/es/asn/CheckCircleOutlined.js"); /* harmony import */ var _components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/AntdIcon */ "./node_modules/@ant-design/icons-vue/es/components/AntdIcon.js"); function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } // GENERATE BY ./scripts/generate.ts // DON NOT EDIT IT MANUALLY var CheckCircleOutlined = function CheckCircleOutlined(props, context) { var p = _objectSpread({}, props, context.attrs); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__["default"], _objectSpread({}, p, { "icon": _ant_design_icons_svg_es_asn_CheckCircleOutlined__WEBPACK_IMPORTED_MODULE_2__["default"] }), null); }; CheckCircleOutlined.displayName = 'CheckCircleOutlined'; CheckCircleOutlined.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CheckCircleOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-vue/es/icons/CheckOutlined.js": /*!**********************************************************************!*\ !*** ./node_modules/@ant-design/icons-vue/es/icons/CheckOutlined.js ***! \**********************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_svg_es_asn_CheckOutlined__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ant-design/icons-svg/es/asn/CheckOutlined */ "./node_modules/@ant-design/icons-svg/es/asn/CheckOutlined.js"); /* harmony import */ var _components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/AntdIcon */ "./node_modules/@ant-design/icons-vue/es/components/AntdIcon.js"); function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } // GENERATE BY ./scripts/generate.ts // DON NOT EDIT IT MANUALLY var CheckOutlined = function CheckOutlined(props, context) { var p = _objectSpread({}, props, context.attrs); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__["default"], _objectSpread({}, p, { "icon": _ant_design_icons_svg_es_asn_CheckOutlined__WEBPACK_IMPORTED_MODULE_2__["default"] }), null); }; CheckOutlined.displayName = 'CheckOutlined'; CheckOutlined.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CheckOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-vue/es/icons/ClockCircleOutlined.js": /*!****************************************************************************!*\ !*** ./node_modules/@ant-design/icons-vue/es/icons/ClockCircleOutlined.js ***! \****************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_svg_es_asn_ClockCircleOutlined__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ant-design/icons-svg/es/asn/ClockCircleOutlined */ "./node_modules/@ant-design/icons-svg/es/asn/ClockCircleOutlined.js"); /* harmony import */ var _components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/AntdIcon */ "./node_modules/@ant-design/icons-vue/es/components/AntdIcon.js"); function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } // GENERATE BY ./scripts/generate.ts // DON NOT EDIT IT MANUALLY var ClockCircleOutlined = function ClockCircleOutlined(props, context) { var p = _objectSpread({}, props, context.attrs); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__["default"], _objectSpread({}, p, { "icon": _ant_design_icons_svg_es_asn_ClockCircleOutlined__WEBPACK_IMPORTED_MODULE_2__["default"] }), null); }; ClockCircleOutlined.displayName = 'ClockCircleOutlined'; ClockCircleOutlined.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ClockCircleOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-vue/es/icons/CloseCircleFilled.js": /*!**************************************************************************!*\ !*** ./node_modules/@ant-design/icons-vue/es/icons/CloseCircleFilled.js ***! \**************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_svg_es_asn_CloseCircleFilled__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ant-design/icons-svg/es/asn/CloseCircleFilled */ "./node_modules/@ant-design/icons-svg/es/asn/CloseCircleFilled.js"); /* harmony import */ var _components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/AntdIcon */ "./node_modules/@ant-design/icons-vue/es/components/AntdIcon.js"); function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } // GENERATE BY ./scripts/generate.ts // DON NOT EDIT IT MANUALLY var CloseCircleFilled = function CloseCircleFilled(props, context) { var p = _objectSpread({}, props, context.attrs); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__["default"], _objectSpread({}, p, { "icon": _ant_design_icons_svg_es_asn_CloseCircleFilled__WEBPACK_IMPORTED_MODULE_2__["default"] }), null); }; CloseCircleFilled.displayName = 'CloseCircleFilled'; CloseCircleFilled.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CloseCircleFilled); /***/ }), /***/ "./node_modules/@ant-design/icons-vue/es/icons/CloseCircleOutlined.js": /*!****************************************************************************!*\ !*** ./node_modules/@ant-design/icons-vue/es/icons/CloseCircleOutlined.js ***! \****************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_svg_es_asn_CloseCircleOutlined__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ant-design/icons-svg/es/asn/CloseCircleOutlined */ "./node_modules/@ant-design/icons-svg/es/asn/CloseCircleOutlined.js"); /* harmony import */ var _components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/AntdIcon */ "./node_modules/@ant-design/icons-vue/es/components/AntdIcon.js"); function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } // GENERATE BY ./scripts/generate.ts // DON NOT EDIT IT MANUALLY var CloseCircleOutlined = function CloseCircleOutlined(props, context) { var p = _objectSpread({}, props, context.attrs); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__["default"], _objectSpread({}, p, { "icon": _ant_design_icons_svg_es_asn_CloseCircleOutlined__WEBPACK_IMPORTED_MODULE_2__["default"] }), null); }; CloseCircleOutlined.displayName = 'CloseCircleOutlined'; CloseCircleOutlined.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CloseCircleOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-vue/es/icons/CloseOutlined.js": /*!**********************************************************************!*\ !*** ./node_modules/@ant-design/icons-vue/es/icons/CloseOutlined.js ***! \**********************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_svg_es_asn_CloseOutlined__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ant-design/icons-svg/es/asn/CloseOutlined */ "./node_modules/@ant-design/icons-svg/es/asn/CloseOutlined.js"); /* harmony import */ var _components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/AntdIcon */ "./node_modules/@ant-design/icons-vue/es/components/AntdIcon.js"); function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } // GENERATE BY ./scripts/generate.ts // DON NOT EDIT IT MANUALLY var CloseOutlined = function CloseOutlined(props, context) { var p = _objectSpread({}, props, context.attrs); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__["default"], _objectSpread({}, p, { "icon": _ant_design_icons_svg_es_asn_CloseOutlined__WEBPACK_IMPORTED_MODULE_2__["default"] }), null); }; CloseOutlined.displayName = 'CloseOutlined'; CloseOutlined.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CloseOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-vue/es/icons/CopyOutlined.js": /*!*********************************************************************!*\ !*** ./node_modules/@ant-design/icons-vue/es/icons/CopyOutlined.js ***! \*********************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_svg_es_asn_CopyOutlined__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ant-design/icons-svg/es/asn/CopyOutlined */ "./node_modules/@ant-design/icons-svg/es/asn/CopyOutlined.js"); /* harmony import */ var _components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/AntdIcon */ "./node_modules/@ant-design/icons-vue/es/components/AntdIcon.js"); function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } // GENERATE BY ./scripts/generate.ts // DON NOT EDIT IT MANUALLY var CopyOutlined = function CopyOutlined(props, context) { var p = _objectSpread({}, props, context.attrs); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__["default"], _objectSpread({}, p, { "icon": _ant_design_icons_svg_es_asn_CopyOutlined__WEBPACK_IMPORTED_MODULE_2__["default"] }), null); }; CopyOutlined.displayName = 'CopyOutlined'; CopyOutlined.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CopyOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-vue/es/icons/DeleteOutlined.js": /*!***********************************************************************!*\ !*** ./node_modules/@ant-design/icons-vue/es/icons/DeleteOutlined.js ***! \***********************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_svg_es_asn_DeleteOutlined__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ant-design/icons-svg/es/asn/DeleteOutlined */ "./node_modules/@ant-design/icons-svg/es/asn/DeleteOutlined.js"); /* harmony import */ var _components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/AntdIcon */ "./node_modules/@ant-design/icons-vue/es/components/AntdIcon.js"); function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } // GENERATE BY ./scripts/generate.ts // DON NOT EDIT IT MANUALLY var DeleteOutlined = function DeleteOutlined(props, context) { var p = _objectSpread({}, props, context.attrs); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__["default"], _objectSpread({}, p, { "icon": _ant_design_icons_svg_es_asn_DeleteOutlined__WEBPACK_IMPORTED_MODULE_2__["default"] }), null); }; DeleteOutlined.displayName = 'DeleteOutlined'; DeleteOutlined.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DeleteOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-vue/es/icons/DoubleLeftOutlined.js": /*!***************************************************************************!*\ !*** ./node_modules/@ant-design/icons-vue/es/icons/DoubleLeftOutlined.js ***! \***************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_svg_es_asn_DoubleLeftOutlined__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ant-design/icons-svg/es/asn/DoubleLeftOutlined */ "./node_modules/@ant-design/icons-svg/es/asn/DoubleLeftOutlined.js"); /* harmony import */ var _components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/AntdIcon */ "./node_modules/@ant-design/icons-vue/es/components/AntdIcon.js"); function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } // GENERATE BY ./scripts/generate.ts // DON NOT EDIT IT MANUALLY var DoubleLeftOutlined = function DoubleLeftOutlined(props, context) { var p = _objectSpread({}, props, context.attrs); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__["default"], _objectSpread({}, p, { "icon": _ant_design_icons_svg_es_asn_DoubleLeftOutlined__WEBPACK_IMPORTED_MODULE_2__["default"] }), null); }; DoubleLeftOutlined.displayName = 'DoubleLeftOutlined'; DoubleLeftOutlined.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DoubleLeftOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-vue/es/icons/DoubleRightOutlined.js": /*!****************************************************************************!*\ !*** ./node_modules/@ant-design/icons-vue/es/icons/DoubleRightOutlined.js ***! \****************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_svg_es_asn_DoubleRightOutlined__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ant-design/icons-svg/es/asn/DoubleRightOutlined */ "./node_modules/@ant-design/icons-svg/es/asn/DoubleRightOutlined.js"); /* harmony import */ var _components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/AntdIcon */ "./node_modules/@ant-design/icons-vue/es/components/AntdIcon.js"); function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } // GENERATE BY ./scripts/generate.ts // DON NOT EDIT IT MANUALLY var DoubleRightOutlined = function DoubleRightOutlined(props, context) { var p = _objectSpread({}, props, context.attrs); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__["default"], _objectSpread({}, p, { "icon": _ant_design_icons_svg_es_asn_DoubleRightOutlined__WEBPACK_IMPORTED_MODULE_2__["default"] }), null); }; DoubleRightOutlined.displayName = 'DoubleRightOutlined'; DoubleRightOutlined.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DoubleRightOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-vue/es/icons/DownOutlined.js": /*!*********************************************************************!*\ !*** ./node_modules/@ant-design/icons-vue/es/icons/DownOutlined.js ***! \*********************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_svg_es_asn_DownOutlined__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ant-design/icons-svg/es/asn/DownOutlined */ "./node_modules/@ant-design/icons-svg/es/asn/DownOutlined.js"); /* harmony import */ var _components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/AntdIcon */ "./node_modules/@ant-design/icons-vue/es/components/AntdIcon.js"); function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } // GENERATE BY ./scripts/generate.ts // DON NOT EDIT IT MANUALLY var DownOutlined = function DownOutlined(props, context) { var p = _objectSpread({}, props, context.attrs); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__["default"], _objectSpread({}, p, { "icon": _ant_design_icons_svg_es_asn_DownOutlined__WEBPACK_IMPORTED_MODULE_2__["default"] }), null); }; DownOutlined.displayName = 'DownOutlined'; DownOutlined.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DownOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-vue/es/icons/DownloadOutlined.js": /*!*************************************************************************!*\ !*** ./node_modules/@ant-design/icons-vue/es/icons/DownloadOutlined.js ***! \*************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_svg_es_asn_DownloadOutlined__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ant-design/icons-svg/es/asn/DownloadOutlined */ "./node_modules/@ant-design/icons-svg/es/asn/DownloadOutlined.js"); /* harmony import */ var _components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/AntdIcon */ "./node_modules/@ant-design/icons-vue/es/components/AntdIcon.js"); function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } // GENERATE BY ./scripts/generate.ts // DON NOT EDIT IT MANUALLY var DownloadOutlined = function DownloadOutlined(props, context) { var p = _objectSpread({}, props, context.attrs); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__["default"], _objectSpread({}, p, { "icon": _ant_design_icons_svg_es_asn_DownloadOutlined__WEBPACK_IMPORTED_MODULE_2__["default"] }), null); }; DownloadOutlined.displayName = 'DownloadOutlined'; DownloadOutlined.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DownloadOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-vue/es/icons/EditOutlined.js": /*!*********************************************************************!*\ !*** ./node_modules/@ant-design/icons-vue/es/icons/EditOutlined.js ***! \*********************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_svg_es_asn_EditOutlined__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ant-design/icons-svg/es/asn/EditOutlined */ "./node_modules/@ant-design/icons-svg/es/asn/EditOutlined.js"); /* harmony import */ var _components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/AntdIcon */ "./node_modules/@ant-design/icons-vue/es/components/AntdIcon.js"); function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } // GENERATE BY ./scripts/generate.ts // DON NOT EDIT IT MANUALLY var EditOutlined = function EditOutlined(props, context) { var p = _objectSpread({}, props, context.attrs); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__["default"], _objectSpread({}, p, { "icon": _ant_design_icons_svg_es_asn_EditOutlined__WEBPACK_IMPORTED_MODULE_2__["default"] }), null); }; EditOutlined.displayName = 'EditOutlined'; EditOutlined.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (EditOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-vue/es/icons/EllipsisOutlined.js": /*!*************************************************************************!*\ !*** ./node_modules/@ant-design/icons-vue/es/icons/EllipsisOutlined.js ***! \*************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_svg_es_asn_EllipsisOutlined__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ant-design/icons-svg/es/asn/EllipsisOutlined */ "./node_modules/@ant-design/icons-svg/es/asn/EllipsisOutlined.js"); /* harmony import */ var _components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/AntdIcon */ "./node_modules/@ant-design/icons-vue/es/components/AntdIcon.js"); function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } // GENERATE BY ./scripts/generate.ts // DON NOT EDIT IT MANUALLY var EllipsisOutlined = function EllipsisOutlined(props, context) { var p = _objectSpread({}, props, context.attrs); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__["default"], _objectSpread({}, p, { "icon": _ant_design_icons_svg_es_asn_EllipsisOutlined__WEBPACK_IMPORTED_MODULE_2__["default"] }), null); }; EllipsisOutlined.displayName = 'EllipsisOutlined'; EllipsisOutlined.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (EllipsisOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-vue/es/icons/EnterOutlined.js": /*!**********************************************************************!*\ !*** ./node_modules/@ant-design/icons-vue/es/icons/EnterOutlined.js ***! \**********************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_svg_es_asn_EnterOutlined__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ant-design/icons-svg/es/asn/EnterOutlined */ "./node_modules/@ant-design/icons-svg/es/asn/EnterOutlined.js"); /* harmony import */ var _components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/AntdIcon */ "./node_modules/@ant-design/icons-vue/es/components/AntdIcon.js"); function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } // GENERATE BY ./scripts/generate.ts // DON NOT EDIT IT MANUALLY var EnterOutlined = function EnterOutlined(props, context) { var p = _objectSpread({}, props, context.attrs); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__["default"], _objectSpread({}, p, { "icon": _ant_design_icons_svg_es_asn_EnterOutlined__WEBPACK_IMPORTED_MODULE_2__["default"] }), null); }; EnterOutlined.displayName = 'EnterOutlined'; EnterOutlined.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (EnterOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-vue/es/icons/ExclamationCircleFilled.js": /*!********************************************************************************!*\ !*** ./node_modules/@ant-design/icons-vue/es/icons/ExclamationCircleFilled.js ***! \********************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_svg_es_asn_ExclamationCircleFilled__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ant-design/icons-svg/es/asn/ExclamationCircleFilled */ "./node_modules/@ant-design/icons-svg/es/asn/ExclamationCircleFilled.js"); /* harmony import */ var _components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/AntdIcon */ "./node_modules/@ant-design/icons-vue/es/components/AntdIcon.js"); function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } // GENERATE BY ./scripts/generate.ts // DON NOT EDIT IT MANUALLY var ExclamationCircleFilled = function ExclamationCircleFilled(props, context) { var p = _objectSpread({}, props, context.attrs); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__["default"], _objectSpread({}, p, { "icon": _ant_design_icons_svg_es_asn_ExclamationCircleFilled__WEBPACK_IMPORTED_MODULE_2__["default"] }), null); }; ExclamationCircleFilled.displayName = 'ExclamationCircleFilled'; ExclamationCircleFilled.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ExclamationCircleFilled); /***/ }), /***/ "./node_modules/@ant-design/icons-vue/es/icons/ExclamationCircleOutlined.js": /*!**********************************************************************************!*\ !*** ./node_modules/@ant-design/icons-vue/es/icons/ExclamationCircleOutlined.js ***! \**********************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_svg_es_asn_ExclamationCircleOutlined__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ant-design/icons-svg/es/asn/ExclamationCircleOutlined */ "./node_modules/@ant-design/icons-svg/es/asn/ExclamationCircleOutlined.js"); /* harmony import */ var _components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/AntdIcon */ "./node_modules/@ant-design/icons-vue/es/components/AntdIcon.js"); function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } // GENERATE BY ./scripts/generate.ts // DON NOT EDIT IT MANUALLY var ExclamationCircleOutlined = function ExclamationCircleOutlined(props, context) { var p = _objectSpread({}, props, context.attrs); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__["default"], _objectSpread({}, p, { "icon": _ant_design_icons_svg_es_asn_ExclamationCircleOutlined__WEBPACK_IMPORTED_MODULE_2__["default"] }), null); }; ExclamationCircleOutlined.displayName = 'ExclamationCircleOutlined'; ExclamationCircleOutlined.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ExclamationCircleOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-vue/es/icons/EyeInvisibleOutlined.js": /*!*****************************************************************************!*\ !*** ./node_modules/@ant-design/icons-vue/es/icons/EyeInvisibleOutlined.js ***! \*****************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_svg_es_asn_EyeInvisibleOutlined__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ant-design/icons-svg/es/asn/EyeInvisibleOutlined */ "./node_modules/@ant-design/icons-svg/es/asn/EyeInvisibleOutlined.js"); /* harmony import */ var _components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/AntdIcon */ "./node_modules/@ant-design/icons-vue/es/components/AntdIcon.js"); function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } // GENERATE BY ./scripts/generate.ts // DON NOT EDIT IT MANUALLY var EyeInvisibleOutlined = function EyeInvisibleOutlined(props, context) { var p = _objectSpread({}, props, context.attrs); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__["default"], _objectSpread({}, p, { "icon": _ant_design_icons_svg_es_asn_EyeInvisibleOutlined__WEBPACK_IMPORTED_MODULE_2__["default"] }), null); }; EyeInvisibleOutlined.displayName = 'EyeInvisibleOutlined'; EyeInvisibleOutlined.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (EyeInvisibleOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-vue/es/icons/EyeOutlined.js": /*!********************************************************************!*\ !*** ./node_modules/@ant-design/icons-vue/es/icons/EyeOutlined.js ***! \********************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_svg_es_asn_EyeOutlined__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ant-design/icons-svg/es/asn/EyeOutlined */ "./node_modules/@ant-design/icons-svg/es/asn/EyeOutlined.js"); /* harmony import */ var _components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/AntdIcon */ "./node_modules/@ant-design/icons-vue/es/components/AntdIcon.js"); function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } // GENERATE BY ./scripts/generate.ts // DON NOT EDIT IT MANUALLY var EyeOutlined = function EyeOutlined(props, context) { var p = _objectSpread({}, props, context.attrs); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__["default"], _objectSpread({}, p, { "icon": _ant_design_icons_svg_es_asn_EyeOutlined__WEBPACK_IMPORTED_MODULE_2__["default"] }), null); }; EyeOutlined.displayName = 'EyeOutlined'; EyeOutlined.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (EyeOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-vue/es/icons/FileOutlined.js": /*!*********************************************************************!*\ !*** ./node_modules/@ant-design/icons-vue/es/icons/FileOutlined.js ***! \*********************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_svg_es_asn_FileOutlined__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ant-design/icons-svg/es/asn/FileOutlined */ "./node_modules/@ant-design/icons-svg/es/asn/FileOutlined.js"); /* harmony import */ var _components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/AntdIcon */ "./node_modules/@ant-design/icons-vue/es/components/AntdIcon.js"); function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } // GENERATE BY ./scripts/generate.ts // DON NOT EDIT IT MANUALLY var FileOutlined = function FileOutlined(props, context) { var p = _objectSpread({}, props, context.attrs); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__["default"], _objectSpread({}, p, { "icon": _ant_design_icons_svg_es_asn_FileOutlined__WEBPACK_IMPORTED_MODULE_2__["default"] }), null); }; FileOutlined.displayName = 'FileOutlined'; FileOutlined.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FileOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-vue/es/icons/FileTextOutlined.js": /*!*************************************************************************!*\ !*** ./node_modules/@ant-design/icons-vue/es/icons/FileTextOutlined.js ***! \*************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_svg_es_asn_FileTextOutlined__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ant-design/icons-svg/es/asn/FileTextOutlined */ "./node_modules/@ant-design/icons-svg/es/asn/FileTextOutlined.js"); /* harmony import */ var _components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/AntdIcon */ "./node_modules/@ant-design/icons-vue/es/components/AntdIcon.js"); function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } // GENERATE BY ./scripts/generate.ts // DON NOT EDIT IT MANUALLY var FileTextOutlined = function FileTextOutlined(props, context) { var p = _objectSpread({}, props, context.attrs); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__["default"], _objectSpread({}, p, { "icon": _ant_design_icons_svg_es_asn_FileTextOutlined__WEBPACK_IMPORTED_MODULE_2__["default"] }), null); }; FileTextOutlined.displayName = 'FileTextOutlined'; FileTextOutlined.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FileTextOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-vue/es/icons/FileTwoTone.js": /*!********************************************************************!*\ !*** ./node_modules/@ant-design/icons-vue/es/icons/FileTwoTone.js ***! \********************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_svg_es_asn_FileTwoTone__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ant-design/icons-svg/es/asn/FileTwoTone */ "./node_modules/@ant-design/icons-svg/es/asn/FileTwoTone.js"); /* harmony import */ var _components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/AntdIcon */ "./node_modules/@ant-design/icons-vue/es/components/AntdIcon.js"); function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } // GENERATE BY ./scripts/generate.ts // DON NOT EDIT IT MANUALLY var FileTwoTone = function FileTwoTone(props, context) { var p = _objectSpread({}, props, context.attrs); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__["default"], _objectSpread({}, p, { "icon": _ant_design_icons_svg_es_asn_FileTwoTone__WEBPACK_IMPORTED_MODULE_2__["default"] }), null); }; FileTwoTone.displayName = 'FileTwoTone'; FileTwoTone.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FileTwoTone); /***/ }), /***/ "./node_modules/@ant-design/icons-vue/es/icons/FilterFilled.js": /*!*********************************************************************!*\ !*** ./node_modules/@ant-design/icons-vue/es/icons/FilterFilled.js ***! \*********************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_svg_es_asn_FilterFilled__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ant-design/icons-svg/es/asn/FilterFilled */ "./node_modules/@ant-design/icons-svg/es/asn/FilterFilled.js"); /* harmony import */ var _components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/AntdIcon */ "./node_modules/@ant-design/icons-vue/es/components/AntdIcon.js"); function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } // GENERATE BY ./scripts/generate.ts // DON NOT EDIT IT MANUALLY var FilterFilled = function FilterFilled(props, context) { var p = _objectSpread({}, props, context.attrs); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__["default"], _objectSpread({}, p, { "icon": _ant_design_icons_svg_es_asn_FilterFilled__WEBPACK_IMPORTED_MODULE_2__["default"] }), null); }; FilterFilled.displayName = 'FilterFilled'; FilterFilled.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FilterFilled); /***/ }), /***/ "./node_modules/@ant-design/icons-vue/es/icons/FolderOpenOutlined.js": /*!***************************************************************************!*\ !*** ./node_modules/@ant-design/icons-vue/es/icons/FolderOpenOutlined.js ***! \***************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_svg_es_asn_FolderOpenOutlined__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ant-design/icons-svg/es/asn/FolderOpenOutlined */ "./node_modules/@ant-design/icons-svg/es/asn/FolderOpenOutlined.js"); /* harmony import */ var _components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/AntdIcon */ "./node_modules/@ant-design/icons-vue/es/components/AntdIcon.js"); function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } // GENERATE BY ./scripts/generate.ts // DON NOT EDIT IT MANUALLY var FolderOpenOutlined = function FolderOpenOutlined(props, context) { var p = _objectSpread({}, props, context.attrs); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__["default"], _objectSpread({}, p, { "icon": _ant_design_icons_svg_es_asn_FolderOpenOutlined__WEBPACK_IMPORTED_MODULE_2__["default"] }), null); }; FolderOpenOutlined.displayName = 'FolderOpenOutlined'; FolderOpenOutlined.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FolderOpenOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-vue/es/icons/FolderOutlined.js": /*!***********************************************************************!*\ !*** ./node_modules/@ant-design/icons-vue/es/icons/FolderOutlined.js ***! \***********************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_svg_es_asn_FolderOutlined__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ant-design/icons-svg/es/asn/FolderOutlined */ "./node_modules/@ant-design/icons-svg/es/asn/FolderOutlined.js"); /* harmony import */ var _components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/AntdIcon */ "./node_modules/@ant-design/icons-vue/es/components/AntdIcon.js"); function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } // GENERATE BY ./scripts/generate.ts // DON NOT EDIT IT MANUALLY var FolderOutlined = function FolderOutlined(props, context) { var p = _objectSpread({}, props, context.attrs); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__["default"], _objectSpread({}, p, { "icon": _ant_design_icons_svg_es_asn_FolderOutlined__WEBPACK_IMPORTED_MODULE_2__["default"] }), null); }; FolderOutlined.displayName = 'FolderOutlined'; FolderOutlined.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FolderOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-vue/es/icons/InfoCircleFilled.js": /*!*************************************************************************!*\ !*** ./node_modules/@ant-design/icons-vue/es/icons/InfoCircleFilled.js ***! \*************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_svg_es_asn_InfoCircleFilled__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ant-design/icons-svg/es/asn/InfoCircleFilled */ "./node_modules/@ant-design/icons-svg/es/asn/InfoCircleFilled.js"); /* harmony import */ var _components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/AntdIcon */ "./node_modules/@ant-design/icons-vue/es/components/AntdIcon.js"); function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } // GENERATE BY ./scripts/generate.ts // DON NOT EDIT IT MANUALLY var InfoCircleFilled = function InfoCircleFilled(props, context) { var p = _objectSpread({}, props, context.attrs); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__["default"], _objectSpread({}, p, { "icon": _ant_design_icons_svg_es_asn_InfoCircleFilled__WEBPACK_IMPORTED_MODULE_2__["default"] }), null); }; InfoCircleFilled.displayName = 'InfoCircleFilled'; InfoCircleFilled.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (InfoCircleFilled); /***/ }), /***/ "./node_modules/@ant-design/icons-vue/es/icons/InfoCircleOutlined.js": /*!***************************************************************************!*\ !*** ./node_modules/@ant-design/icons-vue/es/icons/InfoCircleOutlined.js ***! \***************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_svg_es_asn_InfoCircleOutlined__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ant-design/icons-svg/es/asn/InfoCircleOutlined */ "./node_modules/@ant-design/icons-svg/es/asn/InfoCircleOutlined.js"); /* harmony import */ var _components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/AntdIcon */ "./node_modules/@ant-design/icons-vue/es/components/AntdIcon.js"); function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } // GENERATE BY ./scripts/generate.ts // DON NOT EDIT IT MANUALLY var InfoCircleOutlined = function InfoCircleOutlined(props, context) { var p = _objectSpread({}, props, context.attrs); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__["default"], _objectSpread({}, p, { "icon": _ant_design_icons_svg_es_asn_InfoCircleOutlined__WEBPACK_IMPORTED_MODULE_2__["default"] }), null); }; InfoCircleOutlined.displayName = 'InfoCircleOutlined'; InfoCircleOutlined.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (InfoCircleOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-vue/es/icons/LeftOutlined.js": /*!*********************************************************************!*\ !*** ./node_modules/@ant-design/icons-vue/es/icons/LeftOutlined.js ***! \*********************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_svg_es_asn_LeftOutlined__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ant-design/icons-svg/es/asn/LeftOutlined */ "./node_modules/@ant-design/icons-svg/es/asn/LeftOutlined.js"); /* harmony import */ var _components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/AntdIcon */ "./node_modules/@ant-design/icons-vue/es/components/AntdIcon.js"); function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } // GENERATE BY ./scripts/generate.ts // DON NOT EDIT IT MANUALLY var LeftOutlined = function LeftOutlined(props, context) { var p = _objectSpread({}, props, context.attrs); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__["default"], _objectSpread({}, p, { "icon": _ant_design_icons_svg_es_asn_LeftOutlined__WEBPACK_IMPORTED_MODULE_2__["default"] }), null); }; LeftOutlined.displayName = 'LeftOutlined'; LeftOutlined.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (LeftOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-vue/es/icons/LoadingOutlined.js": /*!************************************************************************!*\ !*** ./node_modules/@ant-design/icons-vue/es/icons/LoadingOutlined.js ***! \************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_svg_es_asn_LoadingOutlined__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ant-design/icons-svg/es/asn/LoadingOutlined */ "./node_modules/@ant-design/icons-svg/es/asn/LoadingOutlined.js"); /* harmony import */ var _components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/AntdIcon */ "./node_modules/@ant-design/icons-vue/es/components/AntdIcon.js"); function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } // GENERATE BY ./scripts/generate.ts // DON NOT EDIT IT MANUALLY var LoadingOutlined = function LoadingOutlined(props, context) { var p = _objectSpread({}, props, context.attrs); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__["default"], _objectSpread({}, p, { "icon": _ant_design_icons_svg_es_asn_LoadingOutlined__WEBPACK_IMPORTED_MODULE_2__["default"] }), null); }; LoadingOutlined.displayName = 'LoadingOutlined'; LoadingOutlined.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (LoadingOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-vue/es/icons/MinusSquareOutlined.js": /*!****************************************************************************!*\ !*** ./node_modules/@ant-design/icons-vue/es/icons/MinusSquareOutlined.js ***! \****************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_svg_es_asn_MinusSquareOutlined__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ant-design/icons-svg/es/asn/MinusSquareOutlined */ "./node_modules/@ant-design/icons-svg/es/asn/MinusSquareOutlined.js"); /* harmony import */ var _components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/AntdIcon */ "./node_modules/@ant-design/icons-vue/es/components/AntdIcon.js"); function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } // GENERATE BY ./scripts/generate.ts // DON NOT EDIT IT MANUALLY var MinusSquareOutlined = function MinusSquareOutlined(props, context) { var p = _objectSpread({}, props, context.attrs); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__["default"], _objectSpread({}, p, { "icon": _ant_design_icons_svg_es_asn_MinusSquareOutlined__WEBPACK_IMPORTED_MODULE_2__["default"] }), null); }; MinusSquareOutlined.displayName = 'MinusSquareOutlined'; MinusSquareOutlined.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MinusSquareOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-vue/es/icons/PaperClipOutlined.js": /*!**************************************************************************!*\ !*** ./node_modules/@ant-design/icons-vue/es/icons/PaperClipOutlined.js ***! \**************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_svg_es_asn_PaperClipOutlined__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ant-design/icons-svg/es/asn/PaperClipOutlined */ "./node_modules/@ant-design/icons-svg/es/asn/PaperClipOutlined.js"); /* harmony import */ var _components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/AntdIcon */ "./node_modules/@ant-design/icons-vue/es/components/AntdIcon.js"); function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } // GENERATE BY ./scripts/generate.ts // DON NOT EDIT IT MANUALLY var PaperClipOutlined = function PaperClipOutlined(props, context) { var p = _objectSpread({}, props, context.attrs); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__["default"], _objectSpread({}, p, { "icon": _ant_design_icons_svg_es_asn_PaperClipOutlined__WEBPACK_IMPORTED_MODULE_2__["default"] }), null); }; PaperClipOutlined.displayName = 'PaperClipOutlined'; PaperClipOutlined.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PaperClipOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-vue/es/icons/PictureTwoTone.js": /*!***********************************************************************!*\ !*** ./node_modules/@ant-design/icons-vue/es/icons/PictureTwoTone.js ***! \***********************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_svg_es_asn_PictureTwoTone__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ant-design/icons-svg/es/asn/PictureTwoTone */ "./node_modules/@ant-design/icons-svg/es/asn/PictureTwoTone.js"); /* harmony import */ var _components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/AntdIcon */ "./node_modules/@ant-design/icons-vue/es/components/AntdIcon.js"); function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } // GENERATE BY ./scripts/generate.ts // DON NOT EDIT IT MANUALLY var PictureTwoTone = function PictureTwoTone(props, context) { var p = _objectSpread({}, props, context.attrs); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__["default"], _objectSpread({}, p, { "icon": _ant_design_icons_svg_es_asn_PictureTwoTone__WEBPACK_IMPORTED_MODULE_2__["default"] }), null); }; PictureTwoTone.displayName = 'PictureTwoTone'; PictureTwoTone.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PictureTwoTone); /***/ }), /***/ "./node_modules/@ant-design/icons-vue/es/icons/PlusOutlined.js": /*!*********************************************************************!*\ !*** ./node_modules/@ant-design/icons-vue/es/icons/PlusOutlined.js ***! \*********************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_svg_es_asn_PlusOutlined__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ant-design/icons-svg/es/asn/PlusOutlined */ "./node_modules/@ant-design/icons-svg/es/asn/PlusOutlined.js"); /* harmony import */ var _components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/AntdIcon */ "./node_modules/@ant-design/icons-vue/es/components/AntdIcon.js"); function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } // GENERATE BY ./scripts/generate.ts // DON NOT EDIT IT MANUALLY var PlusOutlined = function PlusOutlined(props, context) { var p = _objectSpread({}, props, context.attrs); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__["default"], _objectSpread({}, p, { "icon": _ant_design_icons_svg_es_asn_PlusOutlined__WEBPACK_IMPORTED_MODULE_2__["default"] }), null); }; PlusOutlined.displayName = 'PlusOutlined'; PlusOutlined.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PlusOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-vue/es/icons/PlusSquareOutlined.js": /*!***************************************************************************!*\ !*** ./node_modules/@ant-design/icons-vue/es/icons/PlusSquareOutlined.js ***! \***************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_svg_es_asn_PlusSquareOutlined__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ant-design/icons-svg/es/asn/PlusSquareOutlined */ "./node_modules/@ant-design/icons-svg/es/asn/PlusSquareOutlined.js"); /* harmony import */ var _components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/AntdIcon */ "./node_modules/@ant-design/icons-vue/es/components/AntdIcon.js"); function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } // GENERATE BY ./scripts/generate.ts // DON NOT EDIT IT MANUALLY var PlusSquareOutlined = function PlusSquareOutlined(props, context) { var p = _objectSpread({}, props, context.attrs); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__["default"], _objectSpread({}, p, { "icon": _ant_design_icons_svg_es_asn_PlusSquareOutlined__WEBPACK_IMPORTED_MODULE_2__["default"] }), null); }; PlusSquareOutlined.displayName = 'PlusSquareOutlined'; PlusSquareOutlined.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PlusSquareOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-vue/es/icons/QuestionCircleOutlined.js": /*!*******************************************************************************!*\ !*** ./node_modules/@ant-design/icons-vue/es/icons/QuestionCircleOutlined.js ***! \*******************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_svg_es_asn_QuestionCircleOutlined__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ant-design/icons-svg/es/asn/QuestionCircleOutlined */ "./node_modules/@ant-design/icons-svg/es/asn/QuestionCircleOutlined.js"); /* harmony import */ var _components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/AntdIcon */ "./node_modules/@ant-design/icons-vue/es/components/AntdIcon.js"); function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } // GENERATE BY ./scripts/generate.ts // DON NOT EDIT IT MANUALLY var QuestionCircleOutlined = function QuestionCircleOutlined(props, context) { var p = _objectSpread({}, props, context.attrs); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__["default"], _objectSpread({}, p, { "icon": _ant_design_icons_svg_es_asn_QuestionCircleOutlined__WEBPACK_IMPORTED_MODULE_2__["default"] }), null); }; QuestionCircleOutlined.displayName = 'QuestionCircleOutlined'; QuestionCircleOutlined.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (QuestionCircleOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-vue/es/icons/ReloadOutlined.js": /*!***********************************************************************!*\ !*** ./node_modules/@ant-design/icons-vue/es/icons/ReloadOutlined.js ***! \***********************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_svg_es_asn_ReloadOutlined__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ant-design/icons-svg/es/asn/ReloadOutlined */ "./node_modules/@ant-design/icons-svg/es/asn/ReloadOutlined.js"); /* harmony import */ var _components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/AntdIcon */ "./node_modules/@ant-design/icons-vue/es/components/AntdIcon.js"); function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } // GENERATE BY ./scripts/generate.ts // DON NOT EDIT IT MANUALLY var ReloadOutlined = function ReloadOutlined(props, context) { var p = _objectSpread({}, props, context.attrs); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__["default"], _objectSpread({}, p, { "icon": _ant_design_icons_svg_es_asn_ReloadOutlined__WEBPACK_IMPORTED_MODULE_2__["default"] }), null); }; ReloadOutlined.displayName = 'ReloadOutlined'; ReloadOutlined.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ReloadOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-vue/es/icons/RightOutlined.js": /*!**********************************************************************!*\ !*** ./node_modules/@ant-design/icons-vue/es/icons/RightOutlined.js ***! \**********************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_svg_es_asn_RightOutlined__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ant-design/icons-svg/es/asn/RightOutlined */ "./node_modules/@ant-design/icons-svg/es/asn/RightOutlined.js"); /* harmony import */ var _components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/AntdIcon */ "./node_modules/@ant-design/icons-vue/es/components/AntdIcon.js"); function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } // GENERATE BY ./scripts/generate.ts // DON NOT EDIT IT MANUALLY var RightOutlined = function RightOutlined(props, context) { var p = _objectSpread({}, props, context.attrs); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__["default"], _objectSpread({}, p, { "icon": _ant_design_icons_svg_es_asn_RightOutlined__WEBPACK_IMPORTED_MODULE_2__["default"] }), null); }; RightOutlined.displayName = 'RightOutlined'; RightOutlined.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (RightOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-vue/es/icons/RotateLeftOutlined.js": /*!***************************************************************************!*\ !*** ./node_modules/@ant-design/icons-vue/es/icons/RotateLeftOutlined.js ***! \***************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_svg_es_asn_RotateLeftOutlined__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ant-design/icons-svg/es/asn/RotateLeftOutlined */ "./node_modules/@ant-design/icons-svg/es/asn/RotateLeftOutlined.js"); /* harmony import */ var _components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/AntdIcon */ "./node_modules/@ant-design/icons-vue/es/components/AntdIcon.js"); function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } // GENERATE BY ./scripts/generate.ts // DON NOT EDIT IT MANUALLY var RotateLeftOutlined = function RotateLeftOutlined(props, context) { var p = _objectSpread({}, props, context.attrs); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__["default"], _objectSpread({}, p, { "icon": _ant_design_icons_svg_es_asn_RotateLeftOutlined__WEBPACK_IMPORTED_MODULE_2__["default"] }), null); }; RotateLeftOutlined.displayName = 'RotateLeftOutlined'; RotateLeftOutlined.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (RotateLeftOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-vue/es/icons/RotateRightOutlined.js": /*!****************************************************************************!*\ !*** ./node_modules/@ant-design/icons-vue/es/icons/RotateRightOutlined.js ***! \****************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_svg_es_asn_RotateRightOutlined__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ant-design/icons-svg/es/asn/RotateRightOutlined */ "./node_modules/@ant-design/icons-svg/es/asn/RotateRightOutlined.js"); /* harmony import */ var _components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/AntdIcon */ "./node_modules/@ant-design/icons-vue/es/components/AntdIcon.js"); function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } // GENERATE BY ./scripts/generate.ts // DON NOT EDIT IT MANUALLY var RotateRightOutlined = function RotateRightOutlined(props, context) { var p = _objectSpread({}, props, context.attrs); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__["default"], _objectSpread({}, p, { "icon": _ant_design_icons_svg_es_asn_RotateRightOutlined__WEBPACK_IMPORTED_MODULE_2__["default"] }), null); }; RotateRightOutlined.displayName = 'RotateRightOutlined'; RotateRightOutlined.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (RotateRightOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-vue/es/icons/SearchOutlined.js": /*!***********************************************************************!*\ !*** ./node_modules/@ant-design/icons-vue/es/icons/SearchOutlined.js ***! \***********************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_svg_es_asn_SearchOutlined__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ant-design/icons-svg/es/asn/SearchOutlined */ "./node_modules/@ant-design/icons-svg/es/asn/SearchOutlined.js"); /* harmony import */ var _components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/AntdIcon */ "./node_modules/@ant-design/icons-vue/es/components/AntdIcon.js"); function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } // GENERATE BY ./scripts/generate.ts // DON NOT EDIT IT MANUALLY var SearchOutlined = function SearchOutlined(props, context) { var p = _objectSpread({}, props, context.attrs); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__["default"], _objectSpread({}, p, { "icon": _ant_design_icons_svg_es_asn_SearchOutlined__WEBPACK_IMPORTED_MODULE_2__["default"] }), null); }; SearchOutlined.displayName = 'SearchOutlined'; SearchOutlined.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SearchOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-vue/es/icons/StarFilled.js": /*!*******************************************************************!*\ !*** ./node_modules/@ant-design/icons-vue/es/icons/StarFilled.js ***! \*******************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_svg_es_asn_StarFilled__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ant-design/icons-svg/es/asn/StarFilled */ "./node_modules/@ant-design/icons-svg/es/asn/StarFilled.js"); /* harmony import */ var _components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/AntdIcon */ "./node_modules/@ant-design/icons-vue/es/components/AntdIcon.js"); function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } // GENERATE BY ./scripts/generate.ts // DON NOT EDIT IT MANUALLY var StarFilled = function StarFilled(props, context) { var p = _objectSpread({}, props, context.attrs); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__["default"], _objectSpread({}, p, { "icon": _ant_design_icons_svg_es_asn_StarFilled__WEBPACK_IMPORTED_MODULE_2__["default"] }), null); }; StarFilled.displayName = 'StarFilled'; StarFilled.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (StarFilled); /***/ }), /***/ "./node_modules/@ant-design/icons-vue/es/icons/SwapOutlined.js": /*!*********************************************************************!*\ !*** ./node_modules/@ant-design/icons-vue/es/icons/SwapOutlined.js ***! \*********************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_svg_es_asn_SwapOutlined__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ant-design/icons-svg/es/asn/SwapOutlined */ "./node_modules/@ant-design/icons-svg/es/asn/SwapOutlined.js"); /* harmony import */ var _components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/AntdIcon */ "./node_modules/@ant-design/icons-vue/es/components/AntdIcon.js"); function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } // GENERATE BY ./scripts/generate.ts // DON NOT EDIT IT MANUALLY var SwapOutlined = function SwapOutlined(props, context) { var p = _objectSpread({}, props, context.attrs); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__["default"], _objectSpread({}, p, { "icon": _ant_design_icons_svg_es_asn_SwapOutlined__WEBPACK_IMPORTED_MODULE_2__["default"] }), null); }; SwapOutlined.displayName = 'SwapOutlined'; SwapOutlined.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SwapOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-vue/es/icons/SwapRightOutlined.js": /*!**************************************************************************!*\ !*** ./node_modules/@ant-design/icons-vue/es/icons/SwapRightOutlined.js ***! \**************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_svg_es_asn_SwapRightOutlined__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ant-design/icons-svg/es/asn/SwapRightOutlined */ "./node_modules/@ant-design/icons-svg/es/asn/SwapRightOutlined.js"); /* harmony import */ var _components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/AntdIcon */ "./node_modules/@ant-design/icons-vue/es/components/AntdIcon.js"); function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } // GENERATE BY ./scripts/generate.ts // DON NOT EDIT IT MANUALLY var SwapRightOutlined = function SwapRightOutlined(props, context) { var p = _objectSpread({}, props, context.attrs); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__["default"], _objectSpread({}, p, { "icon": _ant_design_icons_svg_es_asn_SwapRightOutlined__WEBPACK_IMPORTED_MODULE_2__["default"] }), null); }; SwapRightOutlined.displayName = 'SwapRightOutlined'; SwapRightOutlined.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SwapRightOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-vue/es/icons/UpOutlined.js": /*!*******************************************************************!*\ !*** ./node_modules/@ant-design/icons-vue/es/icons/UpOutlined.js ***! \*******************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_svg_es_asn_UpOutlined__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ant-design/icons-svg/es/asn/UpOutlined */ "./node_modules/@ant-design/icons-svg/es/asn/UpOutlined.js"); /* harmony import */ var _components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/AntdIcon */ "./node_modules/@ant-design/icons-vue/es/components/AntdIcon.js"); function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } // GENERATE BY ./scripts/generate.ts // DON NOT EDIT IT MANUALLY var UpOutlined = function UpOutlined(props, context) { var p = _objectSpread({}, props, context.attrs); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__["default"], _objectSpread({}, p, { "icon": _ant_design_icons_svg_es_asn_UpOutlined__WEBPACK_IMPORTED_MODULE_2__["default"] }), null); }; UpOutlined.displayName = 'UpOutlined'; UpOutlined.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (UpOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-vue/es/icons/VerticalAlignTopOutlined.js": /*!*********************************************************************************!*\ !*** ./node_modules/@ant-design/icons-vue/es/icons/VerticalAlignTopOutlined.js ***! \*********************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_svg_es_asn_VerticalAlignTopOutlined__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ant-design/icons-svg/es/asn/VerticalAlignTopOutlined */ "./node_modules/@ant-design/icons-svg/es/asn/VerticalAlignTopOutlined.js"); /* harmony import */ var _components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/AntdIcon */ "./node_modules/@ant-design/icons-vue/es/components/AntdIcon.js"); function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } // GENERATE BY ./scripts/generate.ts // DON NOT EDIT IT MANUALLY var VerticalAlignTopOutlined = function VerticalAlignTopOutlined(props, context) { var p = _objectSpread({}, props, context.attrs); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__["default"], _objectSpread({}, p, { "icon": _ant_design_icons_svg_es_asn_VerticalAlignTopOutlined__WEBPACK_IMPORTED_MODULE_2__["default"] }), null); }; VerticalAlignTopOutlined.displayName = 'VerticalAlignTopOutlined'; VerticalAlignTopOutlined.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (VerticalAlignTopOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-vue/es/icons/WarningFilled.js": /*!**********************************************************************!*\ !*** ./node_modules/@ant-design/icons-vue/es/icons/WarningFilled.js ***! \**********************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_svg_es_asn_WarningFilled__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ant-design/icons-svg/es/asn/WarningFilled */ "./node_modules/@ant-design/icons-svg/es/asn/WarningFilled.js"); /* harmony import */ var _components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/AntdIcon */ "./node_modules/@ant-design/icons-vue/es/components/AntdIcon.js"); function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } // GENERATE BY ./scripts/generate.ts // DON NOT EDIT IT MANUALLY var WarningFilled = function WarningFilled(props, context) { var p = _objectSpread({}, props, context.attrs); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__["default"], _objectSpread({}, p, { "icon": _ant_design_icons_svg_es_asn_WarningFilled__WEBPACK_IMPORTED_MODULE_2__["default"] }), null); }; WarningFilled.displayName = 'WarningFilled'; WarningFilled.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (WarningFilled); /***/ }), /***/ "./node_modules/@ant-design/icons-vue/es/icons/ZoomInOutlined.js": /*!***********************************************************************!*\ !*** ./node_modules/@ant-design/icons-vue/es/icons/ZoomInOutlined.js ***! \***********************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_svg_es_asn_ZoomInOutlined__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ant-design/icons-svg/es/asn/ZoomInOutlined */ "./node_modules/@ant-design/icons-svg/es/asn/ZoomInOutlined.js"); /* harmony import */ var _components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/AntdIcon */ "./node_modules/@ant-design/icons-vue/es/components/AntdIcon.js"); function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } // GENERATE BY ./scripts/generate.ts // DON NOT EDIT IT MANUALLY var ZoomInOutlined = function ZoomInOutlined(props, context) { var p = _objectSpread({}, props, context.attrs); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__["default"], _objectSpread({}, p, { "icon": _ant_design_icons_svg_es_asn_ZoomInOutlined__WEBPACK_IMPORTED_MODULE_2__["default"] }), null); }; ZoomInOutlined.displayName = 'ZoomInOutlined'; ZoomInOutlined.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ZoomInOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-vue/es/icons/ZoomOutOutlined.js": /*!************************************************************************!*\ !*** ./node_modules/@ant-design/icons-vue/es/icons/ZoomOutOutlined.js ***! \************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_svg_es_asn_ZoomOutOutlined__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ant-design/icons-svg/es/asn/ZoomOutOutlined */ "./node_modules/@ant-design/icons-svg/es/asn/ZoomOutOutlined.js"); /* harmony import */ var _components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/AntdIcon */ "./node_modules/@ant-design/icons-vue/es/components/AntdIcon.js"); function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } // GENERATE BY ./scripts/generate.ts // DON NOT EDIT IT MANUALLY var ZoomOutOutlined = function ZoomOutOutlined(props, context) { var p = _objectSpread({}, props, context.attrs); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_components_AntdIcon__WEBPACK_IMPORTED_MODULE_1__["default"], _objectSpread({}, p, { "icon": _ant_design_icons_svg_es_asn_ZoomOutOutlined__WEBPACK_IMPORTED_MODULE_2__["default"] }), null); }; ZoomOutOutlined.displayName = 'ZoomOutOutlined'; ZoomOutOutlined.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ZoomOutOutlined); /***/ }), /***/ "./node_modules/@ant-design/icons-vue/es/utils.js": /*!********************************************************!*\ !*** ./node_modules/@ant-design/icons-vue/es/utils.js ***! \********************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ generate: () => (/* binding */ generate), /* harmony export */ getSecondaryColor: () => (/* binding */ getSecondaryColor), /* harmony export */ iconStyles: () => (/* binding */ iconStyles), /* harmony export */ isIconDefinition: () => (/* binding */ isIconDefinition), /* harmony export */ normalizeAttrs: () => (/* binding */ normalizeAttrs), /* harmony export */ normalizeTwoToneColors: () => (/* binding */ normalizeTwoToneColors), /* harmony export */ svgBaseProps: () => (/* binding */ svgBaseProps), /* harmony export */ useInsertStyles: () => (/* binding */ useInsertStyles), /* harmony export */ warn: () => (/* binding */ warn), /* harmony export */ warning: () => (/* binding */ warning) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_colors__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @ant-design/colors */ "./node_modules/@ant-design/colors/dist/index.esm.js"); /* harmony import */ var _components_Context__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components/Context */ "./node_modules/@ant-design/icons-vue/es/components/Context.js"); /* harmony import */ var _dynamicCSS__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./dynamicCSS */ "./node_modules/@ant-design/icons-vue/es/dynamicCSS.js"); function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } function warn(valid, message) { // Support uglify if ( true && !valid && console !== undefined) { console.error("Warning: ".concat(message)); } } function warning(valid, message) { warn(valid, "[@ant-design/icons-vue] ".concat(message)); } function camelCase(input) { return input.replace(/-(.)/g, function (_match, g) { return g.toUpperCase(); }); } // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types function isIconDefinition(target) { return typeof target === 'object' && typeof target.name === 'string' && typeof target.theme === 'string' && (typeof target.icon === 'object' || typeof target.icon === 'function'); } function normalizeAttrs() { var attrs = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; return Object.keys(attrs).reduce(function (acc, key) { var val = attrs[key]; switch (key) { case 'class': acc.className = val; delete acc["class"]; break; default: delete acc[key]; acc[camelCase(key)] = val; } return acc; }, {}); } function generate(node, key, rootProps) { if (!rootProps) { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.h)(node.tag, _objectSpread({ key: key }, node.attrs), (node.children || []).map(function (child, index) { return generate(child, "".concat(key, "-").concat(node.tag, "-").concat(index)); })); } return (0,vue__WEBPACK_IMPORTED_MODULE_0__.h)(node.tag, _objectSpread({ key: key }, rootProps, node.attrs), (node.children || []).map(function (child, index) { return generate(child, "".concat(key, "-").concat(node.tag, "-").concat(index)); })); } function getSecondaryColor(primaryColor) { // choose the second color return (0,_ant_design_colors__WEBPACK_IMPORTED_MODULE_1__.generate)(primaryColor)[0]; } function normalizeTwoToneColors(twoToneColor) { if (!twoToneColor) { return []; } return Array.isArray(twoToneColor) ? twoToneColor : [twoToneColor]; } // These props make sure that the SVG behaviours like general text. // Reference: https://blog.prototypr.io/align-svg-icons-to-text-and-say-goodbye-to-font-icons-d44b3d7b26b4 var svgBaseProps = { width: '1em', height: '1em', fill: 'currentColor', 'aria-hidden': 'true', focusable: 'false' }; var iconStyles = "\n.anticon {\n display: inline-block;\n color: inherit;\n font-style: normal;\n line-height: 0;\n text-align: center;\n text-transform: none;\n vertical-align: -0.125em;\n text-rendering: optimizeLegibility;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.anticon > * {\n line-height: 1;\n}\n\n.anticon svg {\n display: inline-block;\n}\n\n.anticon::before {\n display: none;\n}\n\n.anticon .anticon-icon {\n display: block;\n}\n\n.anticon[tabindex] {\n cursor: pointer;\n}\n\n.anticon-spin::before,\n.anticon-spin {\n display: inline-block;\n -webkit-animation: loadingCircle 1s infinite linear;\n animation: loadingCircle 1s infinite linear;\n}\n\n@-webkit-keyframes loadingCircle {\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n\n@keyframes loadingCircle {\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n"; function getRoot(ele) { return ele && ele.getRootNode && ele.getRootNode(); } /** * Check if is in shadowRoot */ function inShadow(ele) { if (!(0,_dynamicCSS__WEBPACK_IMPORTED_MODULE_2__.canUseDom)()) { return false; } return getRoot(ele) instanceof ShadowRoot; } /** * Return shadowRoot if possible */ function getShadowRoot(ele) { return inShadow(ele) ? getRoot(ele) : null; } var useInsertStyles = function useInsertStyles() { var _useInjectIconContext = (0,_components_Context__WEBPACK_IMPORTED_MODULE_3__.useInjectIconContext)(), prefixCls = _useInjectIconContext.prefixCls, csp = _useInjectIconContext.csp; var instance = (0,vue__WEBPACK_IMPORTED_MODULE_0__.getCurrentInstance)(); var mergedStyleStr = iconStyles; if (prefixCls) { mergedStyleStr = mergedStyleStr.replace(/anticon/g, prefixCls.value); } (0,vue__WEBPACK_IMPORTED_MODULE_0__.nextTick)(function () { if (!(0,_dynamicCSS__WEBPACK_IMPORTED_MODULE_2__.canUseDom)()) { return; } var ele = instance.vnode.el; var shadowRoot = getShadowRoot(ele); (0,_dynamicCSS__WEBPACK_IMPORTED_MODULE_2__.updateCSS)(mergedStyleStr, '@ant-design-vue-icons', { prepend: true, csp: csp.value, attachTo: shadowRoot }); }); }; /***/ }), /***/ "./node_modules/@ctrl/tinycolor/dist/module/conversion.js": /*!****************************************************************!*\ !*** ./node_modules/@ctrl/tinycolor/dist/module/conversion.js ***! \****************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ convertDecimalToHex: () => (/* binding */ convertDecimalToHex), /* harmony export */ convertHexToDecimal: () => (/* binding */ convertHexToDecimal), /* harmony export */ hslToRgb: () => (/* binding */ hslToRgb), /* harmony export */ hsvToRgb: () => (/* binding */ hsvToRgb), /* harmony export */ numberInputToObject: () => (/* binding */ numberInputToObject), /* harmony export */ parseIntFromHex: () => (/* binding */ parseIntFromHex), /* harmony export */ rgbToHex: () => (/* binding */ rgbToHex), /* harmony export */ rgbToHsl: () => (/* binding */ rgbToHsl), /* harmony export */ rgbToHsv: () => (/* binding */ rgbToHsv), /* harmony export */ rgbToRgb: () => (/* binding */ rgbToRgb), /* harmony export */ rgbaToArgbHex: () => (/* binding */ rgbaToArgbHex), /* harmony export */ rgbaToHex: () => (/* binding */ rgbaToHex) /* harmony export */ }); /* harmony import */ var _util_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./util.js */ "./node_modules/@ctrl/tinycolor/dist/module/util.js"); // `rgbToHsl`, `rgbToHsv`, `hslToRgb`, `hsvToRgb` modified from: // /** * Handle bounds / percentage checking to conform to CSS color spec * * *Assumes:* r, g, b in [0, 255] or [0, 1] * *Returns:* { r, g, b } in [0, 255] */ function rgbToRgb(r, g, b) { return { r: (0,_util_js__WEBPACK_IMPORTED_MODULE_0__.bound01)(r, 255) * 255, g: (0,_util_js__WEBPACK_IMPORTED_MODULE_0__.bound01)(g, 255) * 255, b: (0,_util_js__WEBPACK_IMPORTED_MODULE_0__.bound01)(b, 255) * 255, }; } /** * Converts an RGB color value to HSL. * *Assumes:* r, g, and b are contained in [0, 255] or [0, 1] * *Returns:* { h, s, l } in [0,1] */ function rgbToHsl(r, g, b) { r = (0,_util_js__WEBPACK_IMPORTED_MODULE_0__.bound01)(r, 255); g = (0,_util_js__WEBPACK_IMPORTED_MODULE_0__.bound01)(g, 255); b = (0,_util_js__WEBPACK_IMPORTED_MODULE_0__.bound01)(b, 255); var max = Math.max(r, g, b); var min = Math.min(r, g, b); var h = 0; var s = 0; var l = (max + min) / 2; if (max === min) { s = 0; h = 0; // achromatic } else { var d = max - min; s = l > 0.5 ? d / (2 - max - min) : d / (max + min); switch (max) { case r: h = (g - b) / d + (g < b ? 6 : 0); break; case g: h = (b - r) / d + 2; break; case b: h = (r - g) / d + 4; break; default: break; } h /= 6; } return { h: h, s: s, l: l }; } function hue2rgb(p, q, t) { if (t < 0) { t += 1; } if (t > 1) { t -= 1; } if (t < 1 / 6) { return p + (q - p) * (6 * t); } if (t < 1 / 2) { return q; } if (t < 2 / 3) { return p + (q - p) * (2 / 3 - t) * 6; } return p; } /** * Converts an HSL color value to RGB. * * *Assumes:* h is contained in [0, 1] or [0, 360] and s and l are contained [0, 1] or [0, 100] * *Returns:* { r, g, b } in the set [0, 255] */ function hslToRgb(h, s, l) { var r; var g; var b; h = (0,_util_js__WEBPACK_IMPORTED_MODULE_0__.bound01)(h, 360); s = (0,_util_js__WEBPACK_IMPORTED_MODULE_0__.bound01)(s, 100); l = (0,_util_js__WEBPACK_IMPORTED_MODULE_0__.bound01)(l, 100); if (s === 0) { // achromatic g = l; b = l; r = l; } else { var q = l < 0.5 ? l * (1 + s) : l + s - l * s; var p = 2 * l - q; r = hue2rgb(p, q, h + 1 / 3); g = hue2rgb(p, q, h); b = hue2rgb(p, q, h - 1 / 3); } return { r: r * 255, g: g * 255, b: b * 255 }; } /** * Converts an RGB color value to HSV * * *Assumes:* r, g, and b are contained in the set [0, 255] or [0, 1] * *Returns:* { h, s, v } in [0,1] */ function rgbToHsv(r, g, b) { r = (0,_util_js__WEBPACK_IMPORTED_MODULE_0__.bound01)(r, 255); g = (0,_util_js__WEBPACK_IMPORTED_MODULE_0__.bound01)(g, 255); b = (0,_util_js__WEBPACK_IMPORTED_MODULE_0__.bound01)(b, 255); var max = Math.max(r, g, b); var min = Math.min(r, g, b); var h = 0; var v = max; var d = max - min; var s = max === 0 ? 0 : d / max; if (max === min) { h = 0; // achromatic } else { switch (max) { case r: h = (g - b) / d + (g < b ? 6 : 0); break; case g: h = (b - r) / d + 2; break; case b: h = (r - g) / d + 4; break; default: break; } h /= 6; } return { h: h, s: s, v: v }; } /** * Converts an HSV color value to RGB. * * *Assumes:* h is contained in [0, 1] or [0, 360] and s and v are contained in [0, 1] or [0, 100] * *Returns:* { r, g, b } in the set [0, 255] */ function hsvToRgb(h, s, v) { h = (0,_util_js__WEBPACK_IMPORTED_MODULE_0__.bound01)(h, 360) * 6; s = (0,_util_js__WEBPACK_IMPORTED_MODULE_0__.bound01)(s, 100); v = (0,_util_js__WEBPACK_IMPORTED_MODULE_0__.bound01)(v, 100); var i = Math.floor(h); var f = h - i; var p = v * (1 - s); var q = v * (1 - f * s); var t = v * (1 - (1 - f) * s); var mod = i % 6; var r = [v, q, p, p, t, v][mod]; var g = [t, v, v, q, p, p][mod]; var b = [p, p, t, v, v, q][mod]; return { r: r * 255, g: g * 255, b: b * 255 }; } /** * Converts an RGB color to hex * * Assumes r, g, and b are contained in the set [0, 255] * Returns a 3 or 6 character hex */ function rgbToHex(r, g, b, allow3Char) { var hex = [ (0,_util_js__WEBPACK_IMPORTED_MODULE_0__.pad2)(Math.round(r).toString(16)), (0,_util_js__WEBPACK_IMPORTED_MODULE_0__.pad2)(Math.round(g).toString(16)), (0,_util_js__WEBPACK_IMPORTED_MODULE_0__.pad2)(Math.round(b).toString(16)), ]; // Return a 3 character hex if possible if (allow3Char && hex[0].startsWith(hex[0].charAt(1)) && hex[1].startsWith(hex[1].charAt(1)) && hex[2].startsWith(hex[2].charAt(1))) { return hex[0].charAt(0) + hex[1].charAt(0) + hex[2].charAt(0); } return hex.join(''); } /** * Converts an RGBA color plus alpha transparency to hex * * Assumes r, g, b are contained in the set [0, 255] and * a in [0, 1]. Returns a 4 or 8 character rgba hex */ // eslint-disable-next-line max-params function rgbaToHex(r, g, b, a, allow4Char) { var hex = [ (0,_util_js__WEBPACK_IMPORTED_MODULE_0__.pad2)(Math.round(r).toString(16)), (0,_util_js__WEBPACK_IMPORTED_MODULE_0__.pad2)(Math.round(g).toString(16)), (0,_util_js__WEBPACK_IMPORTED_MODULE_0__.pad2)(Math.round(b).toString(16)), (0,_util_js__WEBPACK_IMPORTED_MODULE_0__.pad2)(convertDecimalToHex(a)), ]; // Return a 4 character hex if possible if (allow4Char && hex[0].startsWith(hex[0].charAt(1)) && hex[1].startsWith(hex[1].charAt(1)) && hex[2].startsWith(hex[2].charAt(1)) && hex[3].startsWith(hex[3].charAt(1))) { return hex[0].charAt(0) + hex[1].charAt(0) + hex[2].charAt(0) + hex[3].charAt(0); } return hex.join(''); } /** * Converts an RGBA color to an ARGB Hex8 string * Rarely used, but required for "toFilter()" */ function rgbaToArgbHex(r, g, b, a) { var hex = [ (0,_util_js__WEBPACK_IMPORTED_MODULE_0__.pad2)(convertDecimalToHex(a)), (0,_util_js__WEBPACK_IMPORTED_MODULE_0__.pad2)(Math.round(r).toString(16)), (0,_util_js__WEBPACK_IMPORTED_MODULE_0__.pad2)(Math.round(g).toString(16)), (0,_util_js__WEBPACK_IMPORTED_MODULE_0__.pad2)(Math.round(b).toString(16)), ]; return hex.join(''); } /** Converts a decimal to a hex value */ function convertDecimalToHex(d) { return Math.round(parseFloat(d) * 255).toString(16); } /** Converts a hex value to a decimal */ function convertHexToDecimal(h) { return parseIntFromHex(h) / 255; } /** Parse a base-16 hex value into a base-10 integer */ function parseIntFromHex(val) { return parseInt(val, 16); } function numberInputToObject(color) { return { r: color >> 16, g: (color & 0xff00) >> 8, b: color & 0xff, }; } /***/ }), /***/ "./node_modules/@ctrl/tinycolor/dist/module/css-color-names.js": /*!*********************************************************************!*\ !*** ./node_modules/@ctrl/tinycolor/dist/module/css-color-names.js ***! \*********************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ names: () => (/* binding */ names) /* harmony export */ }); // https://github.com/bahamas10/css-color-names/blob/master/css-color-names.json /** * @hidden */ var names = { aliceblue: '#f0f8ff', antiquewhite: '#faebd7', aqua: '#00ffff', aquamarine: '#7fffd4', azure: '#f0ffff', beige: '#f5f5dc', bisque: '#ffe4c4', black: '#000000', blanchedalmond: '#ffebcd', blue: '#0000ff', blueviolet: '#8a2be2', brown: '#a52a2a', burlywood: '#deb887', cadetblue: '#5f9ea0', chartreuse: '#7fff00', chocolate: '#d2691e', coral: '#ff7f50', cornflowerblue: '#6495ed', cornsilk: '#fff8dc', crimson: '#dc143c', cyan: '#00ffff', darkblue: '#00008b', darkcyan: '#008b8b', darkgoldenrod: '#b8860b', darkgray: '#a9a9a9', darkgreen: '#006400', darkgrey: '#a9a9a9', darkkhaki: '#bdb76b', darkmagenta: '#8b008b', darkolivegreen: '#556b2f', darkorange: '#ff8c00', darkorchid: '#9932cc', darkred: '#8b0000', darksalmon: '#e9967a', darkseagreen: '#8fbc8f', darkslateblue: '#483d8b', darkslategray: '#2f4f4f', darkslategrey: '#2f4f4f', darkturquoise: '#00ced1', darkviolet: '#9400d3', deeppink: '#ff1493', deepskyblue: '#00bfff', dimgray: '#696969', dimgrey: '#696969', dodgerblue: '#1e90ff', firebrick: '#b22222', floralwhite: '#fffaf0', forestgreen: '#228b22', fuchsia: '#ff00ff', gainsboro: '#dcdcdc', ghostwhite: '#f8f8ff', goldenrod: '#daa520', gold: '#ffd700', gray: '#808080', green: '#008000', greenyellow: '#adff2f', grey: '#808080', honeydew: '#f0fff0', hotpink: '#ff69b4', indianred: '#cd5c5c', indigo: '#4b0082', ivory: '#fffff0', khaki: '#f0e68c', lavenderblush: '#fff0f5', lavender: '#e6e6fa', lawngreen: '#7cfc00', lemonchiffon: '#fffacd', lightblue: '#add8e6', lightcoral: '#f08080', lightcyan: '#e0ffff', lightgoldenrodyellow: '#fafad2', lightgray: '#d3d3d3', lightgreen: '#90ee90', lightgrey: '#d3d3d3', lightpink: '#ffb6c1', lightsalmon: '#ffa07a', lightseagreen: '#20b2aa', lightskyblue: '#87cefa', lightslategray: '#778899', lightslategrey: '#778899', lightsteelblue: '#b0c4de', lightyellow: '#ffffe0', lime: '#00ff00', limegreen: '#32cd32', linen: '#faf0e6', magenta: '#ff00ff', maroon: '#800000', mediumaquamarine: '#66cdaa', mediumblue: '#0000cd', mediumorchid: '#ba55d3', mediumpurple: '#9370db', mediumseagreen: '#3cb371', mediumslateblue: '#7b68ee', mediumspringgreen: '#00fa9a', mediumturquoise: '#48d1cc', mediumvioletred: '#c71585', midnightblue: '#191970', mintcream: '#f5fffa', mistyrose: '#ffe4e1', moccasin: '#ffe4b5', navajowhite: '#ffdead', navy: '#000080', oldlace: '#fdf5e6', olive: '#808000', olivedrab: '#6b8e23', orange: '#ffa500', orangered: '#ff4500', orchid: '#da70d6', palegoldenrod: '#eee8aa', palegreen: '#98fb98', paleturquoise: '#afeeee', palevioletred: '#db7093', papayawhip: '#ffefd5', peachpuff: '#ffdab9', peru: '#cd853f', pink: '#ffc0cb', plum: '#dda0dd', powderblue: '#b0e0e6', purple: '#800080', rebeccapurple: '#663399', red: '#ff0000', rosybrown: '#bc8f8f', royalblue: '#4169e1', saddlebrown: '#8b4513', salmon: '#fa8072', sandybrown: '#f4a460', seagreen: '#2e8b57', seashell: '#fff5ee', sienna: '#a0522d', silver: '#c0c0c0', skyblue: '#87ceeb', slateblue: '#6a5acd', slategray: '#708090', slategrey: '#708090', snow: '#fffafa', springgreen: '#00ff7f', steelblue: '#4682b4', tan: '#d2b48c', teal: '#008080', thistle: '#d8bfd8', tomato: '#ff6347', turquoise: '#40e0d0', violet: '#ee82ee', wheat: '#f5deb3', white: '#ffffff', whitesmoke: '#f5f5f5', yellow: '#ffff00', yellowgreen: '#9acd32', }; /***/ }), /***/ "./node_modules/@ctrl/tinycolor/dist/module/format-input.js": /*!******************************************************************!*\ !*** ./node_modules/@ctrl/tinycolor/dist/module/format-input.js ***! \******************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ inputToRGB: () => (/* binding */ inputToRGB), /* harmony export */ isValidCSSUnit: () => (/* binding */ isValidCSSUnit), /* harmony export */ stringInputToObject: () => (/* binding */ stringInputToObject) /* harmony export */ }); /* harmony import */ var _conversion_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./conversion.js */ "./node_modules/@ctrl/tinycolor/dist/module/conversion.js"); /* harmony import */ var _css_color_names_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./css-color-names.js */ "./node_modules/@ctrl/tinycolor/dist/module/css-color-names.js"); /* harmony import */ var _util_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./util.js */ "./node_modules/@ctrl/tinycolor/dist/module/util.js"); /* eslint-disable @typescript-eslint/no-redundant-type-constituents */ /** * Given a string or object, convert that input to RGB * * Possible string inputs: * ``` * "red" * "#f00" or "f00" * "#ff0000" or "ff0000" * "#ff000000" or "ff000000" * "rgb 255 0 0" or "rgb (255, 0, 0)" * "rgb 1.0 0 0" or "rgb (1, 0, 0)" * "rgba (255, 0, 0, 1)" or "rgba 255, 0, 0, 1" * "rgba (1.0, 0, 0, 1)" or "rgba 1.0, 0, 0, 1" * "hsl(0, 100%, 50%)" or "hsl 0 100% 50%" * "hsla(0, 100%, 50%, 1)" or "hsla 0 100% 50%, 1" * "hsv(0, 100%, 100%)" or "hsv 0 100% 100%" * ``` */ function inputToRGB(color) { var rgb = { r: 0, g: 0, b: 0 }; var a = 1; var s = null; var v = null; var l = null; var ok = false; var format = false; if (typeof color === 'string') { color = stringInputToObject(color); } if (typeof color === 'object') { if (isValidCSSUnit(color.r) && isValidCSSUnit(color.g) && isValidCSSUnit(color.b)) { rgb = (0,_conversion_js__WEBPACK_IMPORTED_MODULE_0__.rgbToRgb)(color.r, color.g, color.b); ok = true; format = String(color.r).substr(-1) === '%' ? 'prgb' : 'rgb'; } else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.v)) { s = (0,_util_js__WEBPACK_IMPORTED_MODULE_1__.convertToPercentage)(color.s); v = (0,_util_js__WEBPACK_IMPORTED_MODULE_1__.convertToPercentage)(color.v); rgb = (0,_conversion_js__WEBPACK_IMPORTED_MODULE_0__.hsvToRgb)(color.h, s, v); ok = true; format = 'hsv'; } else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.l)) { s = (0,_util_js__WEBPACK_IMPORTED_MODULE_1__.convertToPercentage)(color.s); l = (0,_util_js__WEBPACK_IMPORTED_MODULE_1__.convertToPercentage)(color.l); rgb = (0,_conversion_js__WEBPACK_IMPORTED_MODULE_0__.hslToRgb)(color.h, s, l); ok = true; format = 'hsl'; } if (Object.prototype.hasOwnProperty.call(color, 'a')) { a = color.a; } } a = (0,_util_js__WEBPACK_IMPORTED_MODULE_1__.boundAlpha)(a); return { ok: ok, format: color.format || format, r: Math.min(255, Math.max(rgb.r, 0)), g: Math.min(255, Math.max(rgb.g, 0)), b: Math.min(255, Math.max(rgb.b, 0)), a: a, }; } // var CSS_INTEGER = '[-\\+]?\\d+%?'; // var CSS_NUMBER = '[-\\+]?\\d*\\.\\d+%?'; // Allow positive/negative integer/number. Don't capture the either/or, just the entire outcome. var CSS_UNIT = "(?:".concat(CSS_NUMBER, ")|(?:").concat(CSS_INTEGER, ")"); // Actual matching. // Parentheses and commas are optional, but not required. // Whitespace can take the place of commas or opening paren var PERMISSIVE_MATCH3 = "[\\s|\\(]+(".concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")\\s*\\)?"); var PERMISSIVE_MATCH4 = "[\\s|\\(]+(".concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")\\s*\\)?"); var matchers = { CSS_UNIT: new RegExp(CSS_UNIT), rgb: new RegExp('rgb' + PERMISSIVE_MATCH3), rgba: new RegExp('rgba' + PERMISSIVE_MATCH4), hsl: new RegExp('hsl' + PERMISSIVE_MATCH3), hsla: new RegExp('hsla' + PERMISSIVE_MATCH4), hsv: new RegExp('hsv' + PERMISSIVE_MATCH3), hsva: new RegExp('hsva' + PERMISSIVE_MATCH4), hex3: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/, hex6: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/, hex4: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/, hex8: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/, }; /** * Permissive string parsing. Take in a number of formats, and output an object * based on detected format. Returns `{ r, g, b }` or `{ h, s, l }` or `{ h, s, v}` */ function stringInputToObject(color) { color = color.trim().toLowerCase(); if (color.length === 0) { return false; } var named = false; if (_css_color_names_js__WEBPACK_IMPORTED_MODULE_2__.names[color]) { color = _css_color_names_js__WEBPACK_IMPORTED_MODULE_2__.names[color]; named = true; } else if (color === 'transparent') { return { r: 0, g: 0, b: 0, a: 0, format: 'name' }; } // Try to match string input using regular expressions. // Keep most of the number bounding out of this function - don't worry about [0,1] or [0,100] or [0,360] // Just return an object and let the conversion functions handle that. // This way the result will be the same whether the tinycolor is initialized with string or object. var match = matchers.rgb.exec(color); if (match) { return { r: match[1], g: match[2], b: match[3] }; } match = matchers.rgba.exec(color); if (match) { return { r: match[1], g: match[2], b: match[3], a: match[4] }; } match = matchers.hsl.exec(color); if (match) { return { h: match[1], s: match[2], l: match[3] }; } match = matchers.hsla.exec(color); if (match) { return { h: match[1], s: match[2], l: match[3], a: match[4] }; } match = matchers.hsv.exec(color); if (match) { return { h: match[1], s: match[2], v: match[3] }; } match = matchers.hsva.exec(color); if (match) { return { h: match[1], s: match[2], v: match[3], a: match[4] }; } match = matchers.hex8.exec(color); if (match) { return { r: (0,_conversion_js__WEBPACK_IMPORTED_MODULE_0__.parseIntFromHex)(match[1]), g: (0,_conversion_js__WEBPACK_IMPORTED_MODULE_0__.parseIntFromHex)(match[2]), b: (0,_conversion_js__WEBPACK_IMPORTED_MODULE_0__.parseIntFromHex)(match[3]), a: (0,_conversion_js__WEBPACK_IMPORTED_MODULE_0__.convertHexToDecimal)(match[4]), format: named ? 'name' : 'hex8', }; } match = matchers.hex6.exec(color); if (match) { return { r: (0,_conversion_js__WEBPACK_IMPORTED_MODULE_0__.parseIntFromHex)(match[1]), g: (0,_conversion_js__WEBPACK_IMPORTED_MODULE_0__.parseIntFromHex)(match[2]), b: (0,_conversion_js__WEBPACK_IMPORTED_MODULE_0__.parseIntFromHex)(match[3]), format: named ? 'name' : 'hex', }; } match = matchers.hex4.exec(color); if (match) { return { r: (0,_conversion_js__WEBPACK_IMPORTED_MODULE_0__.parseIntFromHex)(match[1] + match[1]), g: (0,_conversion_js__WEBPACK_IMPORTED_MODULE_0__.parseIntFromHex)(match[2] + match[2]), b: (0,_conversion_js__WEBPACK_IMPORTED_MODULE_0__.parseIntFromHex)(match[3] + match[3]), a: (0,_conversion_js__WEBPACK_IMPORTED_MODULE_0__.convertHexToDecimal)(match[4] + match[4]), format: named ? 'name' : 'hex8', }; } match = matchers.hex3.exec(color); if (match) { return { r: (0,_conversion_js__WEBPACK_IMPORTED_MODULE_0__.parseIntFromHex)(match[1] + match[1]), g: (0,_conversion_js__WEBPACK_IMPORTED_MODULE_0__.parseIntFromHex)(match[2] + match[2]), b: (0,_conversion_js__WEBPACK_IMPORTED_MODULE_0__.parseIntFromHex)(match[3] + match[3]), format: named ? 'name' : 'hex', }; } return false; } /** * Check to see if it looks like a CSS unit * (see `matchers` above for definition). */ function isValidCSSUnit(color) { return Boolean(matchers.CSS_UNIT.exec(String(color))); } /***/ }), /***/ "./node_modules/@ctrl/tinycolor/dist/module/index.js": /*!***********************************************************!*\ !*** ./node_modules/@ctrl/tinycolor/dist/module/index.js ***! \***********************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ TinyColor: () => (/* binding */ TinyColor), /* harmony export */ tinycolor: () => (/* binding */ tinycolor) /* harmony export */ }); /* harmony import */ var _conversion_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./conversion.js */ "./node_modules/@ctrl/tinycolor/dist/module/conversion.js"); /* harmony import */ var _css_color_names_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./css-color-names.js */ "./node_modules/@ctrl/tinycolor/dist/module/css-color-names.js"); /* harmony import */ var _format_input__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./format-input */ "./node_modules/@ctrl/tinycolor/dist/module/format-input.js"); /* harmony import */ var _util_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./util.js */ "./node_modules/@ctrl/tinycolor/dist/module/util.js"); var TinyColor = /** @class */ (function () { function TinyColor(color, opts) { if (color === void 0) { color = ''; } if (opts === void 0) { opts = {}; } var _a; // If input is already a tinycolor, return itself if (color instanceof TinyColor) { // eslint-disable-next-line no-constructor-return return color; } if (typeof color === 'number') { color = (0,_conversion_js__WEBPACK_IMPORTED_MODULE_0__.numberInputToObject)(color); } this.originalInput = color; var rgb = (0,_format_input__WEBPACK_IMPORTED_MODULE_1__.inputToRGB)(color); this.originalInput = color; this.r = rgb.r; this.g = rgb.g; this.b = rgb.b; this.a = rgb.a; this.roundA = Math.round(100 * this.a) / 100; this.format = (_a = opts.format) !== null && _a !== void 0 ? _a : rgb.format; this.gradientType = opts.gradientType; // Don't let the range of [0,255] come back in [0,1]. // Potentially lose a little bit of precision here, but will fix issues where // .5 gets interpreted as half of the total, instead of half of 1 // If it was supposed to be 128, this was already taken care of by `inputToRgb` if (this.r < 1) { this.r = Math.round(this.r); } if (this.g < 1) { this.g = Math.round(this.g); } if (this.b < 1) { this.b = Math.round(this.b); } this.isValid = rgb.ok; } TinyColor.prototype.isDark = function () { return this.getBrightness() < 128; }; TinyColor.prototype.isLight = function () { return !this.isDark(); }; /** * Returns the perceived brightness of the color, from 0-255. */ TinyColor.prototype.getBrightness = function () { // http://www.w3.org/TR/AERT#color-contrast var rgb = this.toRgb(); return (rgb.r * 299 + rgb.g * 587 + rgb.b * 114) / 1000; }; /** * Returns the perceived luminance of a color, from 0-1. */ TinyColor.prototype.getLuminance = function () { // http://www.w3.org/TR/2008/REC-WCAG20-20081211/#relativeluminancedef var rgb = this.toRgb(); var R; var G; var B; var RsRGB = rgb.r / 255; var GsRGB = rgb.g / 255; var BsRGB = rgb.b / 255; if (RsRGB <= 0.03928) { R = RsRGB / 12.92; } else { // eslint-disable-next-line prefer-exponentiation-operator R = Math.pow((RsRGB + 0.055) / 1.055, 2.4); } if (GsRGB <= 0.03928) { G = GsRGB / 12.92; } else { // eslint-disable-next-line prefer-exponentiation-operator G = Math.pow((GsRGB + 0.055) / 1.055, 2.4); } if (BsRGB <= 0.03928) { B = BsRGB / 12.92; } else { // eslint-disable-next-line prefer-exponentiation-operator B = Math.pow((BsRGB + 0.055) / 1.055, 2.4); } return 0.2126 * R + 0.7152 * G + 0.0722 * B; }; /** * Returns the alpha value of a color, from 0-1. */ TinyColor.prototype.getAlpha = function () { return this.a; }; /** * Sets the alpha value on the current color. * * @param alpha - The new alpha value. The accepted range is 0-1. */ TinyColor.prototype.setAlpha = function (alpha) { this.a = (0,_util_js__WEBPACK_IMPORTED_MODULE_2__.boundAlpha)(alpha); this.roundA = Math.round(100 * this.a) / 100; return this; }; /** * Returns whether the color is monochrome. */ TinyColor.prototype.isMonochrome = function () { var s = this.toHsl().s; return s === 0; }; /** * Returns the object as a HSVA object. */ TinyColor.prototype.toHsv = function () { var hsv = (0,_conversion_js__WEBPACK_IMPORTED_MODULE_0__.rgbToHsv)(this.r, this.g, this.b); return { h: hsv.h * 360, s: hsv.s, v: hsv.v, a: this.a }; }; /** * Returns the hsva values interpolated into a string with the following format: * "hsva(xxx, xxx, xxx, xx)". */ TinyColor.prototype.toHsvString = function () { var hsv = (0,_conversion_js__WEBPACK_IMPORTED_MODULE_0__.rgbToHsv)(this.r, this.g, this.b); var h = Math.round(hsv.h * 360); var s = Math.round(hsv.s * 100); var v = Math.round(hsv.v * 100); return this.a === 1 ? "hsv(".concat(h, ", ").concat(s, "%, ").concat(v, "%)") : "hsva(".concat(h, ", ").concat(s, "%, ").concat(v, "%, ").concat(this.roundA, ")"); }; /** * Returns the object as a HSLA object. */ TinyColor.prototype.toHsl = function () { var hsl = (0,_conversion_js__WEBPACK_IMPORTED_MODULE_0__.rgbToHsl)(this.r, this.g, this.b); return { h: hsl.h * 360, s: hsl.s, l: hsl.l, a: this.a }; }; /** * Returns the hsla values interpolated into a string with the following format: * "hsla(xxx, xxx, xxx, xx)". */ TinyColor.prototype.toHslString = function () { var hsl = (0,_conversion_js__WEBPACK_IMPORTED_MODULE_0__.rgbToHsl)(this.r, this.g, this.b); var h = Math.round(hsl.h * 360); var s = Math.round(hsl.s * 100); var l = Math.round(hsl.l * 100); return this.a === 1 ? "hsl(".concat(h, ", ").concat(s, "%, ").concat(l, "%)") : "hsla(".concat(h, ", ").concat(s, "%, ").concat(l, "%, ").concat(this.roundA, ")"); }; /** * Returns the hex value of the color. * @param allow3Char will shorten hex value to 3 char if possible */ TinyColor.prototype.toHex = function (allow3Char) { if (allow3Char === void 0) { allow3Char = false; } return (0,_conversion_js__WEBPACK_IMPORTED_MODULE_0__.rgbToHex)(this.r, this.g, this.b, allow3Char); }; /** * Returns the hex value of the color -with a # prefixed. * @param allow3Char will shorten hex value to 3 char if possible */ TinyColor.prototype.toHexString = function (allow3Char) { if (allow3Char === void 0) { allow3Char = false; } return '#' + this.toHex(allow3Char); }; /** * Returns the hex 8 value of the color. * @param allow4Char will shorten hex value to 4 char if possible */ TinyColor.prototype.toHex8 = function (allow4Char) { if (allow4Char === void 0) { allow4Char = false; } return (0,_conversion_js__WEBPACK_IMPORTED_MODULE_0__.rgbaToHex)(this.r, this.g, this.b, this.a, allow4Char); }; /** * Returns the hex 8 value of the color -with a # prefixed. * @param allow4Char will shorten hex value to 4 char if possible */ TinyColor.prototype.toHex8String = function (allow4Char) { if (allow4Char === void 0) { allow4Char = false; } return '#' + this.toHex8(allow4Char); }; /** * Returns the shorter hex value of the color depends on its alpha -with a # prefixed. * @param allowShortChar will shorten hex value to 3 or 4 char if possible */ TinyColor.prototype.toHexShortString = function (allowShortChar) { if (allowShortChar === void 0) { allowShortChar = false; } return this.a === 1 ? this.toHexString(allowShortChar) : this.toHex8String(allowShortChar); }; /** * Returns the object as a RGBA object. */ TinyColor.prototype.toRgb = function () { return { r: Math.round(this.r), g: Math.round(this.g), b: Math.round(this.b), a: this.a, }; }; /** * Returns the RGBA values interpolated into a string with the following format: * "RGBA(xxx, xxx, xxx, xx)". */ TinyColor.prototype.toRgbString = function () { var r = Math.round(this.r); var g = Math.round(this.g); var b = Math.round(this.b); return this.a === 1 ? "rgb(".concat(r, ", ").concat(g, ", ").concat(b, ")") : "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(this.roundA, ")"); }; /** * Returns the object as a RGBA object. */ TinyColor.prototype.toPercentageRgb = function () { var fmt = function (x) { return "".concat(Math.round((0,_util_js__WEBPACK_IMPORTED_MODULE_2__.bound01)(x, 255) * 100), "%"); }; return { r: fmt(this.r), g: fmt(this.g), b: fmt(this.b), a: this.a, }; }; /** * Returns the RGBA relative values interpolated into a string */ TinyColor.prototype.toPercentageRgbString = function () { var rnd = function (x) { return Math.round((0,_util_js__WEBPACK_IMPORTED_MODULE_2__.bound01)(x, 255) * 100); }; return this.a === 1 ? "rgb(".concat(rnd(this.r), "%, ").concat(rnd(this.g), "%, ").concat(rnd(this.b), "%)") : "rgba(".concat(rnd(this.r), "%, ").concat(rnd(this.g), "%, ").concat(rnd(this.b), "%, ").concat(this.roundA, ")"); }; /** * The 'real' name of the color -if there is one. */ TinyColor.prototype.toName = function () { if (this.a === 0) { return 'transparent'; } if (this.a < 1) { return false; } var hex = '#' + (0,_conversion_js__WEBPACK_IMPORTED_MODULE_0__.rgbToHex)(this.r, this.g, this.b, false); for (var _i = 0, _a = Object.entries(_css_color_names_js__WEBPACK_IMPORTED_MODULE_3__.names); _i < _a.length; _i++) { var _b = _a[_i], key = _b[0], value = _b[1]; if (hex === value) { return key; } } return false; }; TinyColor.prototype.toString = function (format) { var formatSet = Boolean(format); format = format !== null && format !== void 0 ? format : this.format; var formattedString = false; var hasAlpha = this.a < 1 && this.a >= 0; var needsAlphaFormat = !formatSet && hasAlpha && (format.startsWith('hex') || format === 'name'); if (needsAlphaFormat) { // Special case for "transparent", all other non-alpha formats // will return rgba when there is transparency. if (format === 'name' && this.a === 0) { return this.toName(); } return this.toRgbString(); } if (format === 'rgb') { formattedString = this.toRgbString(); } if (format === 'prgb') { formattedString = this.toPercentageRgbString(); } if (format === 'hex' || format === 'hex6') { formattedString = this.toHexString(); } if (format === 'hex3') { formattedString = this.toHexString(true); } if (format === 'hex4') { formattedString = this.toHex8String(true); } if (format === 'hex8') { formattedString = this.toHex8String(); } if (format === 'name') { formattedString = this.toName(); } if (format === 'hsl') { formattedString = this.toHslString(); } if (format === 'hsv') { formattedString = this.toHsvString(); } return formattedString || this.toHexString(); }; TinyColor.prototype.toNumber = function () { return (Math.round(this.r) << 16) + (Math.round(this.g) << 8) + Math.round(this.b); }; TinyColor.prototype.clone = function () { return new TinyColor(this.toString()); }; /** * Lighten the color a given amount. Providing 100 will always return white. * @param amount - valid between 1-100 */ TinyColor.prototype.lighten = function (amount) { if (amount === void 0) { amount = 10; } var hsl = this.toHsl(); hsl.l += amount / 100; hsl.l = (0,_util_js__WEBPACK_IMPORTED_MODULE_2__.clamp01)(hsl.l); return new TinyColor(hsl); }; /** * Brighten the color a given amount, from 0 to 100. * @param amount - valid between 1-100 */ TinyColor.prototype.brighten = function (amount) { if (amount === void 0) { amount = 10; } var rgb = this.toRgb(); rgb.r = Math.max(0, Math.min(255, rgb.r - Math.round(255 * -(amount / 100)))); rgb.g = Math.max(0, Math.min(255, rgb.g - Math.round(255 * -(amount / 100)))); rgb.b = Math.max(0, Math.min(255, rgb.b - Math.round(255 * -(amount / 100)))); return new TinyColor(rgb); }; /** * Darken the color a given amount, from 0 to 100. * Providing 100 will always return black. * @param amount - valid between 1-100 */ TinyColor.prototype.darken = function (amount) { if (amount === void 0) { amount = 10; } var hsl = this.toHsl(); hsl.l -= amount / 100; hsl.l = (0,_util_js__WEBPACK_IMPORTED_MODULE_2__.clamp01)(hsl.l); return new TinyColor(hsl); }; /** * Mix the color with pure white, from 0 to 100. * Providing 0 will do nothing, providing 100 will always return white. * @param amount - valid between 1-100 */ TinyColor.prototype.tint = function (amount) { if (amount === void 0) { amount = 10; } return this.mix('white', amount); }; /** * Mix the color with pure black, from 0 to 100. * Providing 0 will do nothing, providing 100 will always return black. * @param amount - valid between 1-100 */ TinyColor.prototype.shade = function (amount) { if (amount === void 0) { amount = 10; } return this.mix('black', amount); }; /** * Desaturate the color a given amount, from 0 to 100. * Providing 100 will is the same as calling greyscale * @param amount - valid between 1-100 */ TinyColor.prototype.desaturate = function (amount) { if (amount === void 0) { amount = 10; } var hsl = this.toHsl(); hsl.s -= amount / 100; hsl.s = (0,_util_js__WEBPACK_IMPORTED_MODULE_2__.clamp01)(hsl.s); return new TinyColor(hsl); }; /** * Saturate the color a given amount, from 0 to 100. * @param amount - valid between 1-100 */ TinyColor.prototype.saturate = function (amount) { if (amount === void 0) { amount = 10; } var hsl = this.toHsl(); hsl.s += amount / 100; hsl.s = (0,_util_js__WEBPACK_IMPORTED_MODULE_2__.clamp01)(hsl.s); return new TinyColor(hsl); }; /** * Completely desaturates a color into greyscale. * Same as calling `desaturate(100)` */ TinyColor.prototype.greyscale = function () { return this.desaturate(100); }; /** * Spin takes a positive or negative amount within [-360, 360] indicating the change of hue. * Values outside of this range will be wrapped into this range. */ TinyColor.prototype.spin = function (amount) { var hsl = this.toHsl(); var hue = (hsl.h + amount) % 360; hsl.h = hue < 0 ? 360 + hue : hue; return new TinyColor(hsl); }; /** * Mix the current color a given amount with another color, from 0 to 100. * 0 means no mixing (return current color). */ TinyColor.prototype.mix = function (color, amount) { if (amount === void 0) { amount = 50; } var rgb1 = this.toRgb(); var rgb2 = new TinyColor(color).toRgb(); var p = amount / 100; var rgba = { r: (rgb2.r - rgb1.r) * p + rgb1.r, g: (rgb2.g - rgb1.g) * p + rgb1.g, b: (rgb2.b - rgb1.b) * p + rgb1.b, a: (rgb2.a - rgb1.a) * p + rgb1.a, }; return new TinyColor(rgba); }; TinyColor.prototype.analogous = function (results, slices) { if (results === void 0) { results = 6; } if (slices === void 0) { slices = 30; } var hsl = this.toHsl(); var part = 360 / slices; var ret = [this]; for (hsl.h = (hsl.h - ((part * results) >> 1) + 720) % 360; --results;) { hsl.h = (hsl.h + part) % 360; ret.push(new TinyColor(hsl)); } return ret; }; /** * taken from https://github.com/infusion/jQuery-xcolor/blob/master/jquery.xcolor.js */ TinyColor.prototype.complement = function () { var hsl = this.toHsl(); hsl.h = (hsl.h + 180) % 360; return new TinyColor(hsl); }; TinyColor.prototype.monochromatic = function (results) { if (results === void 0) { results = 6; } var hsv = this.toHsv(); var h = hsv.h; var s = hsv.s; var v = hsv.v; var res = []; var modification = 1 / results; while (results--) { res.push(new TinyColor({ h: h, s: s, v: v })); v = (v + modification) % 1; } return res; }; TinyColor.prototype.splitcomplement = function () { var hsl = this.toHsl(); var h = hsl.h; return [ this, new TinyColor({ h: (h + 72) % 360, s: hsl.s, l: hsl.l }), new TinyColor({ h: (h + 216) % 360, s: hsl.s, l: hsl.l }), ]; }; /** * Compute how the color would appear on a background */ TinyColor.prototype.onBackground = function (background) { var fg = this.toRgb(); var bg = new TinyColor(background).toRgb(); var alpha = fg.a + bg.a * (1 - fg.a); return new TinyColor({ r: (fg.r * fg.a + bg.r * bg.a * (1 - fg.a)) / alpha, g: (fg.g * fg.a + bg.g * bg.a * (1 - fg.a)) / alpha, b: (fg.b * fg.a + bg.b * bg.a * (1 - fg.a)) / alpha, a: alpha, }); }; /** * Alias for `polyad(3)` */ TinyColor.prototype.triad = function () { return this.polyad(3); }; /** * Alias for `polyad(4)` */ TinyColor.prototype.tetrad = function () { return this.polyad(4); }; /** * Get polyad colors, like (for 1, 2, 3, 4, 5, 6, 7, 8, etc...) * monad, dyad, triad, tetrad, pentad, hexad, heptad, octad, etc... */ TinyColor.prototype.polyad = function (n) { var hsl = this.toHsl(); var h = hsl.h; var result = [this]; var increment = 360 / n; for (var i = 1; i < n; i++) { result.push(new TinyColor({ h: (h + i * increment) % 360, s: hsl.s, l: hsl.l })); } return result; }; /** * compare color vs current color */ TinyColor.prototype.equals = function (color) { return this.toRgbString() === new TinyColor(color).toRgbString(); }; return TinyColor; }()); // kept for backwards compatability with v1 function tinycolor(color, opts) { if (color === void 0) { color = ''; } if (opts === void 0) { opts = {}; } return new TinyColor(color, opts); } /***/ }), /***/ "./node_modules/@ctrl/tinycolor/dist/module/util.js": /*!**********************************************************!*\ !*** ./node_modules/@ctrl/tinycolor/dist/module/util.js ***! \**********************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ bound01: () => (/* binding */ bound01), /* harmony export */ boundAlpha: () => (/* binding */ boundAlpha), /* harmony export */ clamp01: () => (/* binding */ clamp01), /* harmony export */ convertToPercentage: () => (/* binding */ convertToPercentage), /* harmony export */ isOnePointZero: () => (/* binding */ isOnePointZero), /* harmony export */ isPercentage: () => (/* binding */ isPercentage), /* harmony export */ pad2: () => (/* binding */ pad2) /* harmony export */ }); /** * Take input from [0, n] and return it as [0, 1] * @hidden */ function bound01(n, max) { if (isOnePointZero(n)) { n = '100%'; } var isPercent = isPercentage(n); n = max === 360 ? n : Math.min(max, Math.max(0, parseFloat(n))); // Automatically convert percentage into number if (isPercent) { n = parseInt(String(n * max), 10) / 100; } // Handle floating point rounding errors if (Math.abs(n - max) < 0.000001) { return 1; } // Convert into [0, 1] range if it isn't already if (max === 360) { // If n is a hue given in degrees, // wrap around out-of-range values into [0, 360] range // then convert into [0, 1]. n = (n < 0 ? (n % max) + max : n % max) / parseFloat(String(max)); } else { // If n not a hue given in degrees // Convert into [0, 1] range if it isn't already. n = (n % max) / parseFloat(String(max)); } return n; } /** * Force a number between 0 and 1 * @hidden */ function clamp01(val) { return Math.min(1, Math.max(0, val)); } /** * Need to handle 1.0 as 100%, since once it is a number, there is no difference between it and 1 * * @hidden */ function isOnePointZero(n) { return typeof n === 'string' && n.indexOf('.') !== -1 && parseFloat(n) === 1; } /** * Check to see if string passed in is a percentage * @hidden */ function isPercentage(n) { return typeof n === 'string' && n.indexOf('%') !== -1; } /** * Return a valid alpha value [0,1] with all invalid values being set to 1 * @hidden */ function boundAlpha(a) { a = parseFloat(a); if (isNaN(a) || a < 0 || a > 1) { a = 1; } return a; } /** * Replace a decimal with it's percentage value * @hidden */ function convertToPercentage(n) { if (n <= 1) { return "".concat(Number(n) * 100, "%"); } return n; } /** * Force a hex value to have 2 characters * @hidden */ function pad2(c) { return c.length === 1 ? '0' + c : String(c); } /***/ }), /***/ "./node_modules/@emotion/hash/dist/emotion-hash.esm.js": /*!*************************************************************!*\ !*** ./node_modules/@emotion/hash/dist/emotion-hash.esm.js ***! \*************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ murmur2) /* harmony export */ }); /* eslint-disable */ // Inspired by https://github.com/garycourt/murmurhash-js // Ported from https://github.com/aappleby/smhasher/blob/61a0530f28277f2e850bfc39600ce61d02b518de/src/MurmurHash2.cpp#L37-L86 function murmur2(str) { // 'm' and 'r' are mixing constants generated offline. // They're not really 'magic', they just happen to work well. // const m = 0x5bd1e995; // const r = 24; // Initialize the hash var h = 0; // Mix 4 bytes at a time into the hash var k, i = 0, len = str.length; for (; len >= 4; ++i, len -= 4) { k = str.charCodeAt(i) & 0xff | (str.charCodeAt(++i) & 0xff) << 8 | (str.charCodeAt(++i) & 0xff) << 16 | (str.charCodeAt(++i) & 0xff) << 24; k = /* Math.imul(k, m): */ (k & 0xffff) * 0x5bd1e995 + ((k >>> 16) * 0xe995 << 16); k ^= /* k >>> r: */ k >>> 24; h = /* Math.imul(k, m): */ (k & 0xffff) * 0x5bd1e995 + ((k >>> 16) * 0xe995 << 16) ^ /* Math.imul(h, m): */ (h & 0xffff) * 0x5bd1e995 + ((h >>> 16) * 0xe995 << 16); } // Handle the last few bytes of the input array switch (len) { case 3: h ^= (str.charCodeAt(i + 2) & 0xff) << 16; case 2: h ^= (str.charCodeAt(i + 1) & 0xff) << 8; case 1: h ^= str.charCodeAt(i) & 0xff; h = /* Math.imul(h, m): */ (h & 0xffff) * 0x5bd1e995 + ((h >>> 16) * 0xe995 << 16); } // Do a few final mixes of the hash to ensure the last few // bytes are well-incorporated. h ^= h >>> 13; h = /* Math.imul(h, m): */ (h & 0xffff) * 0x5bd1e995 + ((h >>> 16) * 0xe995 << 16); return ((h ^ h >>> 15) >>> 0).toString(36); } /***/ }), /***/ "./node_modules/@emotion/unitless/dist/emotion-unitless.esm.js": /*!*********************************************************************!*\ !*** ./node_modules/@emotion/unitless/dist/emotion-unitless.esm.js ***! \*********************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ unitlessKeys) /* harmony export */ }); var unitlessKeys = { animationIterationCount: 1, aspectRatio: 1, borderImageOutset: 1, borderImageSlice: 1, borderImageWidth: 1, boxFlex: 1, boxFlexGroup: 1, boxOrdinalGroup: 1, columnCount: 1, columns: 1, flex: 1, flexGrow: 1, flexPositive: 1, flexShrink: 1, flexNegative: 1, flexOrder: 1, gridRow: 1, gridRowEnd: 1, gridRowSpan: 1, gridRowStart: 1, gridColumn: 1, gridColumnEnd: 1, gridColumnSpan: 1, gridColumnStart: 1, msGridRow: 1, msGridRowSpan: 1, msGridColumn: 1, msGridColumnSpan: 1, fontWeight: 1, lineHeight: 1, opacity: 1, order: 1, orphans: 1, tabSize: 1, widows: 1, zIndex: 1, zoom: 1, WebkitLineClamp: 1, // SVG-related properties fillOpacity: 1, floodOpacity: 1, stopOpacity: 1, strokeDasharray: 1, strokeDashoffset: 1, strokeMiterlimit: 1, strokeOpacity: 1, strokeWidth: 1 }; /***/ }), /***/ "./node_modules/async-validator/dist-web/index.js": /*!********************************************************!*\ !*** ./node_modules/async-validator/dist-web/index.js ***! \********************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ Schema) /* harmony export */ }); function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); } function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); } function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); } function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } function _construct(Parent, args, Class) { if (_isNativeReflectConstruct()) { _construct = Reflect.construct.bind(); } else { _construct = function _construct(Parent, args, Class) { var a = [null]; a.push.apply(a, args); var Constructor = Function.bind.apply(Parent, a); var instance = new Constructor(); if (Class) _setPrototypeOf(instance, Class.prototype); return instance; }; } return _construct.apply(null, arguments); } function _isNativeFunction(fn) { return Function.toString.call(fn).indexOf("[native code]") !== -1; } function _wrapNativeSuper(Class) { var _cache = typeof Map === "function" ? new Map() : undefined; _wrapNativeSuper = function _wrapNativeSuper(Class) { if (Class === null || !_isNativeFunction(Class)) return Class; if (typeof Class !== "function") { throw new TypeError("Super expression must either be null or a function"); } if (typeof _cache !== "undefined") { if (_cache.has(Class)) return _cache.get(Class); _cache.set(Class, Wrapper); } function Wrapper() { return _construct(Class, arguments, _getPrototypeOf(this).constructor); } Wrapper.prototype = Object.create(Class.prototype, { constructor: { value: Wrapper, enumerable: false, writable: true, configurable: true } }); return _setPrototypeOf(Wrapper, Class); }; return _wrapNativeSuper(Class); } /* eslint no-console:0 */ var formatRegExp = /%[sdj%]/g; var warning = function warning() {}; // don't print warning message when in production env or node runtime if (typeof process !== 'undefined' && process.env && "development" !== 'production' && typeof window !== 'undefined' && typeof document !== 'undefined') { warning = function warning(type, errors) { if (typeof console !== 'undefined' && console.warn && typeof ASYNC_VALIDATOR_NO_WARNING === 'undefined') { if (errors.every(function (e) { return typeof e === 'string'; })) { console.warn(type, errors); } } }; } function convertFieldsError(errors) { if (!errors || !errors.length) return null; var fields = {}; errors.forEach(function (error) { var field = error.field; fields[field] = fields[field] || []; fields[field].push(error); }); return fields; } function format(template) { for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) { args[_key - 1] = arguments[_key]; } var i = 0; var len = args.length; if (typeof template === 'function') { return template.apply(null, args); } if (typeof template === 'string') { var str = template.replace(formatRegExp, function (x) { if (x === '%%') { return '%'; } if (i >= len) { return x; } switch (x) { case '%s': return String(args[i++]); case '%d': return Number(args[i++]); case '%j': try { return JSON.stringify(args[i++]); } catch (_) { return '[Circular]'; } break; default: return x; } }); return str; } return template; } function isNativeStringType(type) { return type === 'string' || type === 'url' || type === 'hex' || type === 'email' || type === 'date' || type === 'pattern'; } function isEmptyValue(value, type) { if (value === undefined || value === null) { return true; } if (type === 'array' && Array.isArray(value) && !value.length) { return true; } if (isNativeStringType(type) && typeof value === 'string' && !value) { return true; } return false; } function asyncParallelArray(arr, func, callback) { var results = []; var total = 0; var arrLength = arr.length; function count(errors) { results.push.apply(results, errors || []); total++; if (total === arrLength) { callback(results); } } arr.forEach(function (a) { func(a, count); }); } function asyncSerialArray(arr, func, callback) { var index = 0; var arrLength = arr.length; function next(errors) { if (errors && errors.length) { callback(errors); return; } var original = index; index = index + 1; if (original < arrLength) { func(arr[original], next); } else { callback([]); } } next([]); } function flattenObjArr(objArr) { var ret = []; Object.keys(objArr).forEach(function (k) { ret.push.apply(ret, objArr[k] || []); }); return ret; } var AsyncValidationError = /*#__PURE__*/function (_Error) { _inheritsLoose(AsyncValidationError, _Error); function AsyncValidationError(errors, fields) { var _this; _this = _Error.call(this, 'Async Validation Error') || this; _this.errors = errors; _this.fields = fields; return _this; } return AsyncValidationError; }( /*#__PURE__*/_wrapNativeSuper(Error)); function asyncMap(objArr, option, func, callback, source) { if (option.first) { var _pending = new Promise(function (resolve, reject) { var next = function next(errors) { callback(errors); return errors.length ? reject(new AsyncValidationError(errors, convertFieldsError(errors))) : resolve(source); }; var flattenArr = flattenObjArr(objArr); asyncSerialArray(flattenArr, func, next); }); _pending["catch"](function (e) { return e; }); return _pending; } var firstFields = option.firstFields === true ? Object.keys(objArr) : option.firstFields || []; var objArrKeys = Object.keys(objArr); var objArrLength = objArrKeys.length; var total = 0; var results = []; var pending = new Promise(function (resolve, reject) { var next = function next(errors) { results.push.apply(results, errors); total++; if (total === objArrLength) { callback(results); return results.length ? reject(new AsyncValidationError(results, convertFieldsError(results))) : resolve(source); } }; if (!objArrKeys.length) { callback(results); resolve(source); } objArrKeys.forEach(function (key) { var arr = objArr[key]; if (firstFields.indexOf(key) !== -1) { asyncSerialArray(arr, func, next); } else { asyncParallelArray(arr, func, next); } }); }); pending["catch"](function (e) { return e; }); return pending; } function isErrorObj(obj) { return !!(obj && obj.message !== undefined); } function getValue(value, path) { var v = value; for (var i = 0; i < path.length; i++) { if (v == undefined) { return v; } v = v[path[i]]; } return v; } function complementError(rule, source) { return function (oe) { var fieldValue; if (rule.fullFields) { fieldValue = getValue(source, rule.fullFields); } else { fieldValue = source[oe.field || rule.fullField]; } if (isErrorObj(oe)) { oe.field = oe.field || rule.fullField; oe.fieldValue = fieldValue; return oe; } return { message: typeof oe === 'function' ? oe() : oe, fieldValue: fieldValue, field: oe.field || rule.fullField }; }; } function deepMerge(target, source) { if (source) { for (var s in source) { if (source.hasOwnProperty(s)) { var value = source[s]; if (typeof value === 'object' && typeof target[s] === 'object') { target[s] = _extends({}, target[s], value); } else { target[s] = value; } } } } return target; } var required$1 = function required(rule, value, source, errors, options, type) { if (rule.required && (!source.hasOwnProperty(rule.field) || isEmptyValue(value, type || rule.type))) { errors.push(format(options.messages.required, rule.fullField)); } }; /** * Rule for validating whitespace. * * @param rule The validation rule. * @param value The value of the field on the source object. * @param source The source object being validated. * @param errors An array of errors that this rule may add * validation errors to. * @param options The validation options. * @param options.messages The validation messages. */ var whitespace = function whitespace(rule, value, source, errors, options) { if (/^\s+$/.test(value) || value === '') { errors.push(format(options.messages.whitespace, rule.fullField)); } }; // https://github.com/kevva/url-regex/blob/master/index.js var urlReg; var getUrlRegex = (function () { if (urlReg) { return urlReg; } var word = '[a-fA-F\\d:]'; var b = function b(options) { return options && options.includeBoundaries ? "(?:(?<=\\s|^)(?=" + word + ")|(?<=" + word + ")(?=\\s|$))" : ''; }; var v4 = '(?:25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]\\d|\\d)(?:\\.(?:25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]\\d|\\d)){3}'; var v6seg = '[a-fA-F\\d]{1,4}'; var v6 = ("\n(?:\n(?:" + v6seg + ":){7}(?:" + v6seg + "|:)| // 1:2:3:4:5:6:7:: 1:2:3:4:5:6:7:8\n(?:" + v6seg + ":){6}(?:" + v4 + "|:" + v6seg + "|:)| // 1:2:3:4:5:6:: 1:2:3:4:5:6::8 1:2:3:4:5:6::8 1:2:3:4:5:6::1.2.3.4\n(?:" + v6seg + ":){5}(?::" + v4 + "|(?::" + v6seg + "){1,2}|:)| // 1:2:3:4:5:: 1:2:3:4:5::7:8 1:2:3:4:5::8 1:2:3:4:5::7:1.2.3.4\n(?:" + v6seg + ":){4}(?:(?::" + v6seg + "){0,1}:" + v4 + "|(?::" + v6seg + "){1,3}|:)| // 1:2:3:4:: 1:2:3:4::6:7:8 1:2:3:4::8 1:2:3:4::6:7:1.2.3.4\n(?:" + v6seg + ":){3}(?:(?::" + v6seg + "){0,2}:" + v4 + "|(?::" + v6seg + "){1,4}|:)| // 1:2:3:: 1:2:3::5:6:7:8 1:2:3::8 1:2:3::5:6:7:1.2.3.4\n(?:" + v6seg + ":){2}(?:(?::" + v6seg + "){0,3}:" + v4 + "|(?::" + v6seg + "){1,5}|:)| // 1:2:: 1:2::4:5:6:7:8 1:2::8 1:2::4:5:6:7:1.2.3.4\n(?:" + v6seg + ":){1}(?:(?::" + v6seg + "){0,4}:" + v4 + "|(?::" + v6seg + "){1,6}|:)| // 1:: 1::3:4:5:6:7:8 1::8 1::3:4:5:6:7:1.2.3.4\n(?::(?:(?::" + v6seg + "){0,5}:" + v4 + "|(?::" + v6seg + "){1,7}|:)) // ::2:3:4:5:6:7:8 ::2:3:4:5:6:7:8 ::8 ::1.2.3.4\n)(?:%[0-9a-zA-Z]{1,})? // %eth0 %1\n").replace(/\s*\/\/.*$/gm, '').replace(/\n/g, '').trim(); // Pre-compile only the exact regexes because adding a global flag make regexes stateful var v46Exact = new RegExp("(?:^" + v4 + "$)|(?:^" + v6 + "$)"); var v4exact = new RegExp("^" + v4 + "$"); var v6exact = new RegExp("^" + v6 + "$"); var ip = function ip(options) { return options && options.exact ? v46Exact : new RegExp("(?:" + b(options) + v4 + b(options) + ")|(?:" + b(options) + v6 + b(options) + ")", 'g'); }; ip.v4 = function (options) { return options && options.exact ? v4exact : new RegExp("" + b(options) + v4 + b(options), 'g'); }; ip.v6 = function (options) { return options && options.exact ? v6exact : new RegExp("" + b(options) + v6 + b(options), 'g'); }; var protocol = "(?:(?:[a-z]+:)?//)"; var auth = '(?:\\S+(?::\\S*)?@)?'; var ipv4 = ip.v4().source; var ipv6 = ip.v6().source; var host = "(?:(?:[a-z\\u00a1-\\uffff0-9][-_]*)*[a-z\\u00a1-\\uffff0-9]+)"; var domain = "(?:\\.(?:[a-z\\u00a1-\\uffff0-9]-*)*[a-z\\u00a1-\\uffff0-9]+)*"; var tld = "(?:\\.(?:[a-z\\u00a1-\\uffff]{2,}))"; var port = '(?::\\d{2,5})?'; var path = '(?:[/?#][^\\s"]*)?'; var regex = "(?:" + protocol + "|www\\.)" + auth + "(?:localhost|" + ipv4 + "|" + ipv6 + "|" + host + domain + tld + ")" + port + path; urlReg = new RegExp("(?:^" + regex + "$)", 'i'); return urlReg; }); /* eslint max-len:0 */ var pattern$2 = { // http://emailregex.com/ email: /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+\.)+[a-zA-Z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]{2,}))$/, // url: new RegExp( // '^(?!mailto:)(?:(?:http|https|ftp)://|//)(?:\\S+(?::\\S*)?@)?(?:(?:(?:[1-9]\\d?|1\\d\\d|2[01]\\d|22[0-3])(?:\\.(?:1?\\d{1,2}|2[0-4]\\d|25[0-5])){2}(?:\\.(?:[0-9]\\d?|1\\d\\d|2[0-4]\\d|25[0-4]))|(?:(?:[a-z\\u00a1-\\uffff0-9]+-*)*[a-z\\u00a1-\\uffff0-9]+)(?:\\.(?:[a-z\\u00a1-\\uffff0-9]+-*)*[a-z\\u00a1-\\uffff0-9]+)*(?:\\.(?:[a-z\\u00a1-\\uffff]{2,})))|localhost)(?::\\d{2,5})?(?:(/|\\?|#)[^\\s]*)?$', // 'i', // ), hex: /^#?([a-f0-9]{6}|[a-f0-9]{3})$/i }; var types = { integer: function integer(value) { return types.number(value) && parseInt(value, 10) === value; }, "float": function float(value) { return types.number(value) && !types.integer(value); }, array: function array(value) { return Array.isArray(value); }, regexp: function regexp(value) { if (value instanceof RegExp) { return true; } try { return !!new RegExp(value); } catch (e) { return false; } }, date: function date(value) { return typeof value.getTime === 'function' && typeof value.getMonth === 'function' && typeof value.getYear === 'function' && !isNaN(value.getTime()); }, number: function number(value) { if (isNaN(value)) { return false; } return typeof value === 'number'; }, object: function object(value) { return typeof value === 'object' && !types.array(value); }, method: function method(value) { return typeof value === 'function'; }, email: function email(value) { return typeof value === 'string' && value.length <= 320 && !!value.match(pattern$2.email); }, url: function url(value) { return typeof value === 'string' && value.length <= 2048 && !!value.match(getUrlRegex()); }, hex: function hex(value) { return typeof value === 'string' && !!value.match(pattern$2.hex); } }; var type$1 = function type(rule, value, source, errors, options) { if (rule.required && value === undefined) { required$1(rule, value, source, errors, options); return; } var custom = ['integer', 'float', 'array', 'regexp', 'object', 'method', 'email', 'number', 'date', 'url', 'hex']; var ruleType = rule.type; if (custom.indexOf(ruleType) > -1) { if (!types[ruleType](value)) { errors.push(format(options.messages.types[ruleType], rule.fullField, rule.type)); } // straight typeof check } else if (ruleType && typeof value !== rule.type) { errors.push(format(options.messages.types[ruleType], rule.fullField, rule.type)); } }; var range = function range(rule, value, source, errors, options) { var len = typeof rule.len === 'number'; var min = typeof rule.min === 'number'; var max = typeof rule.max === 'number'; // 正则匹配码点范围从U+010000一直到U+10FFFF的文字(补充平面Supplementary Plane) var spRegexp = /[\uD800-\uDBFF][\uDC00-\uDFFF]/g; var val = value; var key = null; var num = typeof value === 'number'; var str = typeof value === 'string'; var arr = Array.isArray(value); if (num) { key = 'number'; } else if (str) { key = 'string'; } else if (arr) { key = 'array'; } // if the value is not of a supported type for range validation // the validation rule rule should use the // type property to also test for a particular type if (!key) { return false; } if (arr) { val = value.length; } if (str) { // 处理码点大于U+010000的文字length属性不准确的bug,如"𠮷𠮷𠮷".lenght !== 3 val = value.replace(spRegexp, '_').length; } if (len) { if (val !== rule.len) { errors.push(format(options.messages[key].len, rule.fullField, rule.len)); } } else if (min && !max && val < rule.min) { errors.push(format(options.messages[key].min, rule.fullField, rule.min)); } else if (max && !min && val > rule.max) { errors.push(format(options.messages[key].max, rule.fullField, rule.max)); } else if (min && max && (val < rule.min || val > rule.max)) { errors.push(format(options.messages[key].range, rule.fullField, rule.min, rule.max)); } }; var ENUM$1 = 'enum'; var enumerable$1 = function enumerable(rule, value, source, errors, options) { rule[ENUM$1] = Array.isArray(rule[ENUM$1]) ? rule[ENUM$1] : []; if (rule[ENUM$1].indexOf(value) === -1) { errors.push(format(options.messages[ENUM$1], rule.fullField, rule[ENUM$1].join(', '))); } }; var pattern$1 = function pattern(rule, value, source, errors, options) { if (rule.pattern) { if (rule.pattern instanceof RegExp) { // if a RegExp instance is passed, reset `lastIndex` in case its `global` // flag is accidentally set to `true`, which in a validation scenario // is not necessary and the result might be misleading rule.pattern.lastIndex = 0; if (!rule.pattern.test(value)) { errors.push(format(options.messages.pattern.mismatch, rule.fullField, value, rule.pattern)); } } else if (typeof rule.pattern === 'string') { var _pattern = new RegExp(rule.pattern); if (!_pattern.test(value)) { errors.push(format(options.messages.pattern.mismatch, rule.fullField, value, rule.pattern)); } } } }; var rules = { required: required$1, whitespace: whitespace, type: type$1, range: range, "enum": enumerable$1, pattern: pattern$1 }; var string = function string(rule, value, callback, source, options) { var errors = []; var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field); if (validate) { if (isEmptyValue(value, 'string') && !rule.required) { return callback(); } rules.required(rule, value, source, errors, options, 'string'); if (!isEmptyValue(value, 'string')) { rules.type(rule, value, source, errors, options); rules.range(rule, value, source, errors, options); rules.pattern(rule, value, source, errors, options); if (rule.whitespace === true) { rules.whitespace(rule, value, source, errors, options); } } } callback(errors); }; var method = function method(rule, value, callback, source, options) { var errors = []; var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field); if (validate) { if (isEmptyValue(value) && !rule.required) { return callback(); } rules.required(rule, value, source, errors, options); if (value !== undefined) { rules.type(rule, value, source, errors, options); } } callback(errors); }; var number = function number(rule, value, callback, source, options) { var errors = []; var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field); if (validate) { if (value === '') { value = undefined; } if (isEmptyValue(value) && !rule.required) { return callback(); } rules.required(rule, value, source, errors, options); if (value !== undefined) { rules.type(rule, value, source, errors, options); rules.range(rule, value, source, errors, options); } } callback(errors); }; var _boolean = function _boolean(rule, value, callback, source, options) { var errors = []; var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field); if (validate) { if (isEmptyValue(value) && !rule.required) { return callback(); } rules.required(rule, value, source, errors, options); if (value !== undefined) { rules.type(rule, value, source, errors, options); } } callback(errors); }; var regexp = function regexp(rule, value, callback, source, options) { var errors = []; var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field); if (validate) { if (isEmptyValue(value) && !rule.required) { return callback(); } rules.required(rule, value, source, errors, options); if (!isEmptyValue(value)) { rules.type(rule, value, source, errors, options); } } callback(errors); }; var integer = function integer(rule, value, callback, source, options) { var errors = []; var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field); if (validate) { if (isEmptyValue(value) && !rule.required) { return callback(); } rules.required(rule, value, source, errors, options); if (value !== undefined) { rules.type(rule, value, source, errors, options); rules.range(rule, value, source, errors, options); } } callback(errors); }; var floatFn = function floatFn(rule, value, callback, source, options) { var errors = []; var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field); if (validate) { if (isEmptyValue(value) && !rule.required) { return callback(); } rules.required(rule, value, source, errors, options); if (value !== undefined) { rules.type(rule, value, source, errors, options); rules.range(rule, value, source, errors, options); } } callback(errors); }; var array = function array(rule, value, callback, source, options) { var errors = []; var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field); if (validate) { if ((value === undefined || value === null) && !rule.required) { return callback(); } rules.required(rule, value, source, errors, options, 'array'); if (value !== undefined && value !== null) { rules.type(rule, value, source, errors, options); rules.range(rule, value, source, errors, options); } } callback(errors); }; var object = function object(rule, value, callback, source, options) { var errors = []; var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field); if (validate) { if (isEmptyValue(value) && !rule.required) { return callback(); } rules.required(rule, value, source, errors, options); if (value !== undefined) { rules.type(rule, value, source, errors, options); } } callback(errors); }; var ENUM = 'enum'; var enumerable = function enumerable(rule, value, callback, source, options) { var errors = []; var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field); if (validate) { if (isEmptyValue(value) && !rule.required) { return callback(); } rules.required(rule, value, source, errors, options); if (value !== undefined) { rules[ENUM](rule, value, source, errors, options); } } callback(errors); }; var pattern = function pattern(rule, value, callback, source, options) { var errors = []; var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field); if (validate) { if (isEmptyValue(value, 'string') && !rule.required) { return callback(); } rules.required(rule, value, source, errors, options); if (!isEmptyValue(value, 'string')) { rules.pattern(rule, value, source, errors, options); } } callback(errors); }; var date = function date(rule, value, callback, source, options) { // console.log('integer rule called %j', rule); var errors = []; var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field); // console.log('validate on %s value', value); if (validate) { if (isEmptyValue(value, 'date') && !rule.required) { return callback(); } rules.required(rule, value, source, errors, options); if (!isEmptyValue(value, 'date')) { var dateObject; if (value instanceof Date) { dateObject = value; } else { dateObject = new Date(value); } rules.type(rule, dateObject, source, errors, options); if (dateObject) { rules.range(rule, dateObject.getTime(), source, errors, options); } } } callback(errors); }; var required = function required(rule, value, callback, source, options) { var errors = []; var type = Array.isArray(value) ? 'array' : typeof value; rules.required(rule, value, source, errors, options, type); callback(errors); }; var type = function type(rule, value, callback, source, options) { var ruleType = rule.type; var errors = []; var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field); if (validate) { if (isEmptyValue(value, ruleType) && !rule.required) { return callback(); } rules.required(rule, value, source, errors, options, ruleType); if (!isEmptyValue(value, ruleType)) { rules.type(rule, value, source, errors, options); } } callback(errors); }; var any = function any(rule, value, callback, source, options) { var errors = []; var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field); if (validate) { if (isEmptyValue(value) && !rule.required) { return callback(); } rules.required(rule, value, source, errors, options); } callback(errors); }; var validators = { string: string, method: method, number: number, "boolean": _boolean, regexp: regexp, integer: integer, "float": floatFn, array: array, object: object, "enum": enumerable, pattern: pattern, date: date, url: type, hex: type, email: type, required: required, any: any }; function newMessages() { return { "default": 'Validation error on field %s', required: '%s is required', "enum": '%s must be one of %s', whitespace: '%s cannot be empty', date: { format: '%s date %s is invalid for format %s', parse: '%s date could not be parsed, %s is invalid ', invalid: '%s date %s is invalid' }, types: { string: '%s is not a %s', method: '%s is not a %s (function)', array: '%s is not an %s', object: '%s is not an %s', number: '%s is not a %s', date: '%s is not a %s', "boolean": '%s is not a %s', integer: '%s is not an %s', "float": '%s is not a %s', regexp: '%s is not a valid %s', email: '%s is not a valid %s', url: '%s is not a valid %s', hex: '%s is not a valid %s' }, string: { len: '%s must be exactly %s characters', min: '%s must be at least %s characters', max: '%s cannot be longer than %s characters', range: '%s must be between %s and %s characters' }, number: { len: '%s must equal %s', min: '%s cannot be less than %s', max: '%s cannot be greater than %s', range: '%s must be between %s and %s' }, array: { len: '%s must be exactly %s in length', min: '%s cannot be less than %s in length', max: '%s cannot be greater than %s in length', range: '%s must be between %s and %s in length' }, pattern: { mismatch: '%s value %s does not match pattern %s' }, clone: function clone() { var cloned = JSON.parse(JSON.stringify(this)); cloned.clone = this.clone; return cloned; } }; } var messages = newMessages(); /** * Encapsulates a validation schema. * * @param descriptor An object declaring validation rules * for this schema. */ var Schema = /*#__PURE__*/function () { // ========================= Static ========================= // ======================== Instance ======================== function Schema(descriptor) { this.rules = null; this._messages = messages; this.define(descriptor); } var _proto = Schema.prototype; _proto.define = function define(rules) { var _this = this; if (!rules) { throw new Error('Cannot configure a schema with no rules'); } if (typeof rules !== 'object' || Array.isArray(rules)) { throw new Error('Rules must be an object'); } this.rules = {}; Object.keys(rules).forEach(function (name) { var item = rules[name]; _this.rules[name] = Array.isArray(item) ? item : [item]; }); }; _proto.messages = function messages(_messages) { if (_messages) { this._messages = deepMerge(newMessages(), _messages); } return this._messages; }; _proto.validate = function validate(source_, o, oc) { var _this2 = this; if (o === void 0) { o = {}; } if (oc === void 0) { oc = function oc() {}; } var source = source_; var options = o; var callback = oc; if (typeof options === 'function') { callback = options; options = {}; } if (!this.rules || Object.keys(this.rules).length === 0) { if (callback) { callback(null, source); } return Promise.resolve(source); } function complete(results) { var errors = []; var fields = {}; function add(e) { if (Array.isArray(e)) { var _errors; errors = (_errors = errors).concat.apply(_errors, e); } else { errors.push(e); } } for (var i = 0; i < results.length; i++) { add(results[i]); } if (!errors.length) { callback(null, source); } else { fields = convertFieldsError(errors); callback(errors, fields); } } if (options.messages) { var messages$1 = this.messages(); if (messages$1 === messages) { messages$1 = newMessages(); } deepMerge(messages$1, options.messages); options.messages = messages$1; } else { options.messages = this.messages(); } var series = {}; var keys = options.keys || Object.keys(this.rules); keys.forEach(function (z) { var arr = _this2.rules[z]; var value = source[z]; arr.forEach(function (r) { var rule = r; if (typeof rule.transform === 'function') { if (source === source_) { source = _extends({}, source); } value = source[z] = rule.transform(value); } if (typeof rule === 'function') { rule = { validator: rule }; } else { rule = _extends({}, rule); } // Fill validator. Skip if nothing need to validate rule.validator = _this2.getValidationMethod(rule); if (!rule.validator) { return; } rule.field = z; rule.fullField = rule.fullField || z; rule.type = _this2.getType(rule); series[z] = series[z] || []; series[z].push({ rule: rule, value: value, source: source, field: z }); }); }); var errorFields = {}; return asyncMap(series, options, function (data, doIt) { var rule = data.rule; var deep = (rule.type === 'object' || rule.type === 'array') && (typeof rule.fields === 'object' || typeof rule.defaultField === 'object'); deep = deep && (rule.required || !rule.required && data.value); rule.field = data.field; function addFullField(key, schema) { return _extends({}, schema, { fullField: rule.fullField + "." + key, fullFields: rule.fullFields ? [].concat(rule.fullFields, [key]) : [key] }); } function cb(e) { if (e === void 0) { e = []; } var errorList = Array.isArray(e) ? e : [e]; if (!options.suppressWarning && errorList.length) { Schema.warning('async-validator:', errorList); } if (errorList.length && rule.message !== undefined) { errorList = [].concat(rule.message); } // Fill error info var filledErrors = errorList.map(complementError(rule, source)); if (options.first && filledErrors.length) { errorFields[rule.field] = 1; return doIt(filledErrors); } if (!deep) { doIt(filledErrors); } else { // if rule is required but the target object // does not exist fail at the rule level and don't // go deeper if (rule.required && !data.value) { if (rule.message !== undefined) { filledErrors = [].concat(rule.message).map(complementError(rule, source)); } else if (options.error) { filledErrors = [options.error(rule, format(options.messages.required, rule.field))]; } return doIt(filledErrors); } var fieldsSchema = {}; if (rule.defaultField) { Object.keys(data.value).map(function (key) { fieldsSchema[key] = rule.defaultField; }); } fieldsSchema = _extends({}, fieldsSchema, data.rule.fields); var paredFieldsSchema = {}; Object.keys(fieldsSchema).forEach(function (field) { var fieldSchema = fieldsSchema[field]; var fieldSchemaList = Array.isArray(fieldSchema) ? fieldSchema : [fieldSchema]; paredFieldsSchema[field] = fieldSchemaList.map(addFullField.bind(null, field)); }); var schema = new Schema(paredFieldsSchema); schema.messages(options.messages); if (data.rule.options) { data.rule.options.messages = options.messages; data.rule.options.error = options.error; } schema.validate(data.value, data.rule.options || options, function (errs) { var finalErrors = []; if (filledErrors && filledErrors.length) { finalErrors.push.apply(finalErrors, filledErrors); } if (errs && errs.length) { finalErrors.push.apply(finalErrors, errs); } doIt(finalErrors.length ? finalErrors : null); }); } } var res; if (rule.asyncValidator) { res = rule.asyncValidator(rule, data.value, cb, data.source, options); } else if (rule.validator) { try { res = rule.validator(rule, data.value, cb, data.source, options); } catch (error) { console.error == null ? void 0 : console.error(error); // rethrow to report error if (!options.suppressValidatorError) { setTimeout(function () { throw error; }, 0); } cb(error.message); } if (res === true) { cb(); } else if (res === false) { cb(typeof rule.message === 'function' ? rule.message(rule.fullField || rule.field) : rule.message || (rule.fullField || rule.field) + " fails"); } else if (res instanceof Array) { cb(res); } else if (res instanceof Error) { cb(res.message); } } if (res && res.then) { res.then(function () { return cb(); }, function (e) { return cb(e); }); } }, function (results) { complete(results); }, source); }; _proto.getType = function getType(rule) { if (rule.type === undefined && rule.pattern instanceof RegExp) { rule.type = 'pattern'; } if (typeof rule.validator !== 'function' && rule.type && !validators.hasOwnProperty(rule.type)) { throw new Error(format('Unknown rule type %s', rule.type)); } return rule.type || 'string'; }; _proto.getValidationMethod = function getValidationMethod(rule) { if (typeof rule.validator === 'function') { return rule.validator; } var keys = Object.keys(rule); var messageIndex = keys.indexOf('message'); if (messageIndex !== -1) { keys.splice(messageIndex, 1); } if (keys.length === 1 && keys[0] === 'required') { return validators.required; } return validators[this.getType(rule)] || undefined; }; return Schema; }(); Schema.register = function register(type, validator) { if (typeof validator !== 'function') { throw new Error('Cannot register a validator by type, validator is not a function'); } validators[type] = validator; }; Schema.warning = warning; Schema.messages = messages; Schema.validators = validators; //# sourceMappingURL=index.js.map /***/ }), /***/ "./components/_util/supportsPassive.js": /*!*********************************************!*\ !*** ./components/_util/supportsPassive.js ***! \*********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); // Test via a getter in the options object to see if the passive property is accessed let supportsPassive = false; try { const opts = Object.defineProperty({}, 'passive', { get() { supportsPassive = true; } }); window.addEventListener('testPassive', null, opts); window.removeEventListener('testPassive', null, opts); } catch (e) {} /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (supportsPassive); /***/ }), /***/ "./components/vc-slick/arrows.jsx": /*!****************************************!*\ !*** ./components/vc-slick/arrows.jsx ***! \****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ NextArrow: () => (/* binding */ NextArrow), /* harmony export */ PrevArrow: () => (/* binding */ PrevArrow) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _util_vnode__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../_util/vnode */ "./components/_util/vnode.ts"); /* harmony import */ var _utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils/innerSliderUtils */ "./components/vc-slick/utils/innerSliderUtils.js"); function noop() {} function handler(options, handle, e) { if (e) { e.preventDefault(); } handle(options, e); } const PrevArrow = (_, _ref) => { let { attrs } = _ref; const { clickHandler, infinite, currentSlide, slideCount, slidesToShow } = attrs; const prevClasses = { 'slick-arrow': true, 'slick-prev': true }; let prevHandler = function (e) { handler({ message: 'previous' }, clickHandler, e); }; if (!infinite && (currentSlide === 0 || slideCount <= slidesToShow)) { prevClasses['slick-disabled'] = true; prevHandler = noop; } const prevArrowProps = { key: '0', 'data-role': 'none', class: prevClasses, style: { display: 'block' }, onClick: prevHandler }; const customProps = { currentSlide, slideCount }; let prevArrow; if (attrs.prevArrow) { prevArrow = (0,_util_vnode__WEBPACK_IMPORTED_MODULE_2__.cloneElement)(attrs.prevArrow((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, prevArrowProps), customProps)), { key: '0', class: prevClasses, style: { display: 'block' }, onClick: prevHandler }, false); } else { prevArrow = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("button", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "key": "0", "type": "button" }, prevArrowProps), [' ', (0,vue__WEBPACK_IMPORTED_MODULE_1__.createTextVNode)("Previous")]); } return prevArrow; }; PrevArrow.inheritAttrs = false; const NextArrow = (_, _ref2) => { let { attrs } = _ref2; const { clickHandler, currentSlide, slideCount } = attrs; const nextClasses = { 'slick-arrow': true, 'slick-next': true }; let nextHandler = function (e) { handler({ message: 'next' }, clickHandler, e); }; if (!(0,_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_3__.canGoNext)(attrs)) { nextClasses['slick-disabled'] = true; nextHandler = noop; } const nextArrowProps = { key: '1', 'data-role': 'none', class: (0,_util_classNames__WEBPACK_IMPORTED_MODULE_4__["default"])(nextClasses), style: { display: 'block' }, onClick: nextHandler }; const customProps = { currentSlide, slideCount }; let nextArrow; if (attrs.nextArrow) { nextArrow = (0,_util_vnode__WEBPACK_IMPORTED_MODULE_2__.cloneElement)(attrs.nextArrow((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, nextArrowProps), customProps)), { key: '1', class: (0,_util_classNames__WEBPACK_IMPORTED_MODULE_4__["default"])(nextClasses), style: { display: 'block' }, onClick: nextHandler }, false); } else { nextArrow = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("button", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "key": "1", "type": "button" }, nextArrowProps), [' ', (0,vue__WEBPACK_IMPORTED_MODULE_1__.createTextVNode)("Next")]); } return nextArrow; }; NextArrow.inheritAttrs = false; /***/ }), /***/ "./components/vc-slick/default-props.js": /*!**********************************************!*\ !*** ./components/vc-slick/default-props.js ***! \**********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); const defaultProps = { accessibility: { type: Boolean, default: true }, // 自定义高度 adaptiveHeight: { type: Boolean, default: false }, afterChange: _util_vue_types__WEBPACK_IMPORTED_MODULE_0__["default"].any.def(null), arrows: { type: Boolean, default: true }, autoplay: { type: Boolean, default: false }, autoplaySpeed: _util_vue_types__WEBPACK_IMPORTED_MODULE_0__["default"].number.def(3000), beforeChange: _util_vue_types__WEBPACK_IMPORTED_MODULE_0__["default"].any.def(null), centerMode: { type: Boolean, default: false }, centerPadding: _util_vue_types__WEBPACK_IMPORTED_MODULE_0__["default"].string.def('50px'), cssEase: _util_vue_types__WEBPACK_IMPORTED_MODULE_0__["default"].string.def('ease'), dots: { type: Boolean, default: false }, dotsClass: _util_vue_types__WEBPACK_IMPORTED_MODULE_0__["default"].string.def('slick-dots'), draggable: { type: Boolean, default: true }, unslick: { type: Boolean, default: false }, easing: _util_vue_types__WEBPACK_IMPORTED_MODULE_0__["default"].string.def('linear'), edgeFriction: _util_vue_types__WEBPACK_IMPORTED_MODULE_0__["default"].number.def(0.35), fade: { type: Boolean, default: false }, focusOnSelect: { type: Boolean, default: false }, infinite: { type: Boolean, default: true }, initialSlide: _util_vue_types__WEBPACK_IMPORTED_MODULE_0__["default"].number.def(0), lazyLoad: _util_vue_types__WEBPACK_IMPORTED_MODULE_0__["default"].any.def(null), verticalSwiping: { type: Boolean, default: false }, asNavFor: _util_vue_types__WEBPACK_IMPORTED_MODULE_0__["default"].any.def(null), // 圆点hover是否暂停 pauseOnDotsHover: { type: Boolean, default: false }, // focus是否暂停 pauseOnFocus: { type: Boolean, default: false }, // hover是否暂停 pauseOnHover: { type: Boolean, default: true }, responsive: _util_vue_types__WEBPACK_IMPORTED_MODULE_0__["default"].array, rows: _util_vue_types__WEBPACK_IMPORTED_MODULE_0__["default"].number.def(1), rtl: { type: Boolean, default: false }, slide: _util_vue_types__WEBPACK_IMPORTED_MODULE_0__["default"].string.def('div'), slidesPerRow: _util_vue_types__WEBPACK_IMPORTED_MODULE_0__["default"].number.def(1), slidesToScroll: _util_vue_types__WEBPACK_IMPORTED_MODULE_0__["default"].number.def(1), slidesToShow: _util_vue_types__WEBPACK_IMPORTED_MODULE_0__["default"].number.def(1), speed: _util_vue_types__WEBPACK_IMPORTED_MODULE_0__["default"].number.def(500), swipe: { type: Boolean, default: true }, swipeEvent: _util_vue_types__WEBPACK_IMPORTED_MODULE_0__["default"].any.def(null), swipeToSlide: { type: Boolean, default: false }, touchMove: { type: Boolean, default: true }, touchThreshold: _util_vue_types__WEBPACK_IMPORTED_MODULE_0__["default"].number.def(5), useCSS: { type: Boolean, default: true }, useTransform: { type: Boolean, default: true }, variableWidth: { type: Boolean, default: false }, vertical: { type: Boolean, default: false }, waitForAnimate: { type: Boolean, default: true }, children: _util_vue_types__WEBPACK_IMPORTED_MODULE_0__["default"].array, __propsSymbol__: _util_vue_types__WEBPACK_IMPORTED_MODULE_0__["default"].any }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (defaultProps); /***/ }), /***/ "./components/vc-slick/dots.jsx": /*!**************************************!*\ !*** ./components/vc-slick/dots.jsx ***! \**************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _util_vnode__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/vnode */ "./components/_util/vnode.ts"); /* harmony import */ var _utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./utils/innerSliderUtils */ "./components/vc-slick/utils/innerSliderUtils.js"); const getDotCount = function (spec) { let dots; if (spec.infinite) { dots = Math.ceil(spec.slideCount / spec.slidesToScroll); } else { dots = Math.ceil((spec.slideCount - spec.slidesToShow) / spec.slidesToScroll) + 1; } return dots; }; const Dots = (_, _ref) => { let { attrs } = _ref; const { slideCount, slidesToScroll, slidesToShow, infinite, currentSlide, appendDots, customPaging, clickHandler, dotsClass, onMouseenter, onMouseover, onMouseleave } = attrs; const dotCount = getDotCount({ slideCount, slidesToScroll, slidesToShow, infinite }); // Apply join & split to Array to pre-fill it for IE8 // // Credit: http://stackoverflow.com/a/13735425/1849458 const mouseEvents = { onMouseenter, onMouseover, onMouseleave }; let dots = []; for (let i = 0; i < dotCount; i++) { const _rightBound = (i + 1) * slidesToScroll - 1; const rightBound = infinite ? _rightBound : (0,_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_2__.clamp)(_rightBound, 0, slideCount - 1); const _leftBound = rightBound - (slidesToScroll - 1); const leftBound = infinite ? _leftBound : (0,_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_2__.clamp)(_leftBound, 0, slideCount - 1); const className = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_3__["default"])({ 'slick-active': infinite ? currentSlide >= leftBound && currentSlide <= rightBound : currentSlide === leftBound }); const dotOptions = { message: 'dots', index: i, slidesToScroll, currentSlide }; function onClick(e) { // In Autoplay the focus stays on clicked button even after transition // to next slide. That only goes away by click somewhere outside if (e) { e.preventDefault(); } clickHandler(dotOptions); } dots = dots.concat((0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("li", { "key": i, "class": className }, [(0,_util_vnode__WEBPACK_IMPORTED_MODULE_4__.cloneElement)(customPaging({ i }), { onClick })])); } return (0,_util_vnode__WEBPACK_IMPORTED_MODULE_4__.cloneElement)(appendDots({ dots }), (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ class: dotsClass }, mouseEvents)); }; Dots.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Dots); /***/ }), /***/ "./components/vc-slick/index.js": /*!**************************************!*\ !*** ./components/vc-slick/index.js ***! \**************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _slider__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./slider */ "./components/vc-slick/slider.jsx"); // base react-slick 0.28.2 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_slider__WEBPACK_IMPORTED_MODULE_0__["default"]); /***/ }), /***/ "./components/vc-slick/initial-state.js": /*!**********************************************!*\ !*** ./components/vc-slick/initial-state.js ***! \**********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); const initialState = { animating: false, autoplaying: null, currentDirection: 0, currentLeft: null, currentSlide: 0, direction: 1, dragging: false, edgeDragged: false, initialized: false, lazyLoadedList: [], listHeight: null, listWidth: null, scrolling: false, slideCount: null, slideHeight: null, slideWidth: null, swipeLeft: null, swiped: false, // used by swipeEvent. differentites between touch and swipe. swiping: false, touchObject: { startX: 0, startY: 0, curX: 0, curY: 0 }, trackStyle: {}, trackWidth: 0, targetSlide: 0 }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (initialState); /***/ }), /***/ "./components/vc-slick/inner-slider.jsx": /*!**********************************************!*\ !*** ./components/vc-slick/inner-slider.jsx ***! \**********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectWithoutProperties */ "./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var lodash_es_debounce__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! lodash-es/debounce */ "./node_modules/lodash-es/debounce.js"); /* harmony import */ var resize_observer_polyfill__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! resize-observer-polyfill */ "./node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _util_BaseMixin__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/BaseMixin */ "./components/_util/BaseMixin.ts"); /* harmony import */ var _default_props__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./default-props */ "./components/vc-slick/default-props.js"); /* harmony import */ var _initial_state__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./initial-state */ "./components/vc-slick/initial-state.js"); /* harmony import */ var _utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./utils/innerSliderUtils */ "./components/vc-slick/utils/innerSliderUtils.js"); /* harmony import */ var _track__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./track */ "./components/vc-slick/track.jsx"); /* harmony import */ var _dots__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./dots */ "./components/vc-slick/dots.jsx"); /* harmony import */ var _arrows__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./arrows */ "./components/vc-slick/arrows.jsx"); /* harmony import */ var _util_supportsPassive__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../_util/supportsPassive */ "./components/_util/supportsPassive.js"); const _excluded = ["animating"]; function noop() {} /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({ name: 'InnerSlider', mixins: [_util_BaseMixin__WEBPACK_IMPORTED_MODULE_4__["default"]], inheritAttrs: false, props: (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])({}, _default_props__WEBPACK_IMPORTED_MODULE_5__["default"]), data() { this.preProps = (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])({}, this.$props); this.list = null; this.track = null; this.callbackTimers = []; this.clickable = true; this.debouncedResize = null; const ssrState = this.ssrInit(); return (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])({}, _initial_state__WEBPACK_IMPORTED_MODULE_6__["default"]), {}, { currentSlide: this.initialSlide, slideCount: this.children.length }, ssrState); }, watch: { autoplay(newValue, oldValue) { if (!oldValue && newValue) { this.handleAutoPlay('playing'); } else if (newValue) { this.handleAutoPlay('update'); } else { this.pause('paused'); } }, __propsSymbol__() { const nextProps = this.$props; const spec = (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])({ listRef: this.list, trackRef: this.track }, nextProps), this.$data); let setTrackStyle = false; for (const key of Object.keys(this.preProps)) { if (!nextProps.hasOwnProperty(key)) { setTrackStyle = true; break; } if (typeof nextProps[key] === 'object' || typeof nextProps[key] === 'function' || typeof nextProps[key] === 'symbol') { continue; } if (nextProps[key] !== this.preProps[key]) { setTrackStyle = true; break; } } this.updateState(spec, setTrackStyle, () => { if (this.currentSlide >= nextProps.children.length) { this.changeSlide({ message: 'index', index: nextProps.children.length - nextProps.slidesToShow, currentSlide: this.currentSlide }); } if (!this.preProps.autoplay && nextProps.autoplay) { this.handleAutoPlay('playing'); } else if (nextProps.autoplay) { this.handleAutoPlay('update'); } else { this.pause('paused'); } }); this.preProps = (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])({}, nextProps); } }, mounted() { this.__emit('init'); if (this.lazyLoad) { const slidesToLoad = (0,_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_7__.getOnDemandLazySlides)((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])({}, this.$props), this.$data)); if (slidesToLoad.length > 0) { this.setState(prevState => ({ lazyLoadedList: prevState.lazyLoadedList.concat(slidesToLoad) })); this.__emit('lazyLoad', slidesToLoad); } } this.$nextTick(() => { const spec = (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])({ listRef: this.list, trackRef: this.track, children: this.children }, this.$props); this.updateState(spec, true, () => { this.adaptHeight(); this.autoplay && this.handleAutoPlay('playing'); }); if (this.lazyLoad === 'progressive') { this.lazyLoadTimer = setInterval(this.progressiveLazyLoad, 1000); } this.ro = new resize_observer_polyfill__WEBPACK_IMPORTED_MODULE_3__["default"](() => { if (this.animating) { this.onWindowResized(false); // don't set trackStyle hence don't break animation this.callbackTimers.push(setTimeout(() => this.onWindowResized(), this.speed)); } else { this.onWindowResized(); } }); this.ro.observe(this.list); document.querySelectorAll && Array.prototype.forEach.call(document.querySelectorAll('.slick-slide'), slide => { slide.onfocus = this.$props.pauseOnFocus ? this.onSlideFocus : null; slide.onblur = this.$props.pauseOnFocus ? this.onSlideBlur : null; }); if (window.addEventListener) { window.addEventListener('resize', this.onWindowResized); } else { window.attachEvent('onresize', this.onWindowResized); } }); }, beforeUnmount() { var _this$ro; if (this.animationEndCallback) { clearTimeout(this.animationEndCallback); } if (this.lazyLoadTimer) { clearInterval(this.lazyLoadTimer); } if (this.callbackTimers.length) { this.callbackTimers.forEach(timer => clearTimeout(timer)); this.callbackTimers = []; } if (window.addEventListener) { window.removeEventListener('resize', this.onWindowResized); } else { window.detachEvent('onresize', this.onWindowResized); } if (this.autoplayTimer) { clearInterval(this.autoplayTimer); } (_this$ro = this.ro) === null || _this$ro === void 0 ? void 0 : _this$ro.disconnect(); }, updated() { this.checkImagesLoad(); this.__emit('reInit'); if (this.lazyLoad) { const slidesToLoad = (0,_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_7__.getOnDemandLazySlides)((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])({}, this.$props), this.$data)); if (slidesToLoad.length > 0) { this.setState(prevState => ({ lazyLoadedList: prevState.lazyLoadedList.concat(slidesToLoad) })); this.__emit('lazyLoad'); } } // if (this.props.onLazyLoad) { // this.props.onLazyLoad([leftMostSlide]) // } this.adaptHeight(); }, methods: { listRefHandler(ref) { this.list = ref; }, trackRefHandler(ref) { this.track = ref; }, adaptHeight() { if (this.adaptiveHeight && this.list) { const elem = this.list.querySelector(`[data-index="${this.currentSlide}"]`); this.list.style.height = (0,_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_7__.getHeight)(elem) + 'px'; } }, onWindowResized(setTrackStyle) { if (this.debouncedResize) this.debouncedResize.cancel(); this.debouncedResize = (0,lodash_es_debounce__WEBPACK_IMPORTED_MODULE_8__["default"])(() => this.resizeWindow(setTrackStyle), 50); this.debouncedResize(); }, resizeWindow() { let setTrackStyle = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true; const isTrackMounted = Boolean(this.track); if (!isTrackMounted) return; const spec = (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])({ listRef: this.list, trackRef: this.track, children: this.children }, this.$props), this.$data); this.updateState(spec, setTrackStyle, () => { if (this.autoplay) { this.handleAutoPlay('update'); } else { this.pause('paused'); } }); // animating state should be cleared while resizing, otherwise autoplay stops working this.setState({ animating: false }); clearTimeout(this.animationEndCallback); delete this.animationEndCallback; }, updateState(spec, setTrackStyle, callback) { const updatedState = (0,_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_7__.initializedState)(spec); spec = (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])({}, spec), updatedState), {}, { slideIndex: updatedState.currentSlide }); const targetLeft = (0,_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_7__.getTrackLeft)(spec); spec = (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])({}, spec), {}, { left: targetLeft }); const trackStyle = (0,_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_7__.getTrackCSS)(spec); if (setTrackStyle || this.children.length !== spec.children.length) { updatedState['trackStyle'] = trackStyle; } this.setState(updatedState, callback); }, ssrInit() { const children = this.children; if (this.variableWidth) { let trackWidth = 0; let trackLeft = 0; const childrenWidths = []; const preClones = (0,_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_7__.getPreClones)((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])({}, this.$props), this.$data), {}, { slideCount: children.length })); const postClones = (0,_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_7__.getPostClones)((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])({}, this.$props), this.$data), {}, { slideCount: children.length })); children.forEach(child => { var _child$props$style, _child$props$style$wi; const childWidth = ((_child$props$style = child.props.style) === null || _child$props$style === void 0 ? void 0 : (_child$props$style$wi = _child$props$style.width) === null || _child$props$style$wi === void 0 ? void 0 : _child$props$style$wi.split('px')[0]) || 0; childrenWidths.push(childWidth); trackWidth += childWidth; }); for (let i = 0; i < preClones; i++) { trackLeft += childrenWidths[childrenWidths.length - 1 - i]; trackWidth += childrenWidths[childrenWidths.length - 1 - i]; } for (let i = 0; i < postClones; i++) { trackWidth += childrenWidths[i]; } for (let i = 0; i < this.currentSlide; i++) { trackLeft += childrenWidths[i]; } const trackStyle = { width: trackWidth + 'px', left: -trackLeft + 'px' }; if (this.centerMode) { const currentWidth = `${childrenWidths[this.currentSlide]}px`; trackStyle.left = `calc(${trackStyle.left} + (100% - ${currentWidth}) / 2 ) `; } return { trackStyle }; } const childrenCount = children.length; const spec = (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])({}, this.$props), this.$data), {}, { slideCount: childrenCount }); const slideCount = (0,_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_7__.getPreClones)(spec) + (0,_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_7__.getPostClones)(spec) + childrenCount; const trackWidth = 100 / this.slidesToShow * slideCount; const slideWidth = 100 / slideCount; let trackLeft = -slideWidth * ((0,_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_7__.getPreClones)(spec) + this.currentSlide) * trackWidth / 100; if (this.centerMode) { trackLeft += (100 - slideWidth * trackWidth / 100) / 2; } const trackStyle = { width: trackWidth + '%', left: trackLeft + '%' }; return { slideWidth: slideWidth + '%', trackStyle }; }, checkImagesLoad() { const images = this.list && this.list.querySelectorAll && this.list.querySelectorAll('.slick-slide img') || []; const imagesCount = images.length; let loadedCount = 0; Array.prototype.forEach.call(images, image => { const handler = () => ++loadedCount && loadedCount >= imagesCount && this.onWindowResized(); if (!image.onclick) { image.onclick = () => image.parentNode.focus(); } else { const prevClickHandler = image.onclick; image.onclick = () => { prevClickHandler(); image.parentNode.focus(); }; } if (!image.onload) { if (this.$props.lazyLoad) { image.onload = () => { this.adaptHeight(); this.callbackTimers.push(setTimeout(this.onWindowResized, this.speed)); }; } else { image.onload = handler; image.onerror = () => { handler(); this.__emit('lazyLoadError'); }; } } }); }, progressiveLazyLoad() { const slidesToLoad = []; const spec = (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])({}, this.$props), this.$data); for (let index = this.currentSlide; index < this.slideCount + (0,_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_7__.getPostClones)(spec); index++) { if (this.lazyLoadedList.indexOf(index) < 0) { slidesToLoad.push(index); break; } } for (let index = this.currentSlide - 1; index >= -(0,_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_7__.getPreClones)(spec); index--) { if (this.lazyLoadedList.indexOf(index) < 0) { slidesToLoad.push(index); break; } } if (slidesToLoad.length > 0) { this.setState(state => ({ lazyLoadedList: state.lazyLoadedList.concat(slidesToLoad) })); this.__emit('lazyLoad', slidesToLoad); } else { if (this.lazyLoadTimer) { clearInterval(this.lazyLoadTimer); delete this.lazyLoadTimer; } } }, slideHandler(index) { let dontAnimate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false; const { asNavFor, beforeChange, speed, afterChange } = this.$props; const { state, nextState } = (0,_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_7__.slideHandler)((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])({ index }, this.$props), this.$data), {}, { trackRef: this.track, useCSS: this.useCSS && !dontAnimate })); if (!state) return; beforeChange && beforeChange(this.currentSlide, state.currentSlide); const slidesToLoad = state.lazyLoadedList.filter(value => this.lazyLoadedList.indexOf(value) < 0); if (this.$attrs.onLazyLoad && slidesToLoad.length > 0) { this.__emit('lazyLoad', slidesToLoad); } if (!this.$props.waitForAnimate && this.animationEndCallback) { clearTimeout(this.animationEndCallback); afterChange && afterChange(this.currentSlide); delete this.animationEndCallback; } this.setState(state, () => { if (asNavFor && this.asNavForIndex !== index) { this.asNavForIndex = index; asNavFor.innerSlider.slideHandler(index); } if (!nextState) return; this.animationEndCallback = setTimeout(() => { const { animating } = nextState, firstBatch = (0,_babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_0__["default"])(nextState, _excluded); this.setState(firstBatch, () => { this.callbackTimers.push(setTimeout(() => this.setState({ animating }), 10)); afterChange && afterChange(state.currentSlide); delete this.animationEndCallback; }); }, speed); }); }, changeSlide(options) { let dontAnimate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false; const spec = (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])({}, this.$props), this.$data); const targetSlide = (0,_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_7__.changeSlide)(spec, options); if (targetSlide !== 0 && !targetSlide) return; if (dontAnimate === true) { this.slideHandler(targetSlide, dontAnimate); } else { this.slideHandler(targetSlide); } this.$props.autoplay && this.handleAutoPlay('update'); if (this.$props.focusOnSelect) { const nodes = this.list.querySelectorAll('.slick-current'); nodes[0] && nodes[0].focus(); } }, clickHandler(e) { if (this.clickable === false) { e.stopPropagation(); e.preventDefault(); } this.clickable = true; }, keyHandler(e) { const dir = (0,_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_7__.keyHandler)(e, this.accessibility, this.rtl); dir !== '' && this.changeSlide({ message: dir }); }, selectHandler(options) { this.changeSlide(options); }, disableBodyScroll() { const preventDefault = e => { e = e || window.event; if (e.preventDefault) e.preventDefault(); e.returnValue = false; }; window.ontouchmove = preventDefault; }, enableBodyScroll() { window.ontouchmove = null; }, swipeStart(e) { if (this.verticalSwiping) { this.disableBodyScroll(); } const state = (0,_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_7__.swipeStart)(e, this.swipe, this.draggable); state !== '' && this.setState(state); }, swipeMove(e) { const state = (0,_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_7__.swipeMove)(e, (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])({}, this.$props), this.$data), {}, { trackRef: this.track, listRef: this.list, slideIndex: this.currentSlide })); if (!state) return; if (state['swiping']) { this.clickable = false; } this.setState(state); }, swipeEnd(e) { const state = (0,_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_7__.swipeEnd)(e, (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])({}, this.$props), this.$data), {}, { trackRef: this.track, listRef: this.list, slideIndex: this.currentSlide })); if (!state) return; const triggerSlideHandler = state['triggerSlideHandler']; delete state['triggerSlideHandler']; this.setState(state); if (triggerSlideHandler === undefined) return; this.slideHandler(triggerSlideHandler); if (this.$props.verticalSwiping) { this.enableBodyScroll(); } }, touchEnd(e) { this.swipeEnd(e); this.clickable = true; }, slickPrev() { // this and fellow methods are wrapped in setTimeout // to make sure initialize setState has happened before // any of such methods are called this.callbackTimers.push(setTimeout(() => this.changeSlide({ message: 'previous' }), 0)); }, slickNext() { this.callbackTimers.push(setTimeout(() => this.changeSlide({ message: 'next' }), 0)); }, slickGoTo(slide) { let dontAnimate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false; slide = Number(slide); if (isNaN(slide)) return ''; this.callbackTimers.push(setTimeout(() => this.changeSlide({ message: 'index', index: slide, currentSlide: this.currentSlide }, dontAnimate), 0)); }, play() { let nextIndex; if (this.rtl) { nextIndex = this.currentSlide - this.slidesToScroll; } else { if ((0,_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_7__.canGoNext)((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])({}, this.$props), this.$data))) { nextIndex = this.currentSlide + this.slidesToScroll; } else { return false; } } this.slideHandler(nextIndex); }, handleAutoPlay(playType) { if (this.autoplayTimer) { clearInterval(this.autoplayTimer); } const autoplaying = this.autoplaying; if (playType === 'update') { if (autoplaying === 'hovered' || autoplaying === 'focused' || autoplaying === 'paused') { return; } } else if (playType === 'leave') { if (autoplaying === 'paused' || autoplaying === 'focused') { return; } } else if (playType === 'blur') { if (autoplaying === 'paused' || autoplaying === 'hovered') { return; } } this.autoplayTimer = setInterval(this.play, this.autoplaySpeed + 50); this.setState({ autoplaying: 'playing' }); }, pause(pauseType) { if (this.autoplayTimer) { clearInterval(this.autoplayTimer); this.autoplayTimer = null; } const autoplaying = this.autoplaying; if (pauseType === 'paused') { this.setState({ autoplaying: 'paused' }); } else if (pauseType === 'focused') { if (autoplaying === 'hovered' || autoplaying === 'playing') { this.setState({ autoplaying: 'focused' }); } } else { // pauseType is 'hovered' if (autoplaying === 'playing') { this.setState({ autoplaying: 'hovered' }); } } }, onDotsOver() { this.autoplay && this.pause('hovered'); }, onDotsLeave() { this.autoplay && this.autoplaying === 'hovered' && this.handleAutoPlay('leave'); }, onTrackOver() { this.autoplay && this.pause('hovered'); }, onTrackLeave() { this.autoplay && this.autoplaying === 'hovered' && this.handleAutoPlay('leave'); }, onSlideFocus() { this.autoplay && this.pause('focused'); }, onSlideBlur() { this.autoplay && this.autoplaying === 'focused' && this.handleAutoPlay('blur'); }, customPaging(_ref) { let { i } = _ref; return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("button", null, [i + 1]); }, appendDots(_ref2) { let { dots } = _ref2; return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("ul", { "style": { display: 'block' } }, [dots]); } }, render() { const className = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_9__["default"])('slick-slider', this.$attrs.class, { 'slick-vertical': this.vertical, 'slick-initialized': true }); const spec = (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])({}, this.$props), this.$data); let trackProps = (0,_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_7__.extractObject)(spec, ['fade', 'cssEase', 'speed', 'infinite', 'centerMode', 'focusOnSelect', 'currentSlide', 'lazyLoad', 'lazyLoadedList', 'rtl', 'slideWidth', 'slideHeight', 'listHeight', 'vertical', 'slidesToShow', 'slidesToScroll', 'slideCount', 'trackStyle', 'variableWidth', 'unslick', 'centerPadding', 'targetSlide', 'useCSS']); const { pauseOnHover } = this.$props; trackProps = (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])({}, trackProps), {}, { focusOnSelect: this.focusOnSelect && this.clickable ? this.selectHandler : null, ref: this.trackRefHandler, onMouseleave: pauseOnHover ? this.onTrackLeave : noop, onMouseover: pauseOnHover ? this.onTrackOver : noop }); let dots; if (this.dots === true && this.slideCount >= this.slidesToShow) { let dotProps = (0,_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_7__.extractObject)(spec, ['dotsClass', 'slideCount', 'slidesToShow', 'currentSlide', 'slidesToScroll', 'clickHandler', 'children', 'infinite', 'appendDots']); dotProps.customPaging = this.customPaging; dotProps.appendDots = this.appendDots; const { customPaging, appendDots } = this.$slots; if (customPaging) { dotProps.customPaging = customPaging; } if (appendDots) { dotProps.appendDots = appendDots; } const { pauseOnDotsHover } = this.$props; dotProps = (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])({}, dotProps), {}, { clickHandler: this.changeSlide, onMouseover: pauseOnDotsHover ? this.onDotsOver : noop, onMouseleave: pauseOnDotsHover ? this.onDotsLeave : noop }); dots = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_dots__WEBPACK_IMPORTED_MODULE_10__["default"], dotProps, null); } let prevArrow, nextArrow; const arrowProps = (0,_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_7__.extractObject)(spec, ['infinite', 'centerMode', 'currentSlide', 'slideCount', 'slidesToShow']); arrowProps.clickHandler = this.changeSlide; const { prevArrow: prevArrowCustom, nextArrow: nextArrowCustom } = this.$slots; if (prevArrowCustom) { arrowProps.prevArrow = prevArrowCustom; } if (nextArrowCustom) { arrowProps.nextArrow = nextArrowCustom; } if (this.arrows) { prevArrow = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_arrows__WEBPACK_IMPORTED_MODULE_11__.PrevArrow, arrowProps, null); nextArrow = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_arrows__WEBPACK_IMPORTED_MODULE_11__.NextArrow, arrowProps, null); } let verticalHeightStyle = null; if (this.vertical) { verticalHeightStyle = { height: typeof this.listHeight === 'number' ? `${this.listHeight}px` : this.listHeight }; } let centerPaddingStyle = null; if (this.vertical === false) { if (this.centerMode === true) { centerPaddingStyle = { padding: '0px ' + this.centerPadding }; } } else { if (this.centerMode === true) { centerPaddingStyle = { padding: this.centerPadding + ' 0px' }; } } const listStyle = (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])({}, verticalHeightStyle), centerPaddingStyle); const touchMove = this.touchMove; let listProps = { ref: this.listRefHandler, class: 'slick-list', style: listStyle, onClick: this.clickHandler, onMousedown: touchMove ? this.swipeStart : noop, onMousemove: this.dragging && touchMove ? this.swipeMove : noop, onMouseup: touchMove ? this.swipeEnd : noop, onMouseleave: this.dragging && touchMove ? this.swipeEnd : noop, [_util_supportsPassive__WEBPACK_IMPORTED_MODULE_12__["default"] ? 'onTouchstartPassive' : 'onTouchstart']: touchMove ? this.swipeStart : noop, [_util_supportsPassive__WEBPACK_IMPORTED_MODULE_12__["default"] ? 'onTouchmovePassive' : 'onTouchmove']: this.dragging && touchMove ? this.swipeMove : noop, onTouchend: touchMove ? this.touchEnd : noop, onTouchcancel: this.dragging && touchMove ? this.swipeEnd : noop, onKeydown: this.accessibility ? this.keyHandler : noop }; let innerSliderProps = { class: className, dir: 'ltr', style: this.$attrs.style }; if (this.unslick) { listProps = { class: 'slick-list', ref: this.listRefHandler }; innerSliderProps = { class: className }; } return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", innerSliderProps, [!this.unslick ? prevArrow : '', (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", listProps, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_track__WEBPACK_IMPORTED_MODULE_13__["default"], trackProps, { default: () => [this.children] })]), !this.unslick ? nextArrow : '', !this.unslick ? dots : '']); } }); /***/ }), /***/ "./components/vc-slick/slider.jsx": /*!****************************************!*\ !*** ./components/vc-slick/slider.jsx ***! \****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_json2mq__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/json2mq */ "./components/_util/json2mq.ts"); /* harmony import */ var _util_BaseMixin__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../_util/BaseMixin */ "./components/_util/BaseMixin.ts"); /* harmony import */ var _util_vnode__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../_util/vnode */ "./components/_util/vnode.ts"); /* harmony import */ var _inner_slider__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./inner-slider */ "./components/vc-slick/inner-slider.jsx"); /* harmony import */ var _default_props__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./default-props */ "./components/vc-slick/default-props.js"); /* harmony import */ var _utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./utils/innerSliderUtils */ "./components/vc-slick/utils/innerSliderUtils.js"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/index.ts"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ name: 'Slider', mixins: [_util_BaseMixin__WEBPACK_IMPORTED_MODULE_2__["default"]], inheritAttrs: false, props: (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, _default_props__WEBPACK_IMPORTED_MODULE_3__["default"]), data() { this._responsiveMediaHandlers = []; return { breakpoint: null }; }, // handles responsive breakpoints mounted() { if (this.responsive) { const breakpoints = this.responsive.map(breakpt => breakpt.breakpoint); // sort them in increasing order of their numerical value breakpoints.sort((x, y) => x - y); breakpoints.forEach((breakpoint, index) => { // media query for each breakpoint let bQuery; if (index === 0) { bQuery = (0,_util_json2mq__WEBPACK_IMPORTED_MODULE_4__["default"])({ minWidth: 0, maxWidth: breakpoint }); } else { bQuery = (0,_util_json2mq__WEBPACK_IMPORTED_MODULE_4__["default"])({ minWidth: breakpoints[index - 1] + 1, maxWidth: breakpoint }); } // when not using server side rendering (0,_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_5__.canUseDOM)() && this.media(bQuery, () => { this.setState({ breakpoint }); }); }); // Register media query for full screen. Need to support resize from small to large // convert javascript object to media query string const query = (0,_util_json2mq__WEBPACK_IMPORTED_MODULE_4__["default"])({ minWidth: breakpoints.slice(-1)[0] }); (0,_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_5__.canUseDOM)() && this.media(query, () => { this.setState({ breakpoint: null }); }); } }, beforeUnmount() { this._responsiveMediaHandlers.forEach(function (obj) { obj.mql.removeListener(obj.listener); }); }, methods: { innerSliderRefHandler(ref) { this.innerSlider = ref; }, media(query, handler) { // javascript handler for css media query const mql = window.matchMedia(query); const listener = _ref => { let { matches } = _ref; if (matches) { handler(); } }; mql.addListener(listener); listener(mql); this._responsiveMediaHandlers.push({ mql, query, listener }); }, slickPrev() { var _this$innerSlider; (_this$innerSlider = this.innerSlider) === null || _this$innerSlider === void 0 ? void 0 : _this$innerSlider.slickPrev(); }, slickNext() { var _this$innerSlider2; (_this$innerSlider2 = this.innerSlider) === null || _this$innerSlider2 === void 0 ? void 0 : _this$innerSlider2.slickNext(); }, slickGoTo(slide) { var _this$innerSlider3; let dontAnimate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false; (_this$innerSlider3 = this.innerSlider) === null || _this$innerSlider3 === void 0 ? void 0 : _this$innerSlider3.slickGoTo(slide, dontAnimate); }, slickPause() { var _this$innerSlider4; (_this$innerSlider4 = this.innerSlider) === null || _this$innerSlider4 === void 0 ? void 0 : _this$innerSlider4.pause('paused'); }, slickPlay() { var _this$innerSlider5; (_this$innerSlider5 = this.innerSlider) === null || _this$innerSlider5 === void 0 ? void 0 : _this$innerSlider5.handleAutoPlay('play'); } }, render() { let settings; let newProps; if (this.breakpoint) { newProps = this.responsive.filter(resp => resp.breakpoint === this.breakpoint); settings = newProps[0].settings === 'unslick' ? 'unslick' : (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, this.$props), newProps[0].settings); } else { settings = (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, this.$props); } // force scrolling by one if centerMode is on if (settings.centerMode) { if (settings.slidesToScroll > 1 && "development" !== 'production') { console.warn(`slidesToScroll should be equal to 1 in centerMode, you are using ${settings.slidesToScroll}`); } settings.slidesToScroll = 1; } // force showing one slide and scrolling by one if the fade mode is on if (settings.fade) { if (settings.slidesToShow > 1 && "development" !== 'production') { console.warn(`slidesToShow should be equal to 1 when fade is true, you're using ${settings.slidesToShow}`); } if (settings.slidesToScroll > 1 && "development" !== 'production') { console.warn(`slidesToScroll should be equal to 1 when fade is true, you're using ${settings.slidesToScroll}`); } settings.slidesToShow = 1; settings.slidesToScroll = 1; } // makes sure that children is an array, even when there is only 1 child let children = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_6__.getSlot)(this) || []; // Children may contain false or null, so we should filter them // children may also contain string filled with spaces (in certain cases where we use jsx strings) children = children.filter(child => { if (typeof child === 'string') { return !!child.trim(); } return !!child; }); // rows and slidesPerRow logic is handled here if (settings.variableWidth && (settings.rows > 1 || settings.slidesPerRow > 1)) { console.warn(`variableWidth is not supported in case of rows > 1 or slidesPerRow > 1`); settings.variableWidth = false; } const newChildren = []; let currentWidth = null; for (let i = 0; i < children.length; i += settings.rows * settings.slidesPerRow) { const newSlide = []; for (let j = i; j < i + settings.rows * settings.slidesPerRow; j += settings.slidesPerRow) { const row = []; for (let k = j; k < j + settings.slidesPerRow; k += 1) { var _children$k$props; if (settings.variableWidth && (_children$k$props = children[k].props) !== null && _children$k$props !== void 0 && _children$k$props.style) { currentWidth = children[k].props.style.width; } if (k >= children.length) break; row.push((0,_util_vnode__WEBPACK_IMPORTED_MODULE_7__.cloneElement)(children[k], { key: 100 * i + 10 * j + k, tabindex: -1, style: { width: `${100 / settings.slidesPerRow}%`, display: 'inline-block' } })); } newSlide.push((0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "key": 10 * i + j }, [row])); } if (settings.variableWidth) { newChildren.push((0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "key": i, "style": { width: currentWidth } }, [newSlide])); } else { newChildren.push((0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "key": i }, [newSlide])); } } if (settings === 'unslick') { const className = 'regular slider ' + (this.className || ''); return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": className }, [children]); } else if (newChildren.length <= settings.slidesToShow) { settings.unslick = true; } const sliderProps = (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, this.$attrs), settings), {}, { children: newChildren, ref: this.innerSliderRefHandler }); return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_inner_slider__WEBPACK_IMPORTED_MODULE_8__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, sliderProps), {}, { "__propsSymbol__": [] }), this.$slots); } })); /***/ }), /***/ "./components/vc-slick/track.jsx": /*!***************************************!*\ !*** ./components/vc-slick/track.jsx ***! \***************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/index.ts"); /* harmony import */ var _utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./utils/innerSliderUtils */ "./components/vc-slick/utils/innerSliderUtils.js"); /* harmony import */ var _util_vnode__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/vnode */ "./components/_util/vnode.ts"); // given specifications/props for a slide, fetch all the classes that need to be applied to the slide const getSlideClasses = spec => { let slickActive, slickCenter; let centerOffset, index; if (spec.rtl) { index = spec.slideCount - 1 - spec.index; } else { index = spec.index; } const slickCloned = index < 0 || index >= spec.slideCount; if (spec.centerMode) { centerOffset = Math.floor(spec.slidesToShow / 2); slickCenter = (index - spec.currentSlide) % spec.slideCount === 0; if (index > spec.currentSlide - centerOffset - 1 && index <= spec.currentSlide + centerOffset) { slickActive = true; } } else { slickActive = spec.currentSlide <= index && index < spec.currentSlide + spec.slidesToShow; } let focusedSlide; if (spec.targetSlide < 0) { focusedSlide = spec.targetSlide + spec.slideCount; } else if (spec.targetSlide >= spec.slideCount) { focusedSlide = spec.targetSlide - spec.slideCount; } else { focusedSlide = spec.targetSlide; } const slickCurrent = index === focusedSlide; return { 'slick-slide': true, 'slick-active': slickActive, 'slick-center': slickCenter, 'slick-cloned': slickCloned, 'slick-current': slickCurrent // dubious in case of RTL }; }; const getSlideStyle = function (spec) { const style = {}; if (spec.variableWidth === undefined || spec.variableWidth === false) { style.width = spec.slideWidth + (typeof spec.slideWidth === 'number' ? 'px' : ''); } if (spec.fade) { style.position = 'relative'; if (spec.vertical) { style.top = -spec.index * parseInt(spec.slideHeight) + 'px'; } else { style.left = -spec.index * parseInt(spec.slideWidth) + 'px'; } style.opacity = spec.currentSlide === spec.index ? 1 : 0; if (spec.useCSS) { style.transition = 'opacity ' + spec.speed + 'ms ' + spec.cssEase + ', ' + 'visibility ' + spec.speed + 'ms ' + spec.cssEase; } } return style; }; const getKey = (child, fallbackKey) => child.key + '-' + fallbackKey; const renderSlides = function (spec, children) { let key; const slides = []; const preCloneSlides = []; const postCloneSlides = []; const childrenCount = children.length; const startIndex = (0,_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_2__.lazyStartIndex)(spec); const endIndex = (0,_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_2__.lazyEndIndex)(spec); children.forEach((elem, index) => { let child; const childOnClickOptions = { message: 'children', index, slidesToScroll: spec.slidesToScroll, currentSlide: spec.currentSlide }; // in case of lazyLoad, whether or not we want to fetch the slide if (!spec.lazyLoad || spec.lazyLoad && spec.lazyLoadedList.indexOf(index) >= 0) { child = elem; } else { child = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)('div'); } const childStyle = getSlideStyle((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, spec), {}, { index })); const slideClass = child.props.class || ''; let slideClasses = getSlideClasses((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, spec), {}, { index })); // push a cloned element of the desired slide slides.push((0,_util_vnode__WEBPACK_IMPORTED_MODULE_3__.deepCloneElement)(child, { key: 'original' + getKey(child, index), tabindex: '-1', 'data-index': index, 'aria-hidden': !slideClasses['slick-active'], class: (0,_util_classNames__WEBPACK_IMPORTED_MODULE_4__["default"])(slideClasses, slideClass), style: (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ outline: 'none' }, child.props.style || {}), childStyle), onClick: () => { // child.props && child.props.onClick && child.props.onClick(e) if (spec.focusOnSelect) { spec.focusOnSelect(childOnClickOptions); } } })); // if slide needs to be precloned or postcloned if (spec.infinite && spec.fade === false) { const preCloneNo = childrenCount - index; if (preCloneNo <= (0,_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_2__.getPreClones)(spec) && childrenCount !== spec.slidesToShow) { key = -preCloneNo; if (key >= startIndex) { child = elem; } slideClasses = getSlideClasses((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, spec), {}, { index: key })); preCloneSlides.push((0,_util_vnode__WEBPACK_IMPORTED_MODULE_3__.deepCloneElement)(child, { key: 'precloned' + getKey(child, key), class: (0,_util_classNames__WEBPACK_IMPORTED_MODULE_4__["default"])(slideClasses, slideClass), tabindex: '-1', 'data-index': key, 'aria-hidden': !slideClasses['slick-active'], style: (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, child.props.style || {}), childStyle), onClick: () => { // child.props && child.props.onClick && child.props.onClick(e) if (spec.focusOnSelect) { spec.focusOnSelect(childOnClickOptions); } } })); } if (childrenCount !== spec.slidesToShow) { key = childrenCount + index; if (key < endIndex) { child = elem; } slideClasses = getSlideClasses((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, spec), {}, { index: key })); postCloneSlides.push((0,_util_vnode__WEBPACK_IMPORTED_MODULE_3__.deepCloneElement)(child, { key: 'postcloned' + getKey(child, key), tabindex: '-1', 'data-index': key, 'aria-hidden': !slideClasses['slick-active'], class: (0,_util_classNames__WEBPACK_IMPORTED_MODULE_4__["default"])(slideClasses, slideClass), style: (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, child.props.style || {}), childStyle), onClick: () => { // child.props && child.props.onClick && child.props.onClick(e) if (spec.focusOnSelect) { spec.focusOnSelect(childOnClickOptions); } } })); } } }); if (spec.rtl) { return preCloneSlides.concat(slides, postCloneSlides).reverse(); } else { return preCloneSlides.concat(slides, postCloneSlides); } }; const Track = (_, _ref) => { let { attrs, slots } = _ref; const slides = renderSlides(attrs, (0,_util_props_util__WEBPACK_IMPORTED_MODULE_5__.flattenChildren)(slots === null || slots === void 0 ? void 0 : slots.default())); // const slides = renderSlides(attrs, slots?.default); const { onMouseenter, onMouseover, onMouseleave } = attrs; const mouseEvents = { onMouseenter, onMouseover, onMouseleave }; const trackProps = (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ class: 'slick-track', style: attrs.trackStyle }, mouseEvents); return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", trackProps, [slides]); }; Track.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Track); /***/ }), /***/ "./components/vc-slick/utils/innerSliderUtils.js": /*!*******************************************************!*\ !*** ./components/vc-slick/utils/innerSliderUtils.js ***! \*******************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ canGoNext: () => (/* binding */ canGoNext), /* harmony export */ canUseDOM: () => (/* binding */ canUseDOM), /* harmony export */ changeSlide: () => (/* binding */ changeSlide), /* harmony export */ checkNavigable: () => (/* binding */ checkNavigable), /* harmony export */ checkSpecKeys: () => (/* binding */ checkSpecKeys), /* harmony export */ clamp: () => (/* binding */ clamp), /* harmony export */ extractObject: () => (/* binding */ extractObject), /* harmony export */ getHeight: () => (/* binding */ getHeight), /* harmony export */ getNavigableIndexes: () => (/* binding */ getNavigableIndexes), /* harmony export */ getOnDemandLazySlides: () => (/* binding */ getOnDemandLazySlides), /* harmony export */ getPostClones: () => (/* binding */ getPostClones), /* harmony export */ getPreClones: () => (/* binding */ getPreClones), /* harmony export */ getRequiredLazySlides: () => (/* binding */ getRequiredLazySlides), /* harmony export */ getSlideCount: () => (/* binding */ getSlideCount), /* harmony export */ getSwipeDirection: () => (/* binding */ getSwipeDirection), /* harmony export */ getTotalSlides: () => (/* binding */ getTotalSlides), /* harmony export */ getTrackAnimateCSS: () => (/* binding */ getTrackAnimateCSS), /* harmony export */ getTrackCSS: () => (/* binding */ getTrackCSS), /* harmony export */ getTrackLeft: () => (/* binding */ getTrackLeft), /* harmony export */ getWidth: () => (/* binding */ getWidth), /* harmony export */ initializedState: () => (/* binding */ initializedState), /* harmony export */ keyHandler: () => (/* binding */ keyHandler), /* harmony export */ lazyEndIndex: () => (/* binding */ lazyEndIndex), /* harmony export */ lazySlidesOnLeft: () => (/* binding */ lazySlidesOnLeft), /* harmony export */ lazySlidesOnRight: () => (/* binding */ lazySlidesOnRight), /* harmony export */ lazyStartIndex: () => (/* binding */ lazyStartIndex), /* harmony export */ safePreventDefault: () => (/* binding */ safePreventDefault), /* harmony export */ siblingDirection: () => (/* binding */ siblingDirection), /* harmony export */ slideHandler: () => (/* binding */ slideHandler), /* harmony export */ slidesOnLeft: () => (/* binding */ slidesOnLeft), /* harmony export */ slidesOnRight: () => (/* binding */ slidesOnRight), /* harmony export */ swipeEnd: () => (/* binding */ swipeEnd), /* harmony export */ swipeMove: () => (/* binding */ swipeMove), /* harmony export */ swipeStart: () => (/* binding */ swipeStart) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); // import supportsPassive from '../../../_util/supportsPassive'; function clamp(number, lowerBound, upperBound) { return Math.max(lowerBound, Math.min(number, upperBound)); } const safePreventDefault = event => { const passiveEvents = ['touchstart', 'touchmove', 'wheel']; if (!passiveEvents.includes(event.type)) { event.preventDefault(); } }; const getOnDemandLazySlides = spec => { const onDemandSlides = []; const startIndex = lazyStartIndex(spec); const endIndex = lazyEndIndex(spec); for (let slideIndex = startIndex; slideIndex < endIndex; slideIndex++) { if (spec.lazyLoadedList.indexOf(slideIndex) < 0) { onDemandSlides.push(slideIndex); } } return onDemandSlides; }; // return list of slides that need to be present const getRequiredLazySlides = spec => { const requiredSlides = []; const startIndex = lazyStartIndex(spec); const endIndex = lazyEndIndex(spec); for (let slideIndex = startIndex; slideIndex < endIndex; slideIndex++) { requiredSlides.push(slideIndex); } return requiredSlides; }; // startIndex that needs to be present const lazyStartIndex = spec => spec.currentSlide - lazySlidesOnLeft(spec); const lazyEndIndex = spec => spec.currentSlide + lazySlidesOnRight(spec); const lazySlidesOnLeft = spec => spec.centerMode ? Math.floor(spec.slidesToShow / 2) + (parseInt(spec.centerPadding) > 0 ? 1 : 0) : 0; const lazySlidesOnRight = spec => spec.centerMode ? Math.floor((spec.slidesToShow - 1) / 2) + 1 + (parseInt(spec.centerPadding) > 0 ? 1 : 0) : spec.slidesToShow; // get width of an element const getWidth = elem => elem && elem.offsetWidth || 0; const getHeight = elem => elem && elem.offsetHeight || 0; const getSwipeDirection = function (touchObject) { let verticalSwiping = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false; let swipeAngle; const xDist = touchObject.startX - touchObject.curX; const yDist = touchObject.startY - touchObject.curY; const r = Math.atan2(yDist, xDist); swipeAngle = Math.round(r * 180 / Math.PI); if (swipeAngle < 0) { swipeAngle = 360 - Math.abs(swipeAngle); } if (swipeAngle <= 45 && swipeAngle >= 0 || swipeAngle <= 360 && swipeAngle >= 315) { return 'left'; } if (swipeAngle >= 135 && swipeAngle <= 225) { return 'right'; } if (verticalSwiping === true) { if (swipeAngle >= 35 && swipeAngle <= 135) { return 'up'; } else { return 'down'; } } return 'vertical'; }; // whether or not we can go next const canGoNext = spec => { let canGo = true; if (!spec.infinite) { if (spec.centerMode && spec.currentSlide >= spec.slideCount - 1) { canGo = false; } else if (spec.slideCount <= spec.slidesToShow || spec.currentSlide >= spec.slideCount - spec.slidesToShow) { canGo = false; } } return canGo; }; // given an object and a list of keys, return new object with given keys const extractObject = (spec, keys) => { const newObject = {}; keys.forEach(key => newObject[key] = spec[key]); return newObject; }; // get initialized state const initializedState = spec => { // spec also contains listRef, trackRef const slideCount = spec.children.length; const listNode = spec.listRef; const listWidth = Math.ceil(getWidth(listNode)); const trackNode = spec.trackRef; const trackWidth = Math.ceil(getWidth(trackNode)); let slideWidth; if (!spec.vertical) { let centerPaddingAdj = spec.centerMode && parseInt(spec.centerPadding) * 2; if (typeof spec.centerPadding === 'string' && spec.centerPadding.slice(-1) === '%') { centerPaddingAdj *= listWidth / 100; } slideWidth = Math.ceil((listWidth - centerPaddingAdj) / spec.slidesToShow); } else { slideWidth = listWidth; } const slideHeight = listNode && getHeight(listNode.querySelector('[data-index="0"]')); const listHeight = slideHeight * spec.slidesToShow; let currentSlide = spec.currentSlide === undefined ? spec.initialSlide : spec.currentSlide; if (spec.rtl && spec.currentSlide === undefined) { currentSlide = slideCount - 1 - spec.initialSlide; } let lazyLoadedList = spec.lazyLoadedList || []; const slidesToLoad = getOnDemandLazySlides((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, spec), {}, { currentSlide, lazyLoadedList }), spec); lazyLoadedList = lazyLoadedList.concat(slidesToLoad); const state = { slideCount, slideWidth, listWidth, trackWidth, currentSlide, slideHeight, listHeight, lazyLoadedList }; if (spec.autoplaying === null && spec.autoplay) { state['autoplaying'] = 'playing'; } return state; }; const slideHandler = spec => { const { waitForAnimate, animating, fade, infinite, index, slideCount, lazyLoad, currentSlide, centerMode, slidesToScroll, slidesToShow, useCSS } = spec; let { lazyLoadedList } = spec; if (waitForAnimate && animating) return {}; let animationSlide = index; let finalSlide; let animationLeft; let finalLeft; let state = {}; let nextState = {}; const targetSlide = infinite ? index : clamp(index, 0, slideCount - 1); if (fade) { if (!infinite && (index < 0 || index >= slideCount)) return {}; if (index < 0) { animationSlide = index + slideCount; } else if (index >= slideCount) { animationSlide = index - slideCount; } if (lazyLoad && lazyLoadedList.indexOf(animationSlide) < 0) { lazyLoadedList = lazyLoadedList.concat(animationSlide); } state = { animating: true, currentSlide: animationSlide, lazyLoadedList, targetSlide: animationSlide }; nextState = { animating: false, targetSlide: animationSlide }; } else { finalSlide = animationSlide; if (animationSlide < 0) { finalSlide = animationSlide + slideCount; if (!infinite) finalSlide = 0;else if (slideCount % slidesToScroll !== 0) { finalSlide = slideCount - slideCount % slidesToScroll; } } else if (!canGoNext(spec) && animationSlide > currentSlide) { animationSlide = finalSlide = currentSlide; } else if (centerMode && animationSlide >= slideCount) { animationSlide = infinite ? slideCount : slideCount - 1; finalSlide = infinite ? 0 : slideCount - 1; } else if (animationSlide >= slideCount) { finalSlide = animationSlide - slideCount; if (!infinite) finalSlide = slideCount - slidesToShow;else if (slideCount % slidesToScroll !== 0) finalSlide = 0; } if (!infinite && animationSlide + slidesToShow >= slideCount) { finalSlide = slideCount - slidesToShow; } animationLeft = getTrackLeft((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, spec), {}, { slideIndex: animationSlide })); finalLeft = getTrackLeft((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, spec), {}, { slideIndex: finalSlide })); if (!infinite) { if (animationLeft === finalLeft) animationSlide = finalSlide; animationLeft = finalLeft; } if (lazyLoad) { lazyLoadedList = lazyLoadedList.concat(getOnDemandLazySlides((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, spec), {}, { currentSlide: animationSlide }))); } if (!useCSS) { state = { currentSlide: finalSlide, trackStyle: getTrackCSS((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, spec), {}, { left: finalLeft })), lazyLoadedList, targetSlide }; } else { state = { animating: true, currentSlide: finalSlide, trackStyle: getTrackAnimateCSS((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, spec), {}, { left: animationLeft })), lazyLoadedList, targetSlide }; nextState = { animating: false, currentSlide: finalSlide, trackStyle: getTrackCSS((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, spec), {}, { left: finalLeft })), swipeLeft: null, targetSlide }; } } return { state, nextState }; }; const changeSlide = (spec, options) => { let previousInt, slideOffset, targetSlide; const { slidesToScroll, slidesToShow, slideCount, currentSlide, targetSlide: previousTargetSlide, lazyLoad, infinite } = spec; const unevenOffset = slideCount % slidesToScroll !== 0; const indexOffset = unevenOffset ? 0 : (slideCount - currentSlide) % slidesToScroll; if (options.message === 'previous') { slideOffset = indexOffset === 0 ? slidesToScroll : slidesToShow - indexOffset; targetSlide = currentSlide - slideOffset; if (lazyLoad && !infinite) { previousInt = currentSlide - slideOffset; targetSlide = previousInt === -1 ? slideCount - 1 : previousInt; } if (!infinite) { targetSlide = previousTargetSlide - slidesToScroll; } } else if (options.message === 'next') { slideOffset = indexOffset === 0 ? slidesToScroll : indexOffset; targetSlide = currentSlide + slideOffset; if (lazyLoad && !infinite) { targetSlide = (currentSlide + slidesToScroll) % slideCount + indexOffset; } if (!infinite) { targetSlide = previousTargetSlide + slidesToScroll; } } else if (options.message === 'dots') { // Click on dots targetSlide = options.index * options.slidesToScroll; } else if (options.message === 'children') { // Click on the slides targetSlide = options.index; if (infinite) { const direction = siblingDirection((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, spec), {}, { targetSlide })); if (targetSlide > options.currentSlide && direction === 'left') { targetSlide = targetSlide - slideCount; } else if (targetSlide < options.currentSlide && direction === 'right') { targetSlide = targetSlide + slideCount; } } } else if (options.message === 'index') { targetSlide = Number(options.index); } return targetSlide; }; const keyHandler = (e, accessibility, rtl) => { if (e.target.tagName.match('TEXTAREA|INPUT|SELECT') || !accessibility) { return ''; } if (e.keyCode === 37) return rtl ? 'next' : 'previous'; if (e.keyCode === 39) return rtl ? 'previous' : 'next'; return ''; }; const swipeStart = (e, swipe, draggable) => { e.target.tagName === 'IMG' && safePreventDefault(e); if (!swipe || !draggable && e.type.indexOf('mouse') !== -1) return ''; return { dragging: true, touchObject: { startX: e.touches ? e.touches[0].pageX : e.clientX, startY: e.touches ? e.touches[0].pageY : e.clientY, curX: e.touches ? e.touches[0].pageX : e.clientX, curY: e.touches ? e.touches[0].pageY : e.clientY } }; }; const swipeMove = (e, spec) => { // spec also contains, trackRef and slideIndex const { scrolling, animating, vertical, swipeToSlide, verticalSwiping, rtl, currentSlide, edgeFriction, edgeDragged, onEdge, swiped, swiping, slideCount, slidesToScroll, infinite, touchObject, swipeEvent, listHeight, listWidth } = spec; if (scrolling) return; if (animating) return safePreventDefault(e); if (vertical && swipeToSlide && verticalSwiping) safePreventDefault(e); let swipeLeft; let state = {}; const curLeft = getTrackLeft(spec); touchObject.curX = e.touches ? e.touches[0].pageX : e.clientX; touchObject.curY = e.touches ? e.touches[0].pageY : e.clientY; touchObject.swipeLength = Math.round(Math.sqrt(Math.pow(touchObject.curX - touchObject.startX, 2))); const verticalSwipeLength = Math.round(Math.sqrt(Math.pow(touchObject.curY - touchObject.startY, 2))); if (!verticalSwiping && !swiping && verticalSwipeLength > 10) { return { scrolling: true }; } if (verticalSwiping) touchObject.swipeLength = verticalSwipeLength; let positionOffset = (!rtl ? 1 : -1) * (touchObject.curX > touchObject.startX ? 1 : -1); if (verticalSwiping) { positionOffset = touchObject.curY > touchObject.startY ? 1 : -1; } const dotCount = Math.ceil(slideCount / slidesToScroll); const swipeDirection = getSwipeDirection(spec.touchObject, verticalSwiping); let touchSwipeLength = touchObject.swipeLength; if (!infinite) { if (currentSlide === 0 && (swipeDirection === 'right' || swipeDirection === 'down') || currentSlide + 1 >= dotCount && (swipeDirection === 'left' || swipeDirection === 'up') || !canGoNext(spec) && (swipeDirection === 'left' || swipeDirection === 'up')) { touchSwipeLength = touchObject.swipeLength * edgeFriction; if (edgeDragged === false && onEdge) { onEdge(swipeDirection); state['edgeDragged'] = true; } } } if (!swiped && swipeEvent) { swipeEvent(swipeDirection); state['swiped'] = true; } if (!vertical) { if (!rtl) { swipeLeft = curLeft + touchSwipeLength * positionOffset; } else { swipeLeft = curLeft - touchSwipeLength * positionOffset; } } else { swipeLeft = curLeft + touchSwipeLength * (listHeight / listWidth) * positionOffset; } if (verticalSwiping) { swipeLeft = curLeft + touchSwipeLength * positionOffset; } state = (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, state), {}, { touchObject, swipeLeft, trackStyle: getTrackCSS((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, spec), {}, { left: swipeLeft })) }); if (Math.abs(touchObject.curX - touchObject.startX) < Math.abs(touchObject.curY - touchObject.startY) * 0.8) { return state; } if (touchObject.swipeLength > 10) { state['swiping'] = true; safePreventDefault(e); } return state; }; const swipeEnd = (e, spec) => { const { dragging, swipe, touchObject, listWidth, touchThreshold, verticalSwiping, listHeight, swipeToSlide, scrolling, onSwipe, targetSlide, currentSlide, infinite } = spec; if (!dragging) { if (swipe) safePreventDefault(e); return {}; } const minSwipe = verticalSwiping ? listHeight / touchThreshold : listWidth / touchThreshold; const swipeDirection = getSwipeDirection(touchObject, verticalSwiping); // reset the state of touch related state variables. const state = { dragging: false, edgeDragged: false, scrolling: false, swiping: false, swiped: false, swipeLeft: null, touchObject: {} }; if (scrolling) { return state; } if (!touchObject.swipeLength) { return state; } if (touchObject.swipeLength > minSwipe) { safePreventDefault(e); if (onSwipe) { onSwipe(swipeDirection); } let slideCount, newSlide; const activeSlide = infinite ? currentSlide : targetSlide; switch (swipeDirection) { case 'left': case 'up': newSlide = activeSlide + getSlideCount(spec); slideCount = swipeToSlide ? checkNavigable(spec, newSlide) : newSlide; state['currentDirection'] = 0; break; case 'right': case 'down': newSlide = activeSlide - getSlideCount(spec); slideCount = swipeToSlide ? checkNavigable(spec, newSlide) : newSlide; state['currentDirection'] = 1; break; default: slideCount = activeSlide; } state['triggerSlideHandler'] = slideCount; } else { // Adjust the track back to it's original position. const currentLeft = getTrackLeft(spec); state['trackStyle'] = getTrackAnimateCSS((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, spec), {}, { left: currentLeft })); } return state; }; const getNavigableIndexes = spec => { const max = spec.infinite ? spec.slideCount * 2 : spec.slideCount; let breakpoint = spec.infinite ? spec.slidesToShow * -1 : 0; let counter = spec.infinite ? spec.slidesToShow * -1 : 0; const indexes = []; while (breakpoint < max) { indexes.push(breakpoint); breakpoint = counter + spec.slidesToScroll; counter += Math.min(spec.slidesToScroll, spec.slidesToShow); } return indexes; }; const checkNavigable = (spec, index) => { const navigables = getNavigableIndexes(spec); let prevNavigable = 0; if (index > navigables[navigables.length - 1]) { index = navigables[navigables.length - 1]; } else { for (const n in navigables) { if (index < navigables[n]) { index = prevNavigable; break; } prevNavigable = navigables[n]; } } return index; }; const getSlideCount = spec => { const centerOffset = spec.centerMode ? spec.slideWidth * Math.floor(spec.slidesToShow / 2) : 0; if (spec.swipeToSlide) { let swipedSlide; const slickList = spec.listRef; const slides = slickList.querySelectorAll && slickList.querySelectorAll('.slick-slide') || []; Array.from(slides).every(slide => { if (!spec.vertical) { if (slide.offsetLeft - centerOffset + getWidth(slide) / 2 > spec.swipeLeft * -1) { swipedSlide = slide; return false; } } else { if (slide.offsetTop + getHeight(slide) / 2 > spec.swipeLeft * -1) { swipedSlide = slide; return false; } } return true; }); if (!swipedSlide) { return 0; } const currentIndex = spec.rtl === true ? spec.slideCount - spec.currentSlide : spec.currentSlide; const slidesTraversed = Math.abs(swipedSlide.dataset.index - currentIndex) || 1; return slidesTraversed; } else { return spec.slidesToScroll; } }; const checkSpecKeys = (spec, keysArray) => keysArray.reduce((value, key) => value && spec.hasOwnProperty(key), true) ? null : console.error('Keys Missing:', spec); const getTrackCSS = spec => { checkSpecKeys(spec, ['left', 'variableWidth', 'slideCount', 'slidesToShow', 'slideWidth']); let trackWidth, trackHeight; const trackChildren = spec.slideCount + 2 * spec.slidesToShow; if (!spec.vertical) { trackWidth = getTotalSlides(spec) * spec.slideWidth; } else { trackHeight = trackChildren * spec.slideHeight; } let style = { opacity: 1, transition: '', WebkitTransition: '' }; if (spec.useTransform) { const WebkitTransform = !spec.vertical ? 'translate3d(' + spec.left + 'px, 0px, 0px)' : 'translate3d(0px, ' + spec.left + 'px, 0px)'; const transform = !spec.vertical ? 'translate3d(' + spec.left + 'px, 0px, 0px)' : 'translate3d(0px, ' + spec.left + 'px, 0px)'; const msTransform = !spec.vertical ? 'translateX(' + spec.left + 'px)' : 'translateY(' + spec.left + 'px)'; style = (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, style), {}, { WebkitTransform, transform, msTransform }); } else { if (spec.vertical) { style['top'] = spec.left; } else { style['left'] = spec.left; } } if (spec.fade) style = { opacity: 1 }; if (trackWidth) style.width = trackWidth + 'px'; if (trackHeight) style.height = trackHeight + 'px'; // Fallback for IE8 if (window && !window.addEventListener && window.attachEvent) { if (!spec.vertical) { style.marginLeft = spec.left + 'px'; } else { style.marginTop = spec.left + 'px'; } } return style; }; const getTrackAnimateCSS = spec => { checkSpecKeys(spec, ['left', 'variableWidth', 'slideCount', 'slidesToShow', 'slideWidth', 'speed', 'cssEase']); const style = getTrackCSS(spec); // useCSS is true by default so it can be undefined if (spec.useTransform) { style.WebkitTransition = '-webkit-transform ' + spec.speed + 'ms ' + spec.cssEase; style.transition = 'transform ' + spec.speed + 'ms ' + spec.cssEase; } else { if (spec.vertical) { style.transition = 'top ' + spec.speed + 'ms ' + spec.cssEase; } else { style.transition = 'left ' + spec.speed + 'ms ' + spec.cssEase; } } return style; }; const getTrackLeft = spec => { if (spec.unslick) { return 0; } checkSpecKeys(spec, ['slideIndex', 'trackRef', 'infinite', 'centerMode', 'slideCount', 'slidesToShow', 'slidesToScroll', 'slideWidth', 'listWidth', 'variableWidth', 'slideHeight']); const { slideIndex, trackRef, infinite, centerMode, slideCount, slidesToShow, slidesToScroll, slideWidth, listWidth, variableWidth, slideHeight, fade, vertical } = spec; let slideOffset = 0; let targetLeft; let targetSlide; let verticalOffset = 0; if (fade || spec.slideCount === 1) { return 0; } let slidesToOffset = 0; if (infinite) { slidesToOffset = -getPreClones(spec); // bring active slide to the beginning of visual area // if next scroll doesn't have enough children, just reach till the end of original slides instead of shifting slidesToScroll children if (slideCount % slidesToScroll !== 0 && slideIndex + slidesToScroll > slideCount) { slidesToOffset = -(slideIndex > slideCount ? slidesToShow - (slideIndex - slideCount) : slideCount % slidesToScroll); } // shift current slide to center of the frame if (centerMode) { slidesToOffset += parseInt(slidesToShow / 2); } } else { if (slideCount % slidesToScroll !== 0 && slideIndex + slidesToScroll > slideCount) { slidesToOffset = slidesToShow - slideCount % slidesToScroll; } if (centerMode) { slidesToOffset = parseInt(slidesToShow / 2); } } slideOffset = slidesToOffset * slideWidth; verticalOffset = slidesToOffset * slideHeight; if (!vertical) { targetLeft = slideIndex * slideWidth * -1 + slideOffset; } else { targetLeft = slideIndex * slideHeight * -1 + verticalOffset; } if (variableWidth === true) { let targetSlideIndex; const trackElem = trackRef; targetSlideIndex = slideIndex + getPreClones(spec); targetSlide = trackElem && trackElem.childNodes[targetSlideIndex]; targetLeft = targetSlide ? targetSlide.offsetLeft * -1 : 0; if (centerMode === true) { targetSlideIndex = infinite ? slideIndex + getPreClones(spec) : slideIndex; targetSlide = trackElem && trackElem.children[targetSlideIndex]; targetLeft = 0; for (let slide = 0; slide < targetSlideIndex; slide++) { targetLeft -= trackElem && trackElem.children[slide] && trackElem.children[slide].offsetWidth; } targetLeft -= parseInt(spec.centerPadding); targetLeft += targetSlide && (listWidth - targetSlide.offsetWidth) / 2; } } return targetLeft; }; const getPreClones = spec => { if (spec.unslick || !spec.infinite) { return 0; } if (spec.variableWidth) { return spec.slideCount; } return spec.slidesToShow + (spec.centerMode ? 1 : 0); }; const getPostClones = spec => { if (spec.unslick || !spec.infinite) { return 0; } return spec.slideCount; }; const getTotalSlides = spec => spec.slideCount === 1 ? 1 : getPreClones(spec) + spec.slideCount + getPostClones(spec); const siblingDirection = spec => { if (spec.targetSlide > spec.currentSlide) { if (spec.targetSlide > spec.currentSlide + slidesOnRight(spec)) { return 'left'; } return 'right'; } else { if (spec.targetSlide < spec.currentSlide - slidesOnLeft(spec)) { return 'right'; } return 'left'; } }; const slidesOnRight = _ref => { let { slidesToShow, centerMode, rtl, centerPadding } = _ref; // returns no of slides on the right of active slide if (centerMode) { let right = (slidesToShow - 1) / 2 + 1; if (parseInt(centerPadding) > 0) right += 1; if (rtl && slidesToShow % 2 === 0) right += 1; return right; } if (rtl) { return 0; } return slidesToShow - 1; }; const slidesOnLeft = _ref2 => { let { slidesToShow, centerMode, rtl, centerPadding } = _ref2; // returns no of slides on the left of active slide if (centerMode) { let left = (slidesToShow - 1) / 2 + 1; if (parseInt(centerPadding) > 0) left += 1; if (!rtl && slidesToShow % 2 === 0) left += 1; return left; } if (rtl) { return slidesToShow - 1; } return 0; }; const canUseDOM = () => !!(typeof window !== 'undefined' && window.document && window.document.createElement); /***/ }), /***/ "./components/vc-util/Dom/addEventListener.js": /*!****************************************************!*\ !*** ./components/vc-util/Dom/addEventListener.js ***! \****************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ addEventListenerWrap) /* harmony export */ }); /* harmony import */ var _util_supportsPassive__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../_util/supportsPassive */ "./components/_util/supportsPassive.js"); function addEventListenerWrap(target, eventType, cb, option) { if (target && target.addEventListener) { let opt = option; if (opt === undefined && _util_supportsPassive__WEBPACK_IMPORTED_MODULE_0__["default"] && (eventType === 'touchstart' || eventType === 'touchmove' || eventType === 'wheel')) { opt = { passive: false }; } target.addEventListener(eventType, cb, opt); } return { remove: () => { if (target && target.removeEventListener) { target.removeEventListener(eventType, cb); } } }; } /***/ }), /***/ "./components/vc-util/Dom/class.js": /*!*****************************************!*\ !*** ./components/vc-util/Dom/class.js ***! \*****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ addClass: () => (/* binding */ addClass), /* harmony export */ hasClass: () => (/* binding */ hasClass), /* harmony export */ removeClass: () => (/* binding */ removeClass) /* harmony export */ }); function hasClass(node, className) { if (node.classList) { return node.classList.contains(className); } const originClass = node.className; return ` ${originClass} `.indexOf(` ${className} `) > -1; } function addClass(node, className) { if (node.classList) { node.classList.add(className); } else { if (!hasClass(node, className)) { node.className = `${node.className} ${className}`; } } } function removeClass(node, className) { if (node.classList) { node.classList.remove(className); } else { if (hasClass(node, className)) { const originClass = node.className; node.className = ` ${originClass} `.replace(` ${className} `, ' '); } } } /***/ }), /***/ "./components/_util/ActionButton.tsx": /*!*******************************************!*\ !*** ./components/_util/ActionButton.tsx ***! \*******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _button__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../button */ "./components/button/index.ts"); /* harmony import */ var _button_buttonTypes__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../button/buttonTypes */ "./components/button/buttonTypes.ts"); /* harmony import */ var _hooks_useDestroyed__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./hooks/useDestroyed */ "./components/_util/hooks/useDestroyed.ts"); /* harmony import */ var _type__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./type */ "./components/_util/type.ts"); /* harmony import */ var _props_util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./props-util */ "./components/_util/props-util/index.ts"); const actionButtonProps = { type: { type: String }, actionFn: Function, close: Function, autofocus: Boolean, prefixCls: String, buttonProps: (0,_type__WEBPACK_IMPORTED_MODULE_2__.objectType)(), emitEvent: Boolean, quitOnNullishReturnValue: Boolean }; function isThenable(thing) { return !!(thing && thing.then); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'ActionButton', props: actionButtonProps, setup(props, _ref) { let { slots } = _ref; const clickedRef = (0,vue__WEBPACK_IMPORTED_MODULE_1__.shallowRef)(false); const buttonRef = (0,vue__WEBPACK_IMPORTED_MODULE_1__.shallowRef)(); const loading = (0,vue__WEBPACK_IMPORTED_MODULE_1__.shallowRef)(false); let timeoutId; const isDestroyed = (0,_hooks_useDestroyed__WEBPACK_IMPORTED_MODULE_3__["default"])(); (0,vue__WEBPACK_IMPORTED_MODULE_1__.onMounted)(() => { if (props.autofocus) { timeoutId = setTimeout(() => { var _a, _b; return (_b = (_a = (0,_props_util__WEBPACK_IMPORTED_MODULE_4__.findDOMNode)(buttonRef.value)) === null || _a === void 0 ? void 0 : _a.focus) === null || _b === void 0 ? void 0 : _b.call(_a); }); } }); (0,vue__WEBPACK_IMPORTED_MODULE_1__.onBeforeUnmount)(() => { clearTimeout(timeoutId); }); const onInternalClose = function () { var _a; for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) { args[_key] = arguments[_key]; } (_a = props.close) === null || _a === void 0 ? void 0 : _a.call(props, ...args); }; const handlePromiseOnOk = returnValueOfOnOk => { if (!isThenable(returnValueOfOnOk)) { return; } loading.value = true; returnValueOfOnOk.then(function () { if (!isDestroyed.value) { loading.value = false; } onInternalClose(...arguments); clickedRef.value = false; }, e => { // See: https://github.com/ant-design/ant-design/issues/6183 if (!isDestroyed.value) { loading.value = false; } clickedRef.value = false; return Promise.reject(e); }); }; const onClick = e => { const { actionFn } = props; if (clickedRef.value) { return; } clickedRef.value = true; if (!actionFn) { onInternalClose(); return; } let returnValueOfOnOk; if (props.emitEvent) { returnValueOfOnOk = actionFn(e); if (props.quitOnNullishReturnValue && !isThenable(returnValueOfOnOk)) { clickedRef.value = false; onInternalClose(e); return; } } else if (actionFn.length) { returnValueOfOnOk = actionFn(props.close); // https://github.com/ant-design/ant-design/issues/23358 clickedRef.value = false; } else { returnValueOfOnOk = actionFn(); if (!returnValueOfOnOk) { onInternalClose(); return; } } handlePromiseOnOk(returnValueOfOnOk); }; return () => { const { type, prefixCls, buttonProps } = props; return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_button__WEBPACK_IMPORTED_MODULE_5__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_button_buttonTypes__WEBPACK_IMPORTED_MODULE_6__.convertLegacyProps)(type)), {}, { "onClick": onClick, "loading": loading.value, "prefixCls": prefixCls }, buttonProps), {}, { "ref": buttonRef }), slots); }; } })); /***/ }), /***/ "./components/_util/BaseInput.tsx": /*!****************************************!*\ !*** ./components/_util/BaseInput.tsx ***! \****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _vue_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _BaseInputInner__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./BaseInputInner */ "./components/_util/BaseInputInner.tsx"); /* harmony import */ var _vc_util_Dom_css__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../vc-util/Dom/css */ "./components/vc-util/Dom/css.ts"); var __rest = undefined && undefined.__rest || function (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; }; const BaseInput = (0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, inheritAttrs: false, props: { disabled: _vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].looseBool, type: _vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].string, value: _vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].any, lazy: _vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].bool.def(true), tag: { type: String, default: 'input' }, size: _vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].string, style: _vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].oneOfType([String, Object]), class: _vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].string }, emits: ['change', 'input', 'blur', 'keydown', 'focus', 'compositionstart', 'compositionend', 'keyup', 'paste', 'mousedown'], setup(props, _ref) { let { emit, attrs, expose } = _ref; const inputRef = (0,vue__WEBPACK_IMPORTED_MODULE_1__.shallowRef)(null); const renderValue = (0,vue__WEBPACK_IMPORTED_MODULE_1__.ref)(); const isComposing = (0,vue__WEBPACK_IMPORTED_MODULE_1__.ref)(false); (0,vue__WEBPACK_IMPORTED_MODULE_1__.watch)([() => props.value, isComposing], () => { if (isComposing.value) return; renderValue.value = props.value; }, { immediate: true }); const handleChange = e => { emit('change', e); }; const onCompositionstart = e => { isComposing.value = true; e.target.composing = true; emit('compositionstart', e); }; const onCompositionend = e => { isComposing.value = false; e.target.composing = false; emit('compositionend', e); const event = document.createEvent('HTMLEvents'); event.initEvent('input', true, true); e.target.dispatchEvent(event); handleChange(e); }; const handleInput = e => { if (isComposing.value && props.lazy) { renderValue.value = e.target.value; return; } emit('input', e); }; const handleBlur = e => { emit('blur', e); }; const handleFocus = e => { emit('focus', e); }; const focus = () => { if (inputRef.value) { inputRef.value.focus(); } }; const blur = () => { if (inputRef.value) { inputRef.value.blur(); } }; const handleKeyDown = e => { emit('keydown', e); }; const handleKeyUp = e => { emit('keyup', e); }; const setSelectionRange = (start, end, direction) => { var _a; (_a = inputRef.value) === null || _a === void 0 ? void 0 : _a.setSelectionRange(start, end, direction); }; const select = () => { var _a; (_a = inputRef.value) === null || _a === void 0 ? void 0 : _a.select(); }; expose({ focus, blur, input: (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { var _a; return (_a = inputRef.value) === null || _a === void 0 ? void 0 : _a.input; }), setSelectionRange, select, getSelectionStart: () => { var _a; return (_a = inputRef.value) === null || _a === void 0 ? void 0 : _a.getSelectionStart(); }, getSelectionEnd: () => { var _a; return (_a = inputRef.value) === null || _a === void 0 ? void 0 : _a.getSelectionEnd(); }, getScrollTop: () => { var _a; return (_a = inputRef.value) === null || _a === void 0 ? void 0 : _a.getScrollTop(); } }); const handleMousedown = e => { emit('mousedown', e); }; const handlePaste = e => { emit('paste', e); }; const styleString = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { return props.style && typeof props.style !== 'string' ? (0,_vc_util_Dom_css__WEBPACK_IMPORTED_MODULE_3__.styleObjectToString)(props.style) : props.style; }); return () => { const { style, lazy } = props, restProps = __rest(props, ["style", "lazy"]); return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_BaseInputInner__WEBPACK_IMPORTED_MODULE_4__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, restProps), attrs), {}, { "style": styleString.value, "onInput": handleInput, "onChange": handleChange, "onBlur": handleBlur, "onFocus": handleFocus, "ref": inputRef, "value": renderValue.value, "onCompositionstart": onCompositionstart, "onCompositionend": onCompositionend, "onKeyup": handleKeyUp, "onKeydown": handleKeyDown, "onPaste": handlePaste, "onMousedown": handleMousedown }), null); }; } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (BaseInput); /***/ }), /***/ "./components/_util/BaseInputInner.tsx": /*!*********************************************!*\ !*** ./components/_util/BaseInputInner.tsx ***! \*********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _vue_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./vue-types */ "./components/_util/vue-types/index.ts"); var __rest = undefined && undefined.__rest || function (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; }; const BaseInputInner = (0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, // inheritAttrs: false, props: { disabled: _vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].looseBool, type: _vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].string, value: _vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].any, tag: { type: String, default: 'input' }, size: _vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].string, onChange: Function, onInput: Function, onBlur: Function, onFocus: Function, onKeydown: Function, onCompositionstart: Function, onCompositionend: Function, onKeyup: Function, onPaste: Function, onMousedown: Function }, emits: ['change', 'input', 'blur', 'keydown', 'focus', 'compositionstart', 'compositionend', 'keyup', 'paste', 'mousedown'], setup(props, _ref) { let { expose } = _ref; const inputRef = (0,vue__WEBPACK_IMPORTED_MODULE_1__.shallowRef)(null); const focus = () => { if (inputRef.value) { inputRef.value.focus(); } }; const blur = () => { if (inputRef.value) { inputRef.value.blur(); } }; const setSelectionRange = (start, end, direction) => { var _a; (_a = inputRef.value) === null || _a === void 0 ? void 0 : _a.setSelectionRange(start, end, direction); }; const select = () => { var _a; (_a = inputRef.value) === null || _a === void 0 ? void 0 : _a.select(); }; expose({ focus, blur, input: inputRef, setSelectionRange, select, getSelectionStart: () => { var _a; return (_a = inputRef.value) === null || _a === void 0 ? void 0 : _a.selectionStart; }, getSelectionEnd: () => { var _a; return (_a = inputRef.value) === null || _a === void 0 ? void 0 : _a.selectionEnd; }, getScrollTop: () => { var _a; return (_a = inputRef.value) === null || _a === void 0 ? void 0 : _a.scrollTop; } }); return () => { const { tag: Tag, value } = props, restProps = __rest(props, ["tag", "value"]); return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(Tag, (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, restProps), {}, { "ref": inputRef, "value": value }), null); }; } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (BaseInputInner); /***/ }), /***/ "./components/_util/BaseMixin.ts": /*!***************************************!*\ !*** ./components/_util/BaseMixin.ts ***! \***************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _props_util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./props-util */ "./components/_util/props-util/index.ts"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({ methods: { setState() { let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; let callback = arguments.length > 1 ? arguments[1] : undefined; let newState = typeof state === 'function' ? state(this.$data, this.$props) : state; if (this.getDerivedStateFromProps) { const s = this.getDerivedStateFromProps((0,_props_util__WEBPACK_IMPORTED_MODULE_2__.getOptionProps)(this), (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, this.$data), newState)); if (s === null) { return; } else { newState = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, newState), s || {}); } } (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])(this.$data, newState); if (this._.isMounted) { this.$forceUpdate(); } (0,vue__WEBPACK_IMPORTED_MODULE_1__.nextTick)(() => { callback && callback(); }); }, __emit() { // 直接调用事件,底层组件不需要vueTool记录events // eslint-disable-next-line prefer-rest-params const args = [].slice.call(arguments, 0); let eventName = args[0]; eventName = `on${eventName[0].toUpperCase()}${eventName.substring(1)}`; const event = this.$props[eventName] || this.$attrs[eventName]; if (args.length && event) { if (Array.isArray(event)) { for (let i = 0, l = event.length; i < l; i++) { event[i](...args.slice(1)); } } else { event(...args.slice(1)); } } } } }); /***/ }), /***/ "./components/_util/KeyCode.ts": /*!*************************************!*\ !*** ./components/_util/KeyCode.ts ***! \*************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /** * @ignore * some key-codes definition and utils from closure-library * @author yiminghe@gmail.com */ const KeyCode = { /** * MAC_ENTER */ MAC_ENTER: 3, /** * BACKSPACE */ BACKSPACE: 8, /** * TAB */ TAB: 9, /** * NUMLOCK on FF/Safari Mac */ NUM_CENTER: 12, /** * ENTER */ ENTER: 13, /** * SHIFT */ SHIFT: 16, /** * CTRL */ CTRL: 17, /** * ALT */ ALT: 18, /** * PAUSE */ PAUSE: 19, /** * CAPS_LOCK */ CAPS_LOCK: 20, /** * ESC */ ESC: 27, /** * SPACE */ SPACE: 32, /** * PAGE_UP */ PAGE_UP: 33, /** * PAGE_DOWN */ PAGE_DOWN: 34, /** * END */ END: 35, /** * HOME */ HOME: 36, /** * LEFT */ LEFT: 37, /** * UP */ UP: 38, /** * RIGHT */ RIGHT: 39, /** * DOWN */ DOWN: 40, /** * PRINT_SCREEN */ PRINT_SCREEN: 44, /** * INSERT */ INSERT: 45, /** * DELETE */ DELETE: 46, /** * ZERO */ ZERO: 48, /** * ONE */ ONE: 49, /** * TWO */ TWO: 50, /** * THREE */ THREE: 51, /** * FOUR */ FOUR: 52, /** * FIVE */ FIVE: 53, /** * SIX */ SIX: 54, /** * SEVEN */ SEVEN: 55, /** * EIGHT */ EIGHT: 56, /** * NINE */ NINE: 57, /** * QUESTION_MARK */ QUESTION_MARK: 63, /** * A */ A: 65, /** * B */ B: 66, /** * C */ C: 67, /** * D */ D: 68, /** * E */ E: 69, /** * F */ F: 70, /** * G */ G: 71, /** * H */ H: 72, /** * I */ I: 73, /** * J */ J: 74, /** * K */ K: 75, /** * L */ L: 76, /** * M */ M: 77, /** * N */ N: 78, /** * O */ O: 79, /** * P */ P: 80, /** * Q */ Q: 81, /** * R */ R: 82, /** * S */ S: 83, /** * T */ T: 84, /** * U */ U: 85, /** * V */ V: 86, /** * W */ W: 87, /** * X */ X: 88, /** * Y */ Y: 89, /** * Z */ Z: 90, /** * META */ META: 91, /** * WIN_KEY_RIGHT */ WIN_KEY_RIGHT: 92, /** * CONTEXT_MENU */ CONTEXT_MENU: 93, /** * NUM_ZERO */ NUM_ZERO: 96, /** * NUM_ONE */ NUM_ONE: 97, /** * NUM_TWO */ NUM_TWO: 98, /** * NUM_THREE */ NUM_THREE: 99, /** * NUM_FOUR */ NUM_FOUR: 100, /** * NUM_FIVE */ NUM_FIVE: 101, /** * NUM_SIX */ NUM_SIX: 102, /** * NUM_SEVEN */ NUM_SEVEN: 103, /** * NUM_EIGHT */ NUM_EIGHT: 104, /** * NUM_NINE */ NUM_NINE: 105, /** * NUM_MULTIPLY */ NUM_MULTIPLY: 106, /** * NUM_PLUS */ NUM_PLUS: 107, /** * NUM_MINUS */ NUM_MINUS: 109, /** * NUM_PERIOD */ NUM_PERIOD: 110, /** * NUM_DIVISION */ NUM_DIVISION: 111, /** * F1 */ F1: 112, /** * F2 */ F2: 113, /** * F3 */ F3: 114, /** * F4 */ F4: 115, /** * F5 */ F5: 116, /** * F6 */ F6: 117, /** * F7 */ F7: 118, /** * F8 */ F8: 119, /** * F9 */ F9: 120, /** * F10 */ F10: 121, /** * F11 */ F11: 122, /** * F12 */ F12: 123, /** * NUMLOCK */ NUMLOCK: 144, /** * SEMICOLON */ SEMICOLON: 186, /** * DASH */ DASH: 189, /** * EQUALS */ EQUALS: 187, /** * COMMA */ COMMA: 188, /** * PERIOD */ PERIOD: 190, /** * SLASH */ SLASH: 191, /** * APOSTROPHE */ APOSTROPHE: 192, /** * SINGLE_QUOTE */ SINGLE_QUOTE: 222, /** * OPEN_SQUARE_BRACKET */ OPEN_SQUARE_BRACKET: 219, /** * BACKSLASH */ BACKSLASH: 220, /** * CLOSE_SQUARE_BRACKET */ CLOSE_SQUARE_BRACKET: 221, /** * WIN_KEY */ WIN_KEY: 224, /** * MAC_FF_META */ MAC_FF_META: 224, /** * WIN_IME */ WIN_IME: 229, // ======================== Function ======================== /** * whether text and modified key is entered at the same time. */ isTextModifyingKeyEvent: function isTextModifyingKeyEvent(e) { const { keyCode } = e; if (e.altKey && !e.ctrlKey || e.metaKey || // Function keys don't generate text keyCode >= KeyCode.F1 && keyCode <= KeyCode.F12) { return false; } // The following keys are quite harmless, even in combination with // CTRL, ALT or SHIFT. switch (keyCode) { case KeyCode.ALT: case KeyCode.CAPS_LOCK: case KeyCode.CONTEXT_MENU: case KeyCode.CTRL: case KeyCode.DOWN: case KeyCode.END: case KeyCode.ESC: case KeyCode.HOME: case KeyCode.INSERT: case KeyCode.LEFT: case KeyCode.MAC_FF_META: case KeyCode.META: case KeyCode.NUMLOCK: case KeyCode.NUM_CENTER: case KeyCode.PAGE_DOWN: case KeyCode.PAGE_UP: case KeyCode.PAUSE: case KeyCode.PRINT_SCREEN: case KeyCode.RIGHT: case KeyCode.SHIFT: case KeyCode.UP: case KeyCode.WIN_KEY: case KeyCode.WIN_KEY_RIGHT: return false; default: return true; } }, /** * whether character is entered. */ isCharacterKey: function isCharacterKey(keyCode) { if (keyCode >= KeyCode.ZERO && keyCode <= KeyCode.NINE) { return true; } if (keyCode >= KeyCode.NUM_ZERO && keyCode <= KeyCode.NUM_MULTIPLY) { return true; } if (keyCode >= KeyCode.A && keyCode <= KeyCode.Z) { return true; } // Safari sends zero key code for non-latin characters. if (window.navigator.userAgent.indexOf('WebKit') !== -1 && keyCode === 0) { return true; } switch (keyCode) { case KeyCode.SPACE: case KeyCode.QUESTION_MARK: case KeyCode.NUM_PLUS: case KeyCode.NUM_MINUS: case KeyCode.NUM_PERIOD: case KeyCode.NUM_DIVISION: case KeyCode.SEMICOLON: case KeyCode.DASH: case KeyCode.EQUALS: case KeyCode.COMMA: case KeyCode.PERIOD: case KeyCode.SLASH: case KeyCode.APOSTROPHE: case KeyCode.SINGLE_QUOTE: case KeyCode.OPEN_SQUARE_BRACKET: case KeyCode.BACKSLASH: case KeyCode.CLOSE_SQUARE_BRACKET: return true; default: return false; } } }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (KeyCode); /***/ }), /***/ "./components/_util/Portal.tsx": /*!*************************************!*\ !*** ./components/_util/Portal.tsx ***! \*************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _vue_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _vc_trigger_context__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../vc-trigger/context */ "./components/vc-trigger/context.ts"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'Portal', inheritAttrs: false, props: { getContainer: _vue_types__WEBPACK_IMPORTED_MODULE_1__["default"].func.isRequired, didUpdate: Function }, setup(props, _ref) { let { slots } = _ref; let isSSR = true; // getContainer 不会改变,不用响应式 let container; const { shouldRender } = (0,_vc_trigger_context__WEBPACK_IMPORTED_MODULE_2__.useInjectPortal)(); function setContainer() { if (shouldRender.value) { container = props.getContainer(); } } (0,vue__WEBPACK_IMPORTED_MODULE_0__.onBeforeMount)(() => { isSSR = false; // drawer setContainer(); }); (0,vue__WEBPACK_IMPORTED_MODULE_0__.onMounted)(() => { if (container) return; // https://github.com/vueComponent/ant-design-vue/issues/6937 setContainer(); }); const stopWatch = (0,vue__WEBPACK_IMPORTED_MODULE_0__.watch)(shouldRender, () => { if (shouldRender.value && !container) { container = props.getContainer(); } if (container) { stopWatch(); } }); (0,vue__WEBPACK_IMPORTED_MODULE_0__.onUpdated)(() => { (0,vue__WEBPACK_IMPORTED_MODULE_0__.nextTick)(() => { var _a; if (shouldRender.value) { (_a = props.didUpdate) === null || _a === void 0 ? void 0 : _a.call(props, props); } }); }); // onBeforeUnmount(() => { // if (container && container.parentNode) { // container.parentNode.removeChild(container); // } // }); return () => { var _a; if (!shouldRender.value) return null; if (isSSR) { return (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots); } return container ? (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_0__.Teleport, { "to": container }, slots) : null; }; } })); /***/ }), /***/ "./components/_util/PortalWrapper.tsx": /*!********************************************!*\ !*** ./components/_util/PortalWrapper.tsx ***! \********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ getOpenCount: () => (/* binding */ getOpenCount) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _vue_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _Portal__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./Portal */ "./components/_util/Portal.tsx"); /* harmony import */ var _canUseDom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./canUseDom */ "./components/_util/canUseDom.ts"); /* harmony import */ var _raf__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./raf */ "./components/_util/raf.ts"); /* harmony import */ var _type__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./type */ "./components/_util/type.ts"); /* harmony import */ var _hooks_useScrollLocker__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./hooks/useScrollLocker */ "./components/_util/hooks/useScrollLocker.ts"); let openCount = 0; const supportDom = (0,_canUseDom__WEBPACK_IMPORTED_MODULE_1__["default"])(); /** @private Test usage only */ function getOpenCount() { return false ? 0 : 0; } const getParent = getContainer => { if (!supportDom) { return null; } if (getContainer) { if (typeof getContainer === 'string') { return document.querySelectorAll(getContainer)[0]; } if (typeof getContainer === 'function') { return getContainer(); } if (typeof getContainer === 'object' && getContainer instanceof window.HTMLElement) { return getContainer; } } return document.body; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'PortalWrapper', inheritAttrs: false, props: { wrapperClassName: String, forceRender: { type: Boolean, default: undefined }, getContainer: _vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].any, visible: { type: Boolean, default: undefined }, autoLock: (0,_type__WEBPACK_IMPORTED_MODULE_3__.booleanType)(), didUpdate: Function }, setup(props, _ref) { let { slots } = _ref; const container = (0,vue__WEBPACK_IMPORTED_MODULE_0__.shallowRef)(); const componentRef = (0,vue__WEBPACK_IMPORTED_MODULE_0__.shallowRef)(); const rafId = (0,vue__WEBPACK_IMPORTED_MODULE_0__.shallowRef)(); const triggerUpdate = (0,vue__WEBPACK_IMPORTED_MODULE_0__.shallowRef)(1); const defaultContainer = (0,_canUseDom__WEBPACK_IMPORTED_MODULE_1__["default"])() && document.createElement('div'); const removeCurrentContainer = () => { var _a, _b; // Portal will remove from `parentNode`. // Let's handle this again to avoid refactor issue. if (container.value === defaultContainer) { (_b = (_a = container.value) === null || _a === void 0 ? void 0 : _a.parentNode) === null || _b === void 0 ? void 0 : _b.removeChild(container.value); } container.value = null; }; let parent = null; const attachToParent = function () { let force = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false; if (force || container.value && !container.value.parentNode) { parent = getParent(props.getContainer); if (parent) { parent.appendChild(container.value); return true; } return false; } return true; }; const getContainer = () => { if (!supportDom) { return null; } if (!container.value) { container.value = defaultContainer; attachToParent(true); } setWrapperClassName(); return container.value; }; const setWrapperClassName = () => { const { wrapperClassName } = props; if (container.value && wrapperClassName && wrapperClassName !== container.value.className) { container.value.className = wrapperClassName; } }; (0,vue__WEBPACK_IMPORTED_MODULE_0__.onUpdated)(() => { setWrapperClassName(); attachToParent(); }); (0,_hooks_useScrollLocker__WEBPACK_IMPORTED_MODULE_4__["default"])((0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => { return props.autoLock && props.visible && (0,_canUseDom__WEBPACK_IMPORTED_MODULE_1__["default"])() && (container.value === document.body || container.value === defaultContainer); })); (0,vue__WEBPACK_IMPORTED_MODULE_0__.onMounted)(() => { let init = false; (0,vue__WEBPACK_IMPORTED_MODULE_0__.watch)([() => props.visible, () => props.getContainer], (_ref2, _ref3) => { let [visible, getContainer] = _ref2; let [prevVisible, prevGetContainer] = _ref3; // Update count if (supportDom) { parent = getParent(props.getContainer); if (parent === document.body) { if (visible && !prevVisible) { openCount += 1; } else if (init) { openCount -= 1; } } } if (init) { // Clean up container if needed const getContainerIsFunc = typeof getContainer === 'function' && typeof prevGetContainer === 'function'; if (getContainerIsFunc ? getContainer.toString() !== prevGetContainer.toString() : getContainer !== prevGetContainer) { removeCurrentContainer(); } } init = true; }, { immediate: true, flush: 'post' }); (0,vue__WEBPACK_IMPORTED_MODULE_0__.nextTick)(() => { if (!attachToParent()) { rafId.value = (0,_raf__WEBPACK_IMPORTED_MODULE_5__["default"])(() => { triggerUpdate.value += 1; }); } }); }); (0,vue__WEBPACK_IMPORTED_MODULE_0__.onBeforeUnmount)(() => { const { visible } = props; if (supportDom && parent === document.body) { // 离开时不会 render, 导到离开时数值不变,改用 func 。。 openCount = visible && openCount ? openCount - 1 : openCount; } removeCurrentContainer(); _raf__WEBPACK_IMPORTED_MODULE_5__["default"].cancel(rafId.value); }); return () => { const { forceRender, visible } = props; let portal = null; const childProps = { getOpenCount: () => openCount, getContainer }; if (triggerUpdate.value && (forceRender || visible || componentRef.value)) { portal = (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_Portal__WEBPACK_IMPORTED_MODULE_6__["default"], { "getContainer": getContainer, "ref": componentRef, "didUpdate": props.didUpdate }, { default: () => { var _a; return (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots, childProps); } }); } return portal; }; } })); /***/ }), /***/ "./components/_util/canUseDom.ts": /*!***************************************!*\ !*** ./components/_util/canUseDom.ts ***! \***************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); function canUseDom() { return !!(typeof window !== 'undefined' && window.document && window.document.createElement); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (canUseDom); /***/ }), /***/ "./components/_util/classNames.ts": /*!****************************************!*\ !*** ./components/_util/classNames.ts ***! \****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./util */ "./components/_util/util.ts"); function classNames() { const classes = []; for (let i = 0; i < arguments.length; i++) { const value = i < 0 || arguments.length <= i ? undefined : arguments[i]; if (!value) continue; if ((0,_util__WEBPACK_IMPORTED_MODULE_0__.isString)(value)) { classes.push(value); } else if ((0,_util__WEBPACK_IMPORTED_MODULE_0__.isArray)(value)) { for (let i = 0; i < value.length; i++) { const inner = classNames(value[i]); if (inner) { classes.push(inner); } } } else if ((0,_util__WEBPACK_IMPORTED_MODULE_0__.isObject)(value)) { for (const name in value) { if (value[name]) { classes.push(name); } } } } return classes.join(' '); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (classNames); /***/ }), /***/ "./components/_util/collapseMotion.tsx": /*!*********************************************!*\ !*** ./components/_util/collapseMotion.tsx ***! \*********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _vc_util_Dom_class__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../vc-util/Dom/class */ "./components/vc-util/Dom/class.js"); const collapseMotion = function () { let name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'ant-motion-collapse'; let appear = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true; return { name, appear, css: true, onBeforeEnter: node => { node.style.height = '0px'; node.style.opacity = '0'; (0,_vc_util_Dom_class__WEBPACK_IMPORTED_MODULE_1__.addClass)(node, name); }, onEnter: node => { (0,vue__WEBPACK_IMPORTED_MODULE_0__.nextTick)(() => { node.style.height = `${node.scrollHeight}px`; node.style.opacity = '1'; }); }, onAfterEnter: node => { if (node) { (0,_vc_util_Dom_class__WEBPACK_IMPORTED_MODULE_1__.removeClass)(node, name); node.style.height = null; node.style.opacity = null; } }, onBeforeLeave: node => { (0,_vc_util_Dom_class__WEBPACK_IMPORTED_MODULE_1__.addClass)(node, name); node.style.height = `${node.offsetHeight}px`; node.style.opacity = null; }, onLeave: node => { setTimeout(() => { node.style.height = '0px'; node.style.opacity = '0'; }); }, onAfterLeave: node => { if (node) { (0,_vc_util_Dom_class__WEBPACK_IMPORTED_MODULE_1__.removeClass)(node, name); if (node.style) { node.style.height = null; node.style.opacity = null; } } } }; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (collapseMotion); /***/ }), /***/ "./components/_util/colors.ts": /*!************************************!*\ !*** ./components/_util/colors.ts ***! \************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ PresetStatusColorTypes: () => (/* binding */ PresetStatusColorTypes), /* harmony export */ isPresetColor: () => (/* binding */ isPresetColor), /* harmony export */ isPresetStatusColor: () => (/* binding */ isPresetStatusColor) /* harmony export */ }); /* harmony import */ var _theme_interface__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../theme/interface */ "./components/theme/interface/presetColors.ts"); const inverseColors = _theme_interface__WEBPACK_IMPORTED_MODULE_0__.PresetColors.map(color => `${color}-inverse`); const PresetStatusColorTypes = ['success', 'processing', 'error', 'default', 'warning']; /** * determine if the color keyword belongs to the `Ant Design` {@link PresetColors}. * @param color color to be judged * @param includeInverse whether to include reversed colors */ function isPresetColor(color) { let includeInverse = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true; if (includeInverse) { return [...inverseColors, ..._theme_interface__WEBPACK_IMPORTED_MODULE_0__.PresetColors].includes(color); } return _theme_interface__WEBPACK_IMPORTED_MODULE_0__.PresetColors.includes(color); } function isPresetStatusColor(color) { return PresetStatusColorTypes.includes(color); } /***/ }), /***/ "./components/_util/copy-to-clipboard/index.ts": /*!*****************************************************!*\ !*** ./components/_util/copy-to-clipboard/index.ts ***! \*****************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _toggle_selection__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./toggle-selection */ "./components/_util/copy-to-clipboard/toggle-selection.ts"); const clipboardToIE11Formatting = { 'text/plain': 'Text', 'text/html': 'Url', default: 'Text' }; const defaultMessage = 'Copy to clipboard: #{key}, Enter'; function format(message) { const copyKey = (/mac os x/i.test(navigator.userAgent) ? '⌘' : 'Ctrl') + '+C'; return message.replace(/#{\s*key\s*}/g, copyKey); } function copy(text, options) { let message, reselectPrevious, range, selection, mark, success = false; if (!options) { options = {}; } const debug = options.debug || false; try { reselectPrevious = (0,_toggle_selection__WEBPACK_IMPORTED_MODULE_0__["default"])(); range = document.createRange(); selection = document.getSelection(); mark = document.createElement('span'); mark.textContent = text; // reset user styles for span element mark.style.all = 'unset'; // prevents scrolling to the end of the page mark.style.position = 'fixed'; mark.style.top = 0; mark.style.clip = 'rect(0, 0, 0, 0)'; // used to preserve spaces and line breaks mark.style.whiteSpace = 'pre'; // do not inherit user-select (it may be `none`) mark.style.webkitUserSelect = 'text'; mark.style.MozUserSelect = 'text'; mark.style.msUserSelect = 'text'; mark.style.userSelect = 'text'; mark.addEventListener('copy', function (e) { e.stopPropagation(); if (options.format) { e.preventDefault(); if (typeof e.clipboardData === 'undefined') { // IE 11 debug && console.warn('unable to use e.clipboardData'); debug && console.warn('trying IE specific stuff'); window.clipboardData.clearData(); const format = clipboardToIE11Formatting[options.format] || clipboardToIE11Formatting['default']; window.clipboardData.setData(format, text); } else { // all other browsers e.clipboardData.clearData(); e.clipboardData.setData(options.format, text); } } if (options.onCopy) { e.preventDefault(); options.onCopy(e.clipboardData); } }); document.body.appendChild(mark); range.selectNodeContents(mark); selection.addRange(range); const successful = document.execCommand('copy'); if (!successful) { throw new Error('copy command was unsuccessful'); } success = true; } catch (err) { debug && console.error('unable to copy using execCommand: ', err); debug && console.warn('trying IE specific stuff'); try { window.clipboardData.setData(options.format || 'text', text); options.onCopy && options.onCopy(window.clipboardData); success = true; } catch (err) { debug && console.error('unable to copy using clipboardData: ', err); debug && console.error('falling back to prompt'); message = format('message' in options ? options.message : defaultMessage); window.prompt(message, text); } } finally { if (selection) { if (typeof selection.removeRange == 'function') { selection.removeRange(range); } else { selection.removeAllRanges(); } } if (mark) { document.body.removeChild(mark); } reselectPrevious(); } return success; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (copy); /***/ }), /***/ "./components/_util/copy-to-clipboard/toggle-selection.ts": /*!****************************************************************!*\ !*** ./components/_util/copy-to-clipboard/toggle-selection.ts ***! \****************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); // copy from https://github.com/sudodoki/toggle-selection // refactor to esm const deselectCurrent = () => { const selection = document.getSelection(); if (!selection.rangeCount) { return function () {}; } let active = document.activeElement; const ranges = []; for (let i = 0; i < selection.rangeCount; i++) { ranges.push(selection.getRangeAt(i)); } switch (active.tagName.toUpperCase() // .toUpperCase handles XHTML ) { case 'INPUT': case 'TEXTAREA': active.blur(); break; default: active = null; break; } selection.removeAllRanges(); return function () { selection.type === 'Caret' && selection.removeAllRanges(); if (!selection.rangeCount) { ranges.forEach(function (range) { selection.addRange(range); }); } active && active.focus(); }; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (deselectCurrent); /***/ }), /***/ "./components/_util/createContext.ts": /*!*******************************************!*\ !*** ./components/_util/createContext.ts ***! \*******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); function createContext(defaultValue) { const contextKey = Symbol('contextKey'); const useProvide = (props, newProps) => { const mergedProps = (0,vue__WEBPACK_IMPORTED_MODULE_1__.reactive)({}); (0,vue__WEBPACK_IMPORTED_MODULE_1__.provide)(contextKey, mergedProps); (0,vue__WEBPACK_IMPORTED_MODULE_1__.watchEffect)(() => { (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])(mergedProps, props, newProps || {}); }); return mergedProps; }; const useInject = () => { return (0,vue__WEBPACK_IMPORTED_MODULE_1__.inject)(contextKey, defaultValue) || {}; }; return { useProvide, useInject }; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (createContext); /***/ }), /***/ "./components/_util/createRef.ts": /*!***************************************!*\ !*** ./components/_util/createRef.ts ***! \***************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ composeRef: () => (/* binding */ composeRef), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ fillRef: () => (/* binding */ fillRef) /* harmony export */ }); function createRef() { const func = node => { func.current = node; }; return func; } function fillRef(ref, node) { if (typeof ref === 'function') { ref(node); } else if (typeof ref === 'object' && ref && 'current' in ref) { ref.current = node; } } /** * Merge refs into one ref function to support ref passing. */ function composeRef() { for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) { refs[_key] = arguments[_key]; } return node => { refs.forEach(ref => { fillRef(ref, node); }); }; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (createRef); /***/ }), /***/ "./components/_util/cssinjs/Cache.ts": /*!*******************************************!*\ !*** ./components/_util/cssinjs/Cache.ts ***! \*******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); const SPLIT = '%'; class Entity { constructor(instanceId) { /** @private Internal cache map. Do not access this directly */ this.cache = new Map(); this.instanceId = instanceId; } get(keys) { return this.cache.get(Array.isArray(keys) ? keys.join(SPLIT) : keys) || null; } update(keys, valueFn) { const path = Array.isArray(keys) ? keys.join(SPLIT) : keys; const prevValue = this.cache.get(path); const nextValue = valueFn(prevValue); if (nextValue === null) { this.cache.delete(path); } else { this.cache.set(path, nextValue); } } } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Entity); /***/ }), /***/ "./components/_util/cssinjs/Keyframes.ts": /*!***********************************************!*\ !*** ./components/_util/cssinjs/Keyframes.ts ***! \***********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); class Keyframe { constructor(name, style) { this._keyframe = true; this.name = name; this.style = style; } getName() { let hashId = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ''; return hashId ? `${hashId}-${this.name}` : this.name; } } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Keyframe); /***/ }), /***/ "./components/_util/cssinjs/StyleContext.tsx": /*!***************************************************!*\ !*** ./components/_util/cssinjs/StyleContext.tsx ***! \***************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ ATTR_CACHE_PATH: () => (/* binding */ ATTR_CACHE_PATH), /* harmony export */ ATTR_MARK: () => (/* binding */ ATTR_MARK), /* harmony export */ ATTR_TOKEN: () => (/* binding */ ATTR_TOKEN), /* harmony export */ CSS_IN_JS_INSTANCE: () => (/* binding */ CSS_IN_JS_INSTANCE), /* harmony export */ StyleProvider: () => (/* binding */ StyleProvider), /* harmony export */ createCache: () => (/* binding */ createCache), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ styleProviderProps: () => (/* binding */ styleProviderProps), /* harmony export */ useStyleInject: () => (/* binding */ useStyleInject), /* harmony export */ useStyleProvider: () => (/* binding */ useStyleProvider) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _Cache__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Cache */ "./components/_util/cssinjs/Cache.ts"); /* harmony import */ var _type__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../type */ "./components/_util/type.ts"); const ATTR_TOKEN = 'data-token-hash'; const ATTR_MARK = 'data-css-hash'; const ATTR_CACHE_PATH = 'data-cache-path'; // Mark css-in-js instance in style element const CSS_IN_JS_INSTANCE = '__cssinjs_instance__'; function createCache() { const cssinjsInstanceId = Math.random().toString(12).slice(2); // Tricky SSR: Move all inline style to the head. // PS: We do not recommend tricky mode. if (typeof document !== 'undefined' && document.head && document.body) { const styles = document.body.querySelectorAll(`style[${ATTR_MARK}]`) || []; const { firstChild } = document.head; Array.from(styles).forEach(style => { style[CSS_IN_JS_INSTANCE] = style[CSS_IN_JS_INSTANCE] || cssinjsInstanceId; // Not force move if no head // Not force move if no head if (style[CSS_IN_JS_INSTANCE] === cssinjsInstanceId) { document.head.insertBefore(style, firstChild); } }); // Deduplicate of moved styles const styleHash = {}; Array.from(document.querySelectorAll(`style[${ATTR_MARK}]`)).forEach(style => { var _a; const hash = style.getAttribute(ATTR_MARK); if (styleHash[hash]) { if (style[CSS_IN_JS_INSTANCE] === cssinjsInstanceId) { (_a = style.parentNode) === null || _a === void 0 ? void 0 : _a.removeChild(style); } } else { styleHash[hash] = true; } }); } return new _Cache__WEBPACK_IMPORTED_MODULE_2__["default"](cssinjsInstanceId); } const StyleContextKey = Symbol('StyleContextKey'); // fix: https://github.com/vueComponent/ant-design-vue/issues/7023 const getCache = () => { var _a, _b, _c; const instance = (0,vue__WEBPACK_IMPORTED_MODULE_1__.getCurrentInstance)(); let cache; if (instance && instance.appContext) { const globalCache = (_c = (_b = (_a = instance.appContext) === null || _a === void 0 ? void 0 : _a.config) === null || _b === void 0 ? void 0 : _b.globalProperties) === null || _c === void 0 ? void 0 : _c.__ANTDV_CSSINJS_CACHE__; if (globalCache) { cache = globalCache; } else { cache = createCache(); if (instance.appContext.config.globalProperties) { instance.appContext.config.globalProperties.__ANTDV_CSSINJS_CACHE__ = cache; } } } else { cache = createCache(); } return cache; }; const defaultStyleContext = { cache: createCache(), defaultCache: true, hashPriority: 'low' }; // fix: https://github.com/vueComponent/ant-design-vue/issues/6912 const useStyleInject = () => { const cache = getCache(); return (0,vue__WEBPACK_IMPORTED_MODULE_1__.inject)(StyleContextKey, (0,vue__WEBPACK_IMPORTED_MODULE_1__.shallowRef)((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, defaultStyleContext), { cache }))); }; const useStyleProvider = props => { const parentContext = useStyleInject(); const context = (0,vue__WEBPACK_IMPORTED_MODULE_1__.shallowRef)((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, defaultStyleContext), { cache: createCache() })); (0,vue__WEBPACK_IMPORTED_MODULE_1__.watch)([() => (0,vue__WEBPACK_IMPORTED_MODULE_1__.unref)(props), parentContext], () => { const mergedContext = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, parentContext.value); const propsValue = (0,vue__WEBPACK_IMPORTED_MODULE_1__.unref)(props); Object.keys(propsValue).forEach(key => { const value = propsValue[key]; if (propsValue[key] !== undefined) { mergedContext[key] = value; } }); const { cache } = propsValue; mergedContext.cache = mergedContext.cache || createCache(); mergedContext.defaultCache = !cache && parentContext.value.defaultCache; context.value = mergedContext; }, { immediate: true }); (0,vue__WEBPACK_IMPORTED_MODULE_1__.provide)(StyleContextKey, context); return context; }; const styleProviderProps = () => ({ autoClear: (0,_type__WEBPACK_IMPORTED_MODULE_3__.booleanType)(), /** @private Test only. Not work in production. */ mock: (0,_type__WEBPACK_IMPORTED_MODULE_3__.stringType)(), /** * Only set when you need ssr to extract style on you own. * If not provided, it will auto create `; } const orderStyles = styleKeys.map(key => { const cachePath = key.slice(matchPrefix.length).replace(/%/g, '|'); const [styleStr, tokenKey, styleId, effectStyle, clientOnly, order] = cache.cache.get(key)[1]; // Skip client only style if (clientOnly) { return null; } // ====================== Style ====================== // Used for vc-util const sharedAttrs = { 'data-vc-order': 'prependQueue', 'data-vc-priority': `${order}` }; let keyStyleText = toStyleStr(styleStr, tokenKey, styleId, sharedAttrs); // Save cache path with hash mapping cachePathMap[cachePath] = styleId; // =============== Create effect style =============== if (effectStyle) { Object.keys(effectStyle).forEach(effectKey => { // Effect style can be reused if (!effectStyles[effectKey]) { effectStyles[effectKey] = true; keyStyleText += toStyleStr(normalizeStyle(effectStyle[effectKey]), tokenKey, `_effect-${effectKey}`, sharedAttrs); } }); } const ret = [order, keyStyleText]; return ret; }).filter(o => o); orderStyles.sort((o1, o2) => o1[0] - o2[0]).forEach(_ref2 => { let [, style] = _ref2; styleText += style; }); // ==================== Fill Cache Path ==================== styleText += toStyleStr(`.${_cacheMapUtil__WEBPACK_IMPORTED_MODULE_12__.ATTR_CACHE_MAP}{content:"${(0,_cacheMapUtil__WEBPACK_IMPORTED_MODULE_12__.serialize)(cachePathMap)}";}`, undefined, undefined, { [_cacheMapUtil__WEBPACK_IMPORTED_MODULE_12__.ATTR_CACHE_MAP]: _cacheMapUtil__WEBPACK_IMPORTED_MODULE_12__.ATTR_CACHE_MAP }); return styleText; } /***/ }), /***/ "./components/_util/cssinjs/index.ts": /*!*******************************************!*\ !*** ./components/_util/cssinjs/index.ts ***! \*******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ Keyframes: () => (/* reexport safe */ _Keyframes__WEBPACK_IMPORTED_MODULE_5__["default"]), /* harmony export */ StyleProvider: () => (/* reexport safe */ _StyleContext__WEBPACK_IMPORTED_MODULE_4__.StyleProvider), /* harmony export */ Theme: () => (/* reexport safe */ _theme__WEBPACK_IMPORTED_MODULE_0__["default"]), /* harmony export */ _experimental: () => (/* binding */ _experimental), /* harmony export */ createCache: () => (/* reexport safe */ _StyleContext__WEBPACK_IMPORTED_MODULE_4__.createCache), /* harmony export */ createTheme: () => (/* reexport safe */ _theme__WEBPACK_IMPORTED_MODULE_1__["default"]), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ extractStyle: () => (/* reexport safe */ _hooks_useStyleRegister__WEBPACK_IMPORTED_MODULE_2__.extractStyle), /* harmony export */ legacyLogicalPropertiesTransformer: () => (/* reexport safe */ _transformers_legacyLogicalProperties__WEBPACK_IMPORTED_MODULE_6__["default"]), /* harmony export */ legacyNotSelectorLinter: () => (/* reexport safe */ _linters__WEBPACK_IMPORTED_MODULE_9__["default"]), /* harmony export */ logicalPropertiesLinter: () => (/* reexport safe */ _linters__WEBPACK_IMPORTED_MODULE_8__["default"]), /* harmony export */ parentSelectorLinter: () => (/* reexport safe */ _linters__WEBPACK_IMPORTED_MODULE_10__["default"]), /* harmony export */ px2remTransformer: () => (/* reexport safe */ _transformers_px2rem__WEBPACK_IMPORTED_MODULE_7__["default"]), /* harmony export */ useCacheToken: () => (/* reexport safe */ _hooks_useCacheToken__WEBPACK_IMPORTED_MODULE_3__["default"]), /* harmony export */ useStyleInject: () => (/* reexport safe */ _StyleContext__WEBPACK_IMPORTED_MODULE_4__.useStyleInject), /* harmony export */ useStyleProvider: () => (/* reexport safe */ _StyleContext__WEBPACK_IMPORTED_MODULE_4__.useStyleProvider), /* harmony export */ useStyleRegister: () => (/* reexport safe */ _hooks_useStyleRegister__WEBPACK_IMPORTED_MODULE_2__["default"]) /* harmony export */ }); /* harmony import */ var _hooks_useCacheToken__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./hooks/useCacheToken */ "./components/_util/cssinjs/hooks/useCacheToken.tsx"); /* harmony import */ var _hooks_useStyleRegister__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./hooks/useStyleRegister */ "./components/_util/cssinjs/hooks/useStyleRegister/index.tsx"); /* harmony import */ var _Keyframes__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Keyframes */ "./components/_util/cssinjs/Keyframes.ts"); /* harmony import */ var _linters__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./linters */ "./components/_util/cssinjs/linters/logicalPropertiesLinter.ts"); /* harmony import */ var _linters__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./linters */ "./components/_util/cssinjs/linters/legacyNotSelectorLinter.ts"); /* harmony import */ var _linters__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./linters */ "./components/_util/cssinjs/linters/parentSelectorLinter.ts"); /* harmony import */ var _StyleContext__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./StyleContext */ "./components/_util/cssinjs/StyleContext.tsx"); /* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./theme */ "./components/_util/cssinjs/theme/Theme.ts"); /* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./theme */ "./components/_util/cssinjs/theme/createTheme.ts"); /* harmony import */ var _transformers_legacyLogicalProperties__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./transformers/legacyLogicalProperties */ "./components/_util/cssinjs/transformers/legacyLogicalProperties.ts"); /* harmony import */ var _transformers_px2rem__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./transformers/px2rem */ "./components/_util/cssinjs/transformers/px2rem.ts"); /* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./util */ "./components/_util/cssinjs/util.ts"); const cssinjs = { Theme: _theme__WEBPACK_IMPORTED_MODULE_0__["default"], createTheme: _theme__WEBPACK_IMPORTED_MODULE_1__["default"], useStyleRegister: _hooks_useStyleRegister__WEBPACK_IMPORTED_MODULE_2__["default"], useCacheToken: _hooks_useCacheToken__WEBPACK_IMPORTED_MODULE_3__["default"], createCache: _StyleContext__WEBPACK_IMPORTED_MODULE_4__.createCache, useStyleInject: _StyleContext__WEBPACK_IMPORTED_MODULE_4__.useStyleInject, useStyleProvider: _StyleContext__WEBPACK_IMPORTED_MODULE_4__.useStyleProvider, Keyframes: _Keyframes__WEBPACK_IMPORTED_MODULE_5__["default"], extractStyle: _hooks_useStyleRegister__WEBPACK_IMPORTED_MODULE_2__.extractStyle, // Transformer legacyLogicalPropertiesTransformer: _transformers_legacyLogicalProperties__WEBPACK_IMPORTED_MODULE_6__["default"], px2remTransformer: _transformers_px2rem__WEBPACK_IMPORTED_MODULE_7__["default"], // Linters logicalPropertiesLinter: _linters__WEBPACK_IMPORTED_MODULE_8__["default"], legacyNotSelectorLinter: _linters__WEBPACK_IMPORTED_MODULE_9__["default"], parentSelectorLinter: _linters__WEBPACK_IMPORTED_MODULE_10__["default"], // cssinjs StyleProvider: _StyleContext__WEBPACK_IMPORTED_MODULE_4__.StyleProvider }; const _experimental = { supportModernCSS: () => (0,_util__WEBPACK_IMPORTED_MODULE_11__.supportWhere)() && (0,_util__WEBPACK_IMPORTED_MODULE_11__.supportLogicProps)() }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (cssinjs); /***/ }), /***/ "./components/_util/cssinjs/linters/contentQuotesLinter.ts": /*!*****************************************************************!*\ !*** ./components/_util/cssinjs/linters/contentQuotesLinter.ts ***! \*****************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils */ "./components/_util/cssinjs/linters/utils.ts"); const linter = (key, value, info) => { if (key === 'content') { // From emotion: https://github.com/emotion-js/emotion/blob/main/packages/serialize/src/index.js#L63 const contentValuePattern = /(attr|counters?|url|(((repeating-)?(linear|radial))|conic)-gradient)\(|(no-)?(open|close)-quote/; const contentValues = ['normal', 'none', 'initial', 'inherit', 'unset']; if (typeof value !== 'string' || contentValues.indexOf(value) === -1 && !contentValuePattern.test(value) && (value.charAt(0) !== value.charAt(value.length - 1) || value.charAt(0) !== '"' && value.charAt(0) !== "'")) { (0,_utils__WEBPACK_IMPORTED_MODULE_0__.lintWarning)(`You seem to be using a value for 'content' without quotes, try replacing it with \`content: '"${value}"'\`.`, info); } } }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (linter); /***/ }), /***/ "./components/_util/cssinjs/linters/hashedAnimationLinter.ts": /*!*******************************************************************!*\ !*** ./components/_util/cssinjs/linters/hashedAnimationLinter.ts ***! \*******************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils */ "./components/_util/cssinjs/linters/utils.ts"); const linter = (key, value, info) => { if (key === 'animation') { if (info.hashId && value !== 'none') { (0,_utils__WEBPACK_IMPORTED_MODULE_0__.lintWarning)(`You seem to be using hashed animation '${value}', in which case 'animationName' with Keyframe as value is recommended.`, info); } } }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (linter); /***/ }), /***/ "./components/_util/cssinjs/linters/legacyNotSelectorLinter.ts": /*!*********************************************************************!*\ !*** ./components/_util/cssinjs/linters/legacyNotSelectorLinter.ts ***! \*********************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils */ "./components/_util/cssinjs/linters/utils.ts"); function isConcatSelector(selector) { var _a; const notContent = ((_a = selector.match(/:not\(([^)]*)\)/)) === null || _a === void 0 ? void 0 : _a[1]) || ''; // split selector. e.g. // `h1#a.b` => ['h1', #a', '.b'] const splitCells = notContent.split(/(\[[^[]*])|(?=[.#])/).filter(str => str); return splitCells.length > 1; } function parsePath(info) { return info.parentSelectors.reduce((prev, cur) => { if (!prev) { return cur; } return cur.includes('&') ? cur.replace(/&/g, prev) : `${prev} ${cur}`; }, ''); } const linter = (_key, _value, info) => { const parentSelectorPath = parsePath(info); const notList = parentSelectorPath.match(/:not\([^)]*\)/g) || []; if (notList.length > 0 && notList.some(isConcatSelector)) { (0,_utils__WEBPACK_IMPORTED_MODULE_0__.lintWarning)(`Concat ':not' selector not support in legacy browsers.`, info); } }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (linter); /***/ }), /***/ "./components/_util/cssinjs/linters/logicalPropertiesLinter.ts": /*!*********************************************************************!*\ !*** ./components/_util/cssinjs/linters/logicalPropertiesLinter.ts ***! \*********************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils */ "./components/_util/cssinjs/linters/utils.ts"); const linter = (key, value, info) => { switch (key) { case 'marginLeft': case 'marginRight': case 'paddingLeft': case 'paddingRight': case 'left': case 'right': case 'borderLeft': case 'borderLeftWidth': case 'borderLeftStyle': case 'borderLeftColor': case 'borderRight': case 'borderRightWidth': case 'borderRightStyle': case 'borderRightColor': case 'borderTopLeftRadius': case 'borderTopRightRadius': case 'borderBottomLeftRadius': case 'borderBottomRightRadius': (0,_utils__WEBPACK_IMPORTED_MODULE_0__.lintWarning)(`You seem to be using non-logical property '${key}' which is not compatible with RTL mode. Please use logical properties and values instead. For more information: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Logical_Properties.`, info); return; case 'margin': case 'padding': case 'borderWidth': case 'borderStyle': // case 'borderColor': if (typeof value === 'string') { const valueArr = value.split(' ').map(item => item.trim()); if (valueArr.length === 4 && valueArr[1] !== valueArr[3]) { (0,_utils__WEBPACK_IMPORTED_MODULE_0__.lintWarning)(`You seem to be using '${key}' property with different left ${key} and right ${key}, which is not compatible with RTL mode. Please use logical properties and values instead. For more information: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Logical_Properties.`, info); } } return; case 'clear': case 'textAlign': if (value === 'left' || value === 'right') { (0,_utils__WEBPACK_IMPORTED_MODULE_0__.lintWarning)(`You seem to be using non-logical value '${value}' of ${key}, which is not compatible with RTL mode. Please use logical properties and values instead. For more information: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Logical_Properties.`, info); } return; case 'borderRadius': if (typeof value === 'string') { const radiusGroups = value.split('/').map(item => item.trim()); const invalid = radiusGroups.reduce((result, group) => { if (result) { return result; } const radiusArr = group.split(' ').map(item => item.trim()); // borderRadius: '2px 4px' if (radiusArr.length >= 2 && radiusArr[0] !== radiusArr[1]) { return true; } // borderRadius: '4px 4px 2px' if (radiusArr.length === 3 && radiusArr[1] !== radiusArr[2]) { return true; } // borderRadius: '4px 4px 2px 4px' if (radiusArr.length === 4 && radiusArr[2] !== radiusArr[3]) { return true; } return result; }, false); if (invalid) { (0,_utils__WEBPACK_IMPORTED_MODULE_0__.lintWarning)(`You seem to be using non-logical value '${value}' of ${key}, which is not compatible with RTL mode. Please use logical properties and values instead. For more information: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Logical_Properties.`, info); } } return; default: } }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (linter); /***/ }), /***/ "./components/_util/cssinjs/linters/parentSelectorLinter.ts": /*!******************************************************************!*\ !*** ./components/_util/cssinjs/linters/parentSelectorLinter.ts ***! \******************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils */ "./components/_util/cssinjs/linters/utils.ts"); const linter = (_key, _value, info) => { if (info.parentSelectors.some(selector => { const selectors = selector.split(','); return selectors.some(item => item.split('&').length > 2); })) { (0,_utils__WEBPACK_IMPORTED_MODULE_0__.lintWarning)('Should not use more than one `&` in a selector.', info); } }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (linter); /***/ }), /***/ "./components/_util/cssinjs/linters/utils.ts": /*!***************************************************!*\ !*** ./components/_util/cssinjs/linters/utils.ts ***! \***************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ lintWarning: () => (/* binding */ lintWarning) /* harmony export */ }); /* harmony import */ var _vc_util_warning__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../vc-util/warning */ "./components/vc-util/warning.ts"); function lintWarning(message, info) { const { path, parentSelectors } = info; (0,_vc_util_warning__WEBPACK_IMPORTED_MODULE_0__["default"])(false, `[Ant Design Vue CSS-in-JS] ${path ? `Error in '${path}': ` : ''}${message}${parentSelectors.length ? ` Selector info: ${parentSelectors.join(' -> ')}` : ''}`); } /***/ }), /***/ "./components/_util/cssinjs/theme/Theme.ts": /*!*************************************************!*\ !*** ./components/_util/cssinjs/theme/Theme.ts ***! \*************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ Theme) /* harmony export */ }); /* harmony import */ var _warning__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../warning */ "./components/_util/warning.ts"); let uuid = 0; /** * Theme with algorithms to derive tokens from design tokens. * Use `createTheme` first which will help to manage the theme instance cache. */ class Theme { constructor(derivatives) { this.derivatives = Array.isArray(derivatives) ? derivatives : [derivatives]; this.id = uuid; if (derivatives.length === 0) { (0,_warning__WEBPACK_IMPORTED_MODULE_0__["default"])(derivatives.length > 0, '[Ant Design Vue CSS-in-JS] Theme should have at least one derivative function.'); } uuid += 1; } getDerivativeToken(token) { return this.derivatives.reduce((result, derivative) => derivative(token, result), undefined); } } /***/ }), /***/ "./components/_util/cssinjs/theme/ThemeCache.ts": /*!******************************************************!*\ !*** ./components/_util/cssinjs/theme/ThemeCache.ts ***! \******************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ ThemeCache), /* harmony export */ sameDerivativeOption: () => (/* binding */ sameDerivativeOption) /* harmony export */ }); function sameDerivativeOption(left, right) { if (left.length !== right.length) { return false; } for (let i = 0; i < left.length; i++) { if (left[i] !== right[i]) { return false; } } return true; } class ThemeCache { constructor() { this.cache = new Map(); this.keys = []; this.cacheCallTimes = 0; } size() { return this.keys.length; } internalGet(derivativeOption) { let updateCallTimes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false; let cache = { map: this.cache }; derivativeOption.forEach(derivative => { var _a; if (!cache) { cache = undefined; } else { cache = (_a = cache === null || cache === void 0 ? void 0 : cache.map) === null || _a === void 0 ? void 0 : _a.get(derivative); } }); if ((cache === null || cache === void 0 ? void 0 : cache.value) && updateCallTimes) { cache.value[1] = this.cacheCallTimes++; } return cache === null || cache === void 0 ? void 0 : cache.value; } get(derivativeOption) { var _a; return (_a = this.internalGet(derivativeOption, true)) === null || _a === void 0 ? void 0 : _a[0]; } has(derivativeOption) { return !!this.internalGet(derivativeOption); } set(derivativeOption, value) { // New cache if (!this.has(derivativeOption)) { if (this.size() + 1 > ThemeCache.MAX_CACHE_SIZE + ThemeCache.MAX_CACHE_OFFSET) { const [targetKey] = this.keys.reduce((result, key) => { const [, callTimes] = result; if (this.internalGet(key)[1] < callTimes) { return [key, this.internalGet(key)[1]]; } return result; }, [this.keys[0], this.cacheCallTimes]); this.delete(targetKey); } this.keys.push(derivativeOption); } let cache = this.cache; derivativeOption.forEach((derivative, index) => { if (index === derivativeOption.length - 1) { cache.set(derivative, { value: [value, this.cacheCallTimes++] }); } else { const cacheValue = cache.get(derivative); if (!cacheValue) { cache.set(derivative, { map: new Map() }); } else if (!cacheValue.map) { cacheValue.map = new Map(); } cache = cache.get(derivative).map; } }); } deleteByPath(currentCache, derivatives) { var _a; const cache = currentCache.get(derivatives[0]); if (derivatives.length === 1) { if (!cache.map) { currentCache.delete(derivatives[0]); } else { currentCache.set(derivatives[0], { map: cache.map }); } return (_a = cache.value) === null || _a === void 0 ? void 0 : _a[0]; } const result = this.deleteByPath(cache.map, derivatives.slice(1)); if ((!cache.map || cache.map.size === 0) && !cache.value) { currentCache.delete(derivatives[0]); } return result; } delete(derivativeOption) { // If cache exists if (this.has(derivativeOption)) { this.keys = this.keys.filter(item => !sameDerivativeOption(item, derivativeOption)); return this.deleteByPath(this.cache, derivativeOption); } return undefined; } } ThemeCache.MAX_CACHE_SIZE = 20; ThemeCache.MAX_CACHE_OFFSET = 5; /***/ }), /***/ "./components/_util/cssinjs/theme/createTheme.ts": /*!*******************************************************!*\ !*** ./components/_util/cssinjs/theme/createTheme.ts ***! \*******************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ createTheme) /* harmony export */ }); /* harmony import */ var _ThemeCache__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ThemeCache */ "./components/_util/cssinjs/theme/ThemeCache.ts"); /* harmony import */ var _Theme__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Theme */ "./components/_util/cssinjs/theme/Theme.ts"); const cacheThemes = new _ThemeCache__WEBPACK_IMPORTED_MODULE_0__["default"](); /** * Same as new Theme, but will always return same one if `derivative` not changed. */ function createTheme(derivatives) { const derivativeArr = Array.isArray(derivatives) ? derivatives : [derivatives]; // Create new theme if not exist if (!cacheThemes.has(derivativeArr)) { cacheThemes.set(derivativeArr, new _Theme__WEBPACK_IMPORTED_MODULE_1__["default"](derivativeArr)); } // Get theme from cache and return return cacheThemes.get(derivativeArr); } /***/ }), /***/ "./components/_util/cssinjs/transformers/legacyLogicalProperties.ts": /*!**************************************************************************!*\ !*** ./components/_util/cssinjs/transformers/legacyLogicalProperties.ts ***! \**************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); function splitValues(value) { if (typeof value === 'number') { return [value]; } const splitStyle = String(value).split(/\s+/); // Combine styles split in brackets, like `calc(1px + 2px)` let temp = ''; let brackets = 0; return splitStyle.reduce((list, item) => { if (item.includes('(')) { temp += item; brackets += item.split('(').length - 1; } else if (item.includes(')')) { temp += ` ${item}`; brackets -= item.split(')').length - 1; if (brackets === 0) { list.push(temp); temp = ''; } } else if (brackets > 0) { temp += ` ${item}`; } else { list.push(item); } return list; }, []); } function noSplit(list) { list.notSplit = true; return list; } const keyMap = { // Inset inset: ['top', 'right', 'bottom', 'left'], insetBlock: ['top', 'bottom'], insetBlockStart: ['top'], insetBlockEnd: ['bottom'], insetInline: ['left', 'right'], insetInlineStart: ['left'], insetInlineEnd: ['right'], // Margin marginBlock: ['marginTop', 'marginBottom'], marginBlockStart: ['marginTop'], marginBlockEnd: ['marginBottom'], marginInline: ['marginLeft', 'marginRight'], marginInlineStart: ['marginLeft'], marginInlineEnd: ['marginRight'], // Padding paddingBlock: ['paddingTop', 'paddingBottom'], paddingBlockStart: ['paddingTop'], paddingBlockEnd: ['paddingBottom'], paddingInline: ['paddingLeft', 'paddingRight'], paddingInlineStart: ['paddingLeft'], paddingInlineEnd: ['paddingRight'], // Border borderBlock: noSplit(['borderTop', 'borderBottom']), borderBlockStart: noSplit(['borderTop']), borderBlockEnd: noSplit(['borderBottom']), borderInline: noSplit(['borderLeft', 'borderRight']), borderInlineStart: noSplit(['borderLeft']), borderInlineEnd: noSplit(['borderRight']), // Border width borderBlockWidth: ['borderTopWidth', 'borderBottomWidth'], borderBlockStartWidth: ['borderTopWidth'], borderBlockEndWidth: ['borderBottomWidth'], borderInlineWidth: ['borderLeftWidth', 'borderRightWidth'], borderInlineStartWidth: ['borderLeftWidth'], borderInlineEndWidth: ['borderRightWidth'], // Border style borderBlockStyle: ['borderTopStyle', 'borderBottomStyle'], borderBlockStartStyle: ['borderTopStyle'], borderBlockEndStyle: ['borderBottomStyle'], borderInlineStyle: ['borderLeftStyle', 'borderRightStyle'], borderInlineStartStyle: ['borderLeftStyle'], borderInlineEndStyle: ['borderRightStyle'], // Border color borderBlockColor: ['borderTopColor', 'borderBottomColor'], borderBlockStartColor: ['borderTopColor'], borderBlockEndColor: ['borderBottomColor'], borderInlineColor: ['borderLeftColor', 'borderRightColor'], borderInlineStartColor: ['borderLeftColor'], borderInlineEndColor: ['borderRightColor'], // Border radius borderStartStartRadius: ['borderTopLeftRadius'], borderStartEndRadius: ['borderTopRightRadius'], borderEndStartRadius: ['borderBottomLeftRadius'], borderEndEndRadius: ['borderBottomRightRadius'] }; function skipCheck(value) { return { _skip_check_: true, value }; } /** * Convert css logical properties to legacy properties. * Such as: `margin-block-start` to `margin-top`. * Transform list: * - inset * - margin * - padding * - border */ const transform = { visit: cssObj => { const clone = {}; Object.keys(cssObj).forEach(key => { const value = cssObj[key]; const matchValue = keyMap[key]; if (matchValue && (typeof value === 'number' || typeof value === 'string')) { const values = splitValues(value); if (matchValue.length && matchValue.notSplit) { // not split means always give same value like border matchValue.forEach(matchKey => { clone[matchKey] = skipCheck(value); }); } else if (matchValue.length === 1) { // Handle like `marginBlockStart` => `marginTop` clone[matchValue[0]] = skipCheck(value); } else if (matchValue.length === 2) { // Handle like `marginBlock` => `marginTop` & `marginBottom` matchValue.forEach((matchKey, index) => { var _a; clone[matchKey] = skipCheck((_a = values[index]) !== null && _a !== void 0 ? _a : values[0]); }); } else if (matchValue.length === 4) { // Handle like `inset` => `top` & `right` & `bottom` & `left` matchValue.forEach((matchKey, index) => { var _a, _b; clone[matchKey] = skipCheck((_b = (_a = values[index]) !== null && _a !== void 0 ? _a : values[index - 2]) !== null && _b !== void 0 ? _b : values[0]); }); } else { clone[key] = value; } } else { clone[key] = value; } }); return clone; } }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (transform); /***/ }), /***/ "./components/_util/cssinjs/transformers/px2rem.ts": /*!*********************************************************!*\ !*** ./components/_util/cssinjs/transformers/px2rem.ts ***! \*********************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _emotion_unitless__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @emotion/unitless */ "./node_modules/@emotion/unitless/dist/emotion-unitless.esm.js"); /** * respect https://github.com/cuth/postcss-pxtorem */ const pxRegex = /url\([^)]+\)|var\([^)]+\)|(\d*\.?\d+)px/g; function toFixed(number, precision) { const multiplier = Math.pow(10, precision + 1), wholeNumber = Math.floor(number * multiplier); return Math.round(wholeNumber / 10) * 10 / multiplier; } const transform = function () { let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; const { rootValue = 16, precision = 5, mediaQuery = false } = options; const pxReplace = (m, $1) => { if (!$1) return m; const pixels = parseFloat($1); // covenant: pixels <= 1, not transform to rem @zombieJ if (pixels <= 1) return m; const fixedVal = toFixed(pixels / rootValue, precision); return `${fixedVal}rem`; }; const visit = cssObj => { const clone = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, cssObj); Object.entries(cssObj).forEach(_ref => { let [key, value] = _ref; if (typeof value === 'string' && value.includes('px')) { const newValue = value.replace(pxRegex, pxReplace); clone[key] = newValue; } // no unit if (!_emotion_unitless__WEBPACK_IMPORTED_MODULE_1__["default"][key] && typeof value === 'number' && value !== 0) { clone[key] = `${value}px`.replace(pxRegex, pxReplace); } // Media queries const mergedKey = key.trim(); if (mergedKey.startsWith('@') && mergedKey.includes('px') && mediaQuery) { const newKey = key.replace(pxRegex, pxReplace); clone[newKey] = clone[key]; delete clone[key]; } }); return clone; }; return { visit }; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (transform); /***/ }), /***/ "./components/_util/cssinjs/util.ts": /*!******************************************!*\ !*** ./components/_util/cssinjs/util.ts ***! \******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ flattenToken: () => (/* binding */ flattenToken), /* harmony export */ supportLayer: () => (/* binding */ supportLayer), /* harmony export */ supportLogicProps: () => (/* binding */ supportLogicProps), /* harmony export */ supportWhere: () => (/* binding */ supportWhere), /* harmony export */ token2key: () => (/* binding */ token2key) /* harmony export */ }); /* harmony import */ var _emotion_hash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @emotion/hash */ "./node_modules/@emotion/hash/dist/emotion-hash.esm.js"); /* harmony import */ var _vc_util_Dom_dynamicCSS__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../vc-util/Dom/dynamicCSS */ "./components/vc-util/Dom/dynamicCSS.ts"); /* harmony import */ var _canUseDom__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../canUseDom */ "./components/_util/canUseDom.ts"); /* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./theme */ "./components/_util/cssinjs/theme/Theme.ts"); // Create a cache here to avoid always loop generate const flattenTokenCache = new WeakMap(); function flattenToken(token) { let str = flattenTokenCache.get(token) || ''; if (!str) { Object.keys(token).forEach(key => { const value = token[key]; str += key; if (value instanceof _theme__WEBPACK_IMPORTED_MODULE_1__["default"]) { str += value.id; } else if (value && typeof value === 'object') { str += flattenToken(value); } else { str += value; } }); // Put in cache flattenTokenCache.set(token, str); } return str; } /** * Convert derivative token to key string */ function token2key(token, salt) { return (0,_emotion_hash__WEBPACK_IMPORTED_MODULE_0__["default"])(`${salt}_${flattenToken(token)}`); } const randomSelectorKey = `random-${Date.now()}-${Math.random()}`.replace(/\./g, ''); // Magic `content` for detect selector support const checkContent = '_bAmBoO_'; function supportSelector(styleStr, handleElement, supportCheck) { var _a, _b; if ((0,_canUseDom__WEBPACK_IMPORTED_MODULE_2__["default"])()) { (0,_vc_util_Dom_dynamicCSS__WEBPACK_IMPORTED_MODULE_3__.updateCSS)(styleStr, randomSelectorKey); const ele = document.createElement('div'); ele.style.position = 'fixed'; ele.style.left = '0'; ele.style.top = '0'; handleElement === null || handleElement === void 0 ? void 0 : handleElement(ele); document.body.appendChild(ele); if (true) { ele.innerHTML = 'Test'; ele.style.zIndex = '9999999'; } const support = supportCheck ? supportCheck(ele) : (_a = getComputedStyle(ele).content) === null || _a === void 0 ? void 0 : _a.includes(checkContent); (_b = ele.parentNode) === null || _b === void 0 ? void 0 : _b.removeChild(ele); (0,_vc_util_Dom_dynamicCSS__WEBPACK_IMPORTED_MODULE_3__.removeCSS)(randomSelectorKey); return support; } return false; } let canLayer = undefined; function supportLayer() { if (canLayer === undefined) { canLayer = supportSelector(`@layer ${randomSelectorKey} { .${randomSelectorKey} { content: "${checkContent}"!important; } }`, ele => { ele.className = randomSelectorKey; }); } return canLayer; } let canWhere = undefined; function supportWhere() { if (canWhere === undefined) { canWhere = supportSelector(`:where(.${randomSelectorKey}) { content: "${checkContent}"!important; }`, ele => { ele.className = randomSelectorKey; }); } return canWhere; } let canLogic = undefined; function supportLogicProps() { if (canLogic === undefined) { canLogic = supportSelector(`.${randomSelectorKey} { inset-block: 93px !important; }`, ele => { ele.className = randomSelectorKey; }, ele => getComputedStyle(ele).bottom === '93px'); } return canLogic; } /***/ }), /***/ "./components/_util/eagerComputed.ts": /*!*******************************************!*\ !*** ./components/_util/eagerComputed.ts ***! \*******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ eagerComputed) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); function eagerComputed(fn) { const result = (0,vue__WEBPACK_IMPORTED_MODULE_0__.shallowRef)(); (0,vue__WEBPACK_IMPORTED_MODULE_0__.watchEffect)(() => { result.value = fn(); }, { flush: 'sync' // needed so updates are immediate. }); return result; } /***/ }), /***/ "./components/_util/easings.ts": /*!*************************************!*\ !*** ./components/_util/easings.ts ***! \*************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ easeInOutCubic: () => (/* binding */ easeInOutCubic) /* harmony export */ }); function easeInOutCubic(t, b, c, d) { const cc = c - b; t /= d / 2; if (t < 1) { return cc / 2 * t * t * t + b; } return cc / 2 * ((t -= 2) * t * t + 2) + b; } /***/ }), /***/ "./components/_util/extendsObject.ts": /*!*******************************************!*\ !*** ./components/_util/extendsObject.ts ***! \*******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); function extendsObject() { const result = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, arguments.length <= 0 ? undefined : arguments[0]); for (let i = 1; i < arguments.length; i++) { const obj = i < 0 || arguments.length <= i ? undefined : arguments[i]; if (obj) { Object.keys(obj).forEach(key => { const val = obj[key]; if (val !== undefined) { result[key] = val; } }); } } return result; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (extendsObject); /***/ }), /***/ "./components/_util/firstNotUndefined.ts": /*!***********************************************!*\ !*** ./components/_util/firstNotUndefined.ts ***! \***********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); function firstNotUndefined() { let arr = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : []; for (let i = 0, len = arr.length; i < len; i++) { if (arr[i] !== undefined) { return arr[i]; } } return undefined; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (firstNotUndefined); /***/ }), /***/ "./components/_util/gapSize.ts": /*!*************************************!*\ !*** ./components/_util/gapSize.ts ***! \*************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ isPresetSize: () => (/* binding */ isPresetSize), /* harmony export */ isValidGapNumber: () => (/* binding */ isValidGapNumber) /* harmony export */ }); function isPresetSize(size) { return ['small', 'middle', 'large'].includes(size); } function isValidGapNumber(size) { if (!size) { // The case of size = 0 is deliberately excluded here, because the default value of the gap attribute in CSS is 0, so if the user passes 0 in, we can directly ignore it. return false; } return typeof size === 'number' && !Number.isNaN(size); } /***/ }), /***/ "./components/_util/getScroll.ts": /*!***************************************!*\ !*** ./components/_util/getScroll.ts ***! \***************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ getScroll), /* harmony export */ isWindow: () => (/* binding */ isWindow) /* harmony export */ }); function isWindow(obj) { return obj !== null && obj !== undefined && obj === obj.window; } function getScroll(target, top) { var _a, _b; if (typeof window === 'undefined') { return 0; } const method = top ? 'scrollTop' : 'scrollLeft'; let result = 0; if (isWindow(target)) { result = target[top ? 'scrollY' : 'scrollX']; } else if (target instanceof Document) { result = target.documentElement[method]; } else if (target instanceof HTMLElement) { result = target[method]; } else if (target) { // According to the type inference, the `target` is `never` type. // Since we configured the loose mode type checking, and supports mocking the target with such shape below:: // `{ documentElement: { scrollLeft: 200, scrollTop: 400 } }`, // the program may falls into this branch. // Check the corresponding tests for details. Don't sure what is the real scenario this happens. result = target[method]; } if (target && !isWindow(target) && typeof result !== 'number') { result = (_b = ((_a = target.ownerDocument) !== null && _a !== void 0 ? _a : target).documentElement) === null || _b === void 0 ? void 0 : _b[method]; } return result; } /***/ }), /***/ "./components/_util/getScrollBarSize.ts": /*!**********************************************!*\ !*** ./components/_util/getScrollBarSize.ts ***! \**********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ getScrollBarSize), /* harmony export */ getTargetScrollBarSize: () => (/* binding */ getTargetScrollBarSize) /* harmony export */ }); /* eslint-disable no-param-reassign */ let cached; function getScrollBarSize(fresh) { if (typeof document === 'undefined') { return 0; } if (fresh || cached === undefined) { const inner = document.createElement('div'); inner.style.width = '100%'; inner.style.height = '200px'; const outer = document.createElement('div'); const outerStyle = outer.style; outerStyle.position = 'absolute'; outerStyle.top = '0'; outerStyle.left = '0'; outerStyle.pointerEvents = 'none'; outerStyle.visibility = 'hidden'; outerStyle.width = '200px'; outerStyle.height = '150px'; outerStyle.overflow = 'hidden'; outer.appendChild(inner); document.body.appendChild(outer); const widthContained = inner.offsetWidth; outer.style.overflow = 'scroll'; let widthScroll = inner.offsetWidth; if (widthContained === widthScroll) { widthScroll = outer.clientWidth; } document.body.removeChild(outer); cached = widthContained - widthScroll; } return cached; } function ensureSize(str) { const match = str.match(/^(.*)px$/); const value = Number(match === null || match === void 0 ? void 0 : match[1]); return Number.isNaN(value) ? getScrollBarSize() : value; } function getTargetScrollBarSize(target) { if (typeof document === 'undefined' || !target || !(target instanceof Element)) { return { width: 0, height: 0 }; } const { width, height } = getComputedStyle(target, '::-webkit-scrollbar'); return { width: ensureSize(width), height: ensureSize(height) }; } /***/ }), /***/ "./components/_util/hooks/_vueuse/_configurable.ts": /*!*********************************************************!*\ !*** ./components/_util/hooks/_vueuse/_configurable.ts ***! \*********************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ defaultDocument: () => (/* binding */ defaultDocument), /* harmony export */ defaultLocation: () => (/* binding */ defaultLocation), /* harmony export */ defaultNavigator: () => (/* binding */ defaultNavigator), /* harmony export */ defaultWindow: () => (/* binding */ defaultWindow) /* harmony export */ }); /* harmony import */ var _is__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./is */ "./components/_util/hooks/_vueuse/is.ts"); const defaultWindow = _is__WEBPACK_IMPORTED_MODULE_0__.isClient ? window : undefined; const defaultDocument = _is__WEBPACK_IMPORTED_MODULE_0__.isClient ? window.document : undefined; const defaultNavigator = _is__WEBPACK_IMPORTED_MODULE_0__.isClient ? window.navigator : undefined; const defaultLocation = _is__WEBPACK_IMPORTED_MODULE_0__.isClient ? window.location : undefined; /***/ }), /***/ "./components/_util/hooks/_vueuse/is.ts": /*!**********************************************!*\ !*** ./components/_util/hooks/_vueuse/is.ts ***! \**********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ assert: () => (/* binding */ assert), /* harmony export */ clamp: () => (/* binding */ clamp), /* harmony export */ hasOwn: () => (/* binding */ hasOwn), /* harmony export */ isBoolean: () => (/* binding */ isBoolean), /* harmony export */ isClient: () => (/* binding */ isClient), /* harmony export */ isDef: () => (/* binding */ isDef), /* harmony export */ isFunction: () => (/* binding */ isFunction), /* harmony export */ isIOS: () => (/* binding */ isIOS), /* harmony export */ isNumber: () => (/* binding */ isNumber), /* harmony export */ isObject: () => (/* binding */ isObject), /* harmony export */ isString: () => (/* binding */ isString), /* harmony export */ isWindow: () => (/* binding */ isWindow), /* harmony export */ noop: () => (/* binding */ noop), /* harmony export */ now: () => (/* binding */ now), /* harmony export */ rand: () => (/* binding */ rand), /* harmony export */ timestamp: () => (/* binding */ timestamp) /* harmony export */ }); var _a; const isClient = typeof window !== 'undefined'; const isDef = val => typeof val !== 'undefined'; const assert = function (condition) { for (var _len = arguments.length, infos = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) { infos[_key - 1] = arguments[_key]; } if (!condition) console.warn(...infos); }; const toString = Object.prototype.toString; const isBoolean = val => typeof val === 'boolean'; const isFunction = val => typeof val === 'function'; const isNumber = val => typeof val === 'number'; const isString = val => typeof val === 'string'; const isObject = val => toString.call(val) === '[object Object]'; const isWindow = val => typeof window !== 'undefined' && toString.call(val) === '[object Window]'; const now = () => Date.now(); const timestamp = () => +Date.now(); const clamp = (n, min, max) => Math.min(max, Math.max(min, n)); const noop = () => {}; const rand = (min, max) => { min = Math.ceil(min); max = Math.floor(max); return Math.floor(Math.random() * (max - min + 1)) + min; }; const isIOS = isClient && ((_a = window === null || window === void 0 ? void 0 : window.navigator) === null || _a === void 0 ? void 0 : _a.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent); const hasOwn = (val, key) => Object.prototype.hasOwnProperty.call(val, key); /***/ }), /***/ "./components/_util/hooks/_vueuse/resolveUnref.ts": /*!********************************************************!*\ !*** ./components/_util/hooks/_vueuse/resolveUnref.ts ***! \********************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ resolveUnref: () => (/* binding */ resolveUnref) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /** * Get the value of value/ref/getter. */ function resolveUnref(r) { return typeof r === 'function' ? r() : (0,vue__WEBPACK_IMPORTED_MODULE_0__.unref)(r); } /***/ }), /***/ "./components/_util/hooks/_vueuse/tryOnMounted.ts": /*!********************************************************!*\ !*** ./components/_util/hooks/_vueuse/tryOnMounted.ts ***! \********************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ tryOnMounted: () => (/* binding */ tryOnMounted) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); // eslint-disable-next-line no-restricted-imports /** * Call onMounted() if it's inside a component lifecycle, if not, just call the function * * @param fn * @param sync if set to false, it will run in the nextTick() of Vue */ function tryOnMounted(fn) { let sync = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true; if ((0,vue__WEBPACK_IMPORTED_MODULE_0__.getCurrentInstance)()) (0,vue__WEBPACK_IMPORTED_MODULE_0__.onMounted)(fn);else if (sync) fn();else (0,vue__WEBPACK_IMPORTED_MODULE_0__.nextTick)(fn); } /***/ }), /***/ "./components/_util/hooks/_vueuse/tryOnScopeDispose.ts": /*!*************************************************************!*\ !*** ./components/_util/hooks/_vueuse/tryOnScopeDispose.ts ***! \*************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ tryOnScopeDispose: () => (/* binding */ tryOnScopeDispose) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /** * Call onScopeDispose() if it's inside a effect scope lifecycle, if not, do nothing * * @param fn */ function tryOnScopeDispose(fn) { if ((0,vue__WEBPACK_IMPORTED_MODULE_0__.getCurrentScope)()) { (0,vue__WEBPACK_IMPORTED_MODULE_0__.onScopeDispose)(fn); return true; } return false; } /***/ }), /***/ "./components/_util/hooks/_vueuse/unrefElement.ts": /*!********************************************************!*\ !*** ./components/_util/hooks/_vueuse/unrefElement.ts ***! \********************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ unrefElement: () => (/* binding */ unrefElement) /* harmony export */ }); /* harmony import */ var _resolveUnref__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./resolveUnref */ "./components/_util/hooks/_vueuse/resolveUnref.ts"); /** * Get the dom element of a ref of element or Vue component instance * * @param elRef */ function unrefElement(elRef) { var _a; const plain = (0,_resolveUnref__WEBPACK_IMPORTED_MODULE_0__.resolveUnref)(elRef); return (_a = plain === null || plain === void 0 ? void 0 : plain.$el) !== null && _a !== void 0 ? _a : plain; } /***/ }), /***/ "./components/_util/hooks/_vueuse/useElementSize.ts": /*!**********************************************************!*\ !*** ./components/_util/hooks/_vueuse/useElementSize.ts ***! \**********************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ useElementSize: () => (/* binding */ useElementSize) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _useResizeObserver__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./useResizeObserver */ "./components/_util/hooks/_vueuse/useResizeObserver.ts"); /* harmony import */ var _unrefElement__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./unrefElement */ "./components/_util/hooks/_vueuse/unrefElement.ts"); /** * Reactive size of an HTML element. * * @see https://vueuse.org/useElementSize * @param target * @param callback * @param options */ function useElementSize(target) { let initialSize = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : { width: 0, height: 0 }; let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {}; const { box = 'content-box' } = options; const width = (0,vue__WEBPACK_IMPORTED_MODULE_0__.shallowRef)(initialSize.width); const height = (0,vue__WEBPACK_IMPORTED_MODULE_0__.shallowRef)(initialSize.height); (0,_useResizeObserver__WEBPACK_IMPORTED_MODULE_1__.useResizeObserver)(target, _ref => { let [entry] = _ref; const boxSize = box === 'border-box' ? entry.borderBoxSize : box === 'content-box' ? entry.contentBoxSize : entry.devicePixelContentBoxSize; if (boxSize) { width.value = boxSize.reduce((acc, _ref2) => { let { inlineSize } = _ref2; return acc + inlineSize; }, 0); height.value = boxSize.reduce((acc, _ref3) => { let { blockSize } = _ref3; return acc + blockSize; }, 0); } else { // fallback width.value = entry.contentRect.width; height.value = entry.contentRect.height; } }, options); (0,vue__WEBPACK_IMPORTED_MODULE_0__.watch)(() => (0,_unrefElement__WEBPACK_IMPORTED_MODULE_2__.unrefElement)(target), ele => { width.value = ele ? initialSize.width : 0; height.value = ele ? initialSize.height : 0; }); return { width, height }; } /***/ }), /***/ "./components/_util/hooks/_vueuse/useMutationObserver.ts": /*!***************************************************************!*\ !*** ./components/_util/hooks/_vueuse/useMutationObserver.ts ***! \***************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ useMutationObserver: () => (/* binding */ useMutationObserver) /* harmony export */ }); /* harmony import */ var _tryOnScopeDispose__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./tryOnScopeDispose */ "./components/_util/hooks/_vueuse/tryOnScopeDispose.ts"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _unrefElement__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./unrefElement */ "./components/_util/hooks/_vueuse/unrefElement.ts"); /* harmony import */ var _useSupported__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./useSupported */ "./components/_util/hooks/_vueuse/useSupported.ts"); /* harmony import */ var _configurable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_configurable */ "./components/_util/hooks/_vueuse/_configurable.ts"); var __rest = undefined && undefined.__rest || function (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; }; /** * Watch for changes being made to the DOM tree. * * @see https://vueuse.org/useMutationObserver * @see https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver MutationObserver MDN * @param target * @param callback * @param options */ function useMutationObserver(target, callback) { let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {}; const { window = _configurable__WEBPACK_IMPORTED_MODULE_1__.defaultWindow } = options, mutationOptions = __rest(options, ["window"]); let observer; const isSupported = (0,_useSupported__WEBPACK_IMPORTED_MODULE_2__.useSupported)(() => window && 'MutationObserver' in window); const cleanup = () => { if (observer) { observer.disconnect(); observer = undefined; } }; const stopWatch = (0,vue__WEBPACK_IMPORTED_MODULE_0__.watch)(() => (0,_unrefElement__WEBPACK_IMPORTED_MODULE_3__.unrefElement)(target), el => { cleanup(); if (isSupported.value && window && el) { observer = new MutationObserver(callback); observer.observe(el, mutationOptions); } }, { immediate: true }); const stop = () => { cleanup(); stopWatch(); }; (0,_tryOnScopeDispose__WEBPACK_IMPORTED_MODULE_4__.tryOnScopeDispose)(stop); return { isSupported, stop }; } /***/ }), /***/ "./components/_util/hooks/_vueuse/useResizeObserver.ts": /*!*************************************************************!*\ !*** ./components/_util/hooks/_vueuse/useResizeObserver.ts ***! \*************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ useResizeObserver: () => (/* binding */ useResizeObserver) /* harmony export */ }); /* harmony import */ var _tryOnScopeDispose__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./tryOnScopeDispose */ "./components/_util/hooks/_vueuse/tryOnScopeDispose.ts"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _unrefElement__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./unrefElement */ "./components/_util/hooks/_vueuse/unrefElement.ts"); /* harmony import */ var _useSupported__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./useSupported */ "./components/_util/hooks/_vueuse/useSupported.ts"); /* harmony import */ var _configurable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_configurable */ "./components/_util/hooks/_vueuse/_configurable.ts"); var __rest = undefined && undefined.__rest || function (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; }; /** * Reports changes to the dimensions of an Element's content or the border-box * * @see https://vueuse.org/useResizeObserver * @param target * @param callback * @param options */ function useResizeObserver(target, callback) { let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {}; const { window = _configurable__WEBPACK_IMPORTED_MODULE_1__.defaultWindow } = options, observerOptions = __rest(options, ["window"]); let observer; const isSupported = (0,_useSupported__WEBPACK_IMPORTED_MODULE_2__.useSupported)(() => window && 'ResizeObserver' in window); const cleanup = () => { if (observer) { observer.disconnect(); observer = undefined; } }; const stopWatch = (0,vue__WEBPACK_IMPORTED_MODULE_0__.watch)(() => (0,_unrefElement__WEBPACK_IMPORTED_MODULE_3__.unrefElement)(target), el => { cleanup(); if (isSupported.value && window && el) { observer = new ResizeObserver(callback); observer.observe(el, observerOptions); } }, { immediate: true, flush: 'post' }); const stop = () => { cleanup(); stopWatch(); }; (0,_tryOnScopeDispose__WEBPACK_IMPORTED_MODULE_4__.tryOnScopeDispose)(stop); return { isSupported, stop }; } /***/ }), /***/ "./components/_util/hooks/_vueuse/useSupported.ts": /*!********************************************************!*\ !*** ./components/_util/hooks/_vueuse/useSupported.ts ***! \********************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ useSupported: () => (/* binding */ useSupported) /* harmony export */ }); /* harmony import */ var _tryOnMounted__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./tryOnMounted */ "./components/_util/hooks/_vueuse/tryOnMounted.ts"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); function useSupported(callback) { let sync = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false; const isSupported = (0,vue__WEBPACK_IMPORTED_MODULE_0__.shallowRef)(); const update = () => isSupported.value = Boolean(callback()); update(); (0,_tryOnMounted__WEBPACK_IMPORTED_MODULE_1__.tryOnMounted)(update, sync); return isSupported; } /***/ }), /***/ "./components/_util/hooks/useBreakpoint.ts": /*!*************************************************!*\ !*** ./components/_util/hooks/useBreakpoint.ts ***! \*************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_responsiveObserve__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../_util/responsiveObserve */ "./components/_util/responsiveObserve.ts"); function useBreakpoint() { const screens = (0,vue__WEBPACK_IMPORTED_MODULE_0__.shallowRef)({}); let token = null; const responsiveObserve = (0,_util_responsiveObserve__WEBPACK_IMPORTED_MODULE_1__["default"])(); (0,vue__WEBPACK_IMPORTED_MODULE_0__.onMounted)(() => { token = responsiveObserve.value.subscribe(supportScreens => { screens.value = supportScreens; }); }); (0,vue__WEBPACK_IMPORTED_MODULE_0__.onUnmounted)(() => { responsiveObserve.value.unsubscribe(token); }); return screens; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useBreakpoint); /***/ }), /***/ "./components/_util/hooks/useDestroyed.ts": /*!************************************************!*\ !*** ./components/_util/hooks/useDestroyed.ts ***! \************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); const useDestroyed = () => { const destroyed = (0,vue__WEBPACK_IMPORTED_MODULE_0__.shallowRef)(false); (0,vue__WEBPACK_IMPORTED_MODULE_0__.onBeforeUnmount)(() => { destroyed.value = true; }); return destroyed; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useDestroyed); /***/ }), /***/ "./components/_util/hooks/useFlexGapSupport.ts": /*!*****************************************************!*\ !*** ./components/_util/hooks/useFlexGapSupport.ts ***! \*****************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _styleChecker__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../styleChecker */ "./components/_util/styleChecker.ts"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (() => { const flexible = (0,vue__WEBPACK_IMPORTED_MODULE_0__.shallowRef)(false); (0,vue__WEBPACK_IMPORTED_MODULE_0__.onMounted)(() => { flexible.value = (0,_styleChecker__WEBPACK_IMPORTED_MODULE_1__.detectFlexGapSupported)(); }); return flexible; }); /***/ }), /***/ "./components/_util/hooks/useId.ts": /*!*****************************************!*\ !*** ./components/_util/hooks/useId.ts ***! \*****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ useId), /* harmony export */ getUUID: () => (/* binding */ getUUID), /* harmony export */ isBrowserClient: () => (/* binding */ isBrowserClient) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_canUseDom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../_util/canUseDom */ "./components/_util/canUseDom.ts"); let uuid = 0; /** Is client side and not jsdom */ const isBrowserClient = true && (0,_util_canUseDom__WEBPACK_IMPORTED_MODULE_1__["default"])(); /** Get unique id for accessibility usage */ function getUUID() { let retId; // Test never reach /* istanbul ignore if */ if (isBrowserClient) { retId = uuid; uuid += 1; } else { retId = 'TEST_OR_SSR'; } return retId; } function useId() { let id = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)(''); // Inner id for accessibility usage. Only work in client side const innerId = `vc_unique_${getUUID()}`; return id.value || innerId; } /***/ }), /***/ "./components/_util/hooks/useMemo.ts": /*!*******************************************!*\ !*** ./components/_util/hooks/useMemo.ts ***! \*******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ useMemo) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); function useMemo(getValue, condition, shouldUpdate) { const cacheRef = (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)(getValue()); (0,vue__WEBPACK_IMPORTED_MODULE_0__.watch)(condition, (next, pre) => { if (shouldUpdate) { if (shouldUpdate(next, pre)) { cacheRef.value = getValue(); } } else { cacheRef.value = getValue(); } }); return cacheRef; } /***/ }), /***/ "./components/_util/hooks/useMergedState.ts": /*!**************************************************!*\ !*** ./components/_util/hooks/useMergedState.ts ***! \**************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ useMergedState) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); function useMergedState(defaultStateValue, option) { const { defaultValue, value = (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)() } = option || {}; let initValue = typeof defaultStateValue === 'function' ? defaultStateValue() : defaultStateValue; if (value.value !== undefined) { initValue = (0,vue__WEBPACK_IMPORTED_MODULE_0__.unref)(value); } if (defaultValue !== undefined) { initValue = typeof defaultValue === 'function' ? defaultValue() : defaultValue; } const innerValue = (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)(initValue); const mergedValue = (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)(initValue); (0,vue__WEBPACK_IMPORTED_MODULE_0__.watchEffect)(() => { let val = value.value !== undefined ? value.value : innerValue.value; if (option.postState) { val = option.postState(val); } mergedValue.value = val; }); function triggerChange(newValue) { const preVal = mergedValue.value; innerValue.value = newValue; if ((0,vue__WEBPACK_IMPORTED_MODULE_0__.toRaw)(mergedValue.value) !== newValue && option.onChange) { option.onChange(newValue, preVal); } } // Effect of reset value to `undefined` (0,vue__WEBPACK_IMPORTED_MODULE_0__.watch)(value, () => { innerValue.value = value.value; }); return [mergedValue, triggerChange]; } /***/ }), /***/ "./components/_util/hooks/useRefs.ts": /*!*******************************************!*\ !*** ./components/_util/hooks/useRefs.ts ***! \*******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); const useRefs = () => { const refs = (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)(new Map()); const setRef = key => el => { refs.value.set(key, el); }; (0,vue__WEBPACK_IMPORTED_MODULE_0__.onBeforeUpdate)(() => { refs.value = new Map(); }); return [setRef, refs]; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useRefs); /***/ }), /***/ "./components/_util/hooks/useScrollLocker.ts": /*!***************************************************!*\ !*** ./components/_util/hooks/useScrollLocker.ts ***! \***************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ useScrollLocker), /* harmony export */ isBodyOverflowing: () => (/* binding */ isBodyOverflowing) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _vc_util_Dom_dynamicCSS__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../vc-util/Dom/dynamicCSS */ "./components/vc-util/Dom/dynamicCSS.ts"); /* harmony import */ var _util_getScrollBarSize__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../_util/getScrollBarSize */ "./components/_util/getScrollBarSize.ts"); /* harmony import */ var _util_canUseDom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../_util/canUseDom */ "./components/_util/canUseDom.ts"); const UNIQUE_ID = `vc-util-locker-${Date.now()}`; let uuid = 0; /**../vc-util/Dom/dynam * Test usage export. Do not use in your production */ function isBodyOverflowing() { return document.body.scrollHeight > (window.innerHeight || document.documentElement.clientHeight) && window.innerWidth > document.body.offsetWidth; } function useScrollLocker(lock) { const mergedLock = (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => !!lock && !!lock.value); uuid += 1; const id = `${UNIQUE_ID}_${uuid}`; (0,vue__WEBPACK_IMPORTED_MODULE_0__.watchEffect)(onClear => { if (!(0,_util_canUseDom__WEBPACK_IMPORTED_MODULE_1__["default"])()) { return; } if (mergedLock.value) { const scrollbarSize = (0,_util_getScrollBarSize__WEBPACK_IMPORTED_MODULE_2__["default"])(); const isOverflow = isBodyOverflowing(); (0,_vc_util_Dom_dynamicCSS__WEBPACK_IMPORTED_MODULE_3__.updateCSS)(` html body { overflow-y: hidden; ${isOverflow ? `width: calc(100% - ${scrollbarSize}px);` : ''} }`, id); } else { (0,_vc_util_Dom_dynamicCSS__WEBPACK_IMPORTED_MODULE_3__.removeCSS)(id); } onClear(() => { (0,_vc_util_Dom_dynamicCSS__WEBPACK_IMPORTED_MODULE_3__.removeCSS)(id); }); }, { flush: 'post' }); } /***/ }), /***/ "./components/_util/hooks/useState.ts": /*!********************************************!*\ !*** ./components/_util/hooks/useState.ts ***! \********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ useState) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); function useState(defaultStateValue) { const initValue = typeof defaultStateValue === 'function' ? defaultStateValue() : defaultStateValue; const innerValue = (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)(initValue); function triggerChange(newValue) { innerValue.value = newValue; } return [innerValue, triggerChange]; } /***/ }), /***/ "./components/_util/isNumeric.ts": /*!***************************************!*\ !*** ./components/_util/isNumeric.ts ***! \***************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); const isNumeric = value => { return !isNaN(parseFloat(value)) && isFinite(value); }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (isNumeric); /***/ }), /***/ "./components/_util/isValid.ts": /*!*************************************!*\ !*** ./components/_util/isValid.ts ***! \*************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); const isValid = value => { return value !== undefined && value !== null && value !== ''; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (isValid); /***/ }), /***/ "./components/_util/isValidValue.ts": /*!******************************************!*\ !*** ./components/_util/isValidValue.ts ***! \******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* export default binding */ __WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony default export */ function __WEBPACK_DEFAULT_EXPORT__(val) { return val !== undefined && val !== null; } /***/ }), /***/ "./components/_util/json2mq.ts": /*!*************************************!*\ !*** ./components/_util/json2mq.ts ***! \*************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* export default binding */ __WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /** * source by `json2mq` * https://github.com/akiran/json2mq.git */ const camel2hyphen = function (str) { return str.replace(/[A-Z]/g, function (match) { return '-' + match.toLowerCase(); }).toLowerCase(); }; const isDimension = function (feature) { const re = /[height|width]$/; return re.test(feature); }; const obj2mq = function (obj) { let mq = ''; const features = Object.keys(obj); features.forEach(function (feature, index) { let value = obj[feature]; feature = camel2hyphen(feature); // Add px to dimension features if (isDimension(feature) && typeof value === 'number') { value = value + 'px'; } if (value === true) { mq += feature; } else if (value === false) { mq += 'not ' + feature; } else { mq += '(' + feature + ': ' + value + ')'; } if (index < features.length - 1) { mq += ' and '; } }); return mq; }; /* harmony default export */ function __WEBPACK_DEFAULT_EXPORT__(query) { let mq = ''; if (typeof query === 'string') { return query; } // Handling array of media queries if (query instanceof Array) { query.forEach(function (q, index) { mq += obj2mq(q); if (index < query.length - 1) { mq += ', '; } }); return mq; } // Handling single media query return obj2mq(query); } /***/ }), /***/ "./components/_util/omit.ts": /*!**********************************!*\ !*** ./components/_util/omit.ts ***! \**********************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); function omit(obj, fields) { // eslint-disable-next-line prefer-object-spread const shallowCopy = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, obj); for (let i = 0; i < fields.length; i += 1) { const key = fields[i]; delete shallowCopy[key]; } return shallowCopy; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (omit); /***/ }), /***/ "./components/_util/pickAttrs.ts": /*!***************************************!*\ !*** ./components/_util/pickAttrs.ts ***! \***************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ pickAttrs) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); const attributes = `accept acceptcharset accesskey action allowfullscreen allowtransparency alt async autocomplete autofocus autoplay capture cellpadding cellspacing challenge charset checked classid classname colspan cols content contenteditable contextmenu controls coords crossorigin data datetime default defer dir disabled download draggable enctype form formaction formenctype formmethod formnovalidate formtarget frameborder headers height hidden high href hreflang htmlfor for httpequiv icon id inputmode integrity is keyparams keytype kind label lang list loop low manifest marginheight marginwidth max maxlength media mediagroup method min minlength multiple muted name novalidate nonce open optimum pattern placeholder poster preload radiogroup readonly rel required reversed role rowspan rows sandbox scope scoped scrolling seamless selected shape size sizes span spellcheck src srcdoc srclang srcset start step style summary tabindex target title type usemap value width wmode wrap`; const eventsName = `onCopy onCut onPaste onCompositionend onCompositionstart onCompositionupdate onKeydown onKeypress onKeyup onFocus onBlur onChange onInput onSubmit onClick onContextmenu onDoubleclick onDblclick onDrag onDragend onDragenter onDragexit onDragleave onDragover onDragstart onDrop onMousedown onMouseenter onMouseleave onMousemove onMouseout onMouseover onMouseup onSelect onTouchcancel onTouchend onTouchmove onTouchstart onTouchstartPassive onTouchmovePassive onScroll onWheel onAbort onCanplay onCanplaythrough onDurationchange onEmptied onEncrypted onEnded onError onLoadeddata onLoadedmetadata onLoadstart onPause onPlay onPlaying onProgress onRatechange onSeeked onSeeking onStalled onSuspend onTimeupdate onVolumechange onWaiting onLoad onError`; const propList = `${attributes} ${eventsName}`.split(/[\s\n]+/); /* eslint-enable max-len */ const ariaPrefix = 'aria-'; const dataPrefix = 'data-'; function match(key, prefix) { return key.indexOf(prefix) === 0; } /** * Picker props from exist props with filter * @param props Passed props * @param ariaOnly boolean | { aria?: boolean; data?: boolean; attr?: boolean; } filter config */ function pickAttrs(props) { let ariaOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false; let mergedConfig; if (ariaOnly === false) { mergedConfig = { aria: true, data: true, attr: true }; } else if (ariaOnly === true) { mergedConfig = { aria: true }; } else { mergedConfig = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, ariaOnly); } const attrs = {}; Object.keys(props).forEach(key => { if ( // Aria mergedConfig.aria && (key === 'role' || match(key, ariaPrefix)) || // Data mergedConfig.data && match(key, dataPrefix) || // Attr mergedConfig.attr && (propList.includes(key) || propList.includes(key.toLowerCase()))) { attrs[key] = props[key]; } }); return attrs; } /***/ }), /***/ "./components/_util/placements.ts": /*!****************************************!*\ !*** ./components/_util/placements.ts ***! \****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ getPlacements), /* harmony export */ getOverflowOptions: () => (/* binding */ getOverflowOptions) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _vc_tooltip_src_placements__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../vc-tooltip/src/placements */ "./components/vc-tooltip/src/placements.ts"); const autoAdjustOverflowEnabled = { adjustX: 1, adjustY: 1 }; const autoAdjustOverflowDisabled = { adjustX: 0, adjustY: 0 }; const targetOffset = [0, 0]; function getOverflowOptions(autoAdjustOverflow) { if (typeof autoAdjustOverflow === 'boolean') { return autoAdjustOverflow ? autoAdjustOverflowEnabled : autoAdjustOverflowDisabled; } return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, autoAdjustOverflowDisabled), autoAdjustOverflow); } function getPlacements(config) { const { arrowWidth = 4, horizontalArrowShift = 16, verticalArrowShift = 8, autoAdjustOverflow, arrowPointAtCenter } = config; const placementMap = { left: { points: ['cr', 'cl'], offset: [-4, 0] }, right: { points: ['cl', 'cr'], offset: [4, 0] }, top: { points: ['bc', 'tc'], offset: [0, -4] }, bottom: { points: ['tc', 'bc'], offset: [0, 4] }, topLeft: { points: ['bl', 'tc'], offset: [-(horizontalArrowShift + arrowWidth), -4] }, leftTop: { points: ['tr', 'cl'], offset: [-4, -(verticalArrowShift + arrowWidth)] }, topRight: { points: ['br', 'tc'], offset: [horizontalArrowShift + arrowWidth, -4] }, rightTop: { points: ['tl', 'cr'], offset: [4, -(verticalArrowShift + arrowWidth)] }, bottomRight: { points: ['tr', 'bc'], offset: [horizontalArrowShift + arrowWidth, 4] }, rightBottom: { points: ['bl', 'cr'], offset: [4, verticalArrowShift + arrowWidth] }, bottomLeft: { points: ['tl', 'bc'], offset: [-(horizontalArrowShift + arrowWidth), 4] }, leftBottom: { points: ['br', 'cl'], offset: [-4, verticalArrowShift + arrowWidth] } }; Object.keys(placementMap).forEach(key => { placementMap[key] = arrowPointAtCenter ? (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, placementMap[key]), { overflow: getOverflowOptions(autoAdjustOverflow), targetOffset }) : (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, _vc_tooltip_src_placements__WEBPACK_IMPORTED_MODULE_1__.placements[key]), { overflow: getOverflowOptions(autoAdjustOverflow) }); placementMap[key].ignoreShake = true; }); return placementMap; } /***/ }), /***/ "./components/_util/props-util/index.ts": /*!**********************************************!*\ !*** ./components/_util/props-util/index.ts ***! \**********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ camelize: () => (/* reexport safe */ _util__WEBPACK_IMPORTED_MODULE_2__.camelize), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ filterEmpty: () => (/* binding */ filterEmpty), /* harmony export */ filterEmptyWithUndefined: () => (/* binding */ filterEmptyWithUndefined), /* harmony export */ findDOMNode: () => (/* binding */ findDOMNode), /* harmony export */ flattenChildren: () => (/* binding */ flattenChildren), /* harmony export */ getClass: () => (/* binding */ getClass), /* harmony export */ getComponent: () => (/* binding */ getComponent), /* harmony export */ getComponentName: () => (/* binding */ getComponentName), /* harmony export */ getEvents: () => (/* binding */ getEvents), /* harmony export */ getKey: () => (/* binding */ getKey), /* harmony export */ getOptionProps: () => (/* binding */ getOptionProps), /* harmony export */ getPropsSlot: () => (/* binding */ getPropsSlot), /* harmony export */ getSlot: () => (/* binding */ getSlot), /* harmony export */ getStyle: () => (/* binding */ getStyle), /* harmony export */ getTextFromElement: () => (/* binding */ getTextFromElement), /* harmony export */ hasProp: () => (/* binding */ hasProp), /* harmony export */ initDefaultProps: () => (/* reexport safe */ _initDefaultProps__WEBPACK_IMPORTED_MODULE_5__["default"]), /* harmony export */ isEmptyContent: () => (/* binding */ isEmptyContent), /* harmony export */ isEmptyElement: () => (/* binding */ isEmptyElement), /* harmony export */ isEmptySlot: () => (/* binding */ isEmptySlot), /* harmony export */ isFragment: () => (/* binding */ isFragment), /* harmony export */ isStringElement: () => (/* binding */ isStringElement), /* harmony export */ isValidElement: () => (/* binding */ isValidElement), /* harmony export */ parseStyleText: () => (/* binding */ parseStyleText), /* harmony export */ skipFlattenKey: () => (/* binding */ skipFlattenKey), /* harmony export */ splitAttrs: () => (/* binding */ splitAttrs) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _classNames__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../classNames */ "./components/_util/classNames.ts"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../util */ "./components/_util/util.ts"); /* harmony import */ var _isValid__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../isValid */ "./components/_util/isValid.ts"); /* harmony import */ var _initDefaultProps__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./initDefaultProps */ "./components/_util/props-util/initDefaultProps.ts"); // function getType(fn) { // const match = fn && fn.toString().match(/^\s*function (\w+)/); // return match ? match[1] : ''; // } const splitAttrs = attrs => { const allAttrs = Object.keys(attrs); const eventAttrs = {}; const onEvents = {}; const extraAttrs = {}; for (let i = 0, l = allAttrs.length; i < l; i++) { const key = allAttrs[i]; if ((0,_util__WEBPACK_IMPORTED_MODULE_2__.isOn)(key)) { eventAttrs[key[2].toLowerCase() + key.slice(3)] = attrs[key]; onEvents[key] = attrs[key]; } else { extraAttrs[key] = attrs[key]; } } return { onEvents, events: eventAttrs, extraAttrs }; }; const parseStyleText = function () { let cssText = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ''; let camel = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false; const res = {}; const listDelimiter = /;(?![^(]*\))/g; const propertyDelimiter = /:(.+)/; if (typeof cssText === 'object') return cssText; cssText.split(listDelimiter).forEach(function (item) { if (item) { const tmp = item.split(propertyDelimiter); if (tmp.length > 1) { const k = camel ? (0,_util__WEBPACK_IMPORTED_MODULE_2__.camelize)(tmp[0].trim()) : tmp[0].trim(); res[k] = tmp[1].trim(); } } }); return res; }; const hasProp = (instance, prop) => { return instance[prop] !== undefined; }; const skipFlattenKey = Symbol('skipFlatten'); const flattenChildren = function () { let children = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : []; let filterEmpty = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true; const temp = Array.isArray(children) ? children : [children]; const res = []; temp.forEach(child => { if (Array.isArray(child)) { res.push(...flattenChildren(child, filterEmpty)); } else if (child && child.type === vue__WEBPACK_IMPORTED_MODULE_1__.Fragment) { if (child.key === skipFlattenKey) { res.push(child); } else { res.push(...flattenChildren(child.children, filterEmpty)); } } else if (child && (0,vue__WEBPACK_IMPORTED_MODULE_1__.isVNode)(child)) { if (filterEmpty && !isEmptyElement(child)) { res.push(child); } else if (!filterEmpty) { res.push(child); } } else if ((0,_isValid__WEBPACK_IMPORTED_MODULE_3__["default"])(child)) { res.push(child); } }); return res; }; const getSlot = function (self) { let name = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'default'; let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {}; if ((0,vue__WEBPACK_IMPORTED_MODULE_1__.isVNode)(self)) { if (self.type === vue__WEBPACK_IMPORTED_MODULE_1__.Fragment) { return name === 'default' ? flattenChildren(self.children) : []; } else if (self.children && self.children[name]) { return flattenChildren(self.children[name](options)); } else { return []; } } else { const res = self.$slots[name] && self.$slots[name](options); return flattenChildren(res); } }; const findDOMNode = instance => { var _a; let node = ((_a = instance === null || instance === void 0 ? void 0 : instance.vnode) === null || _a === void 0 ? void 0 : _a.el) || instance && (instance.$el || instance); while (node && !node.tagName) { node = node.nextSibling; } return node; }; const getOptionProps = instance => { const res = {}; if (instance.$ && instance.$.vnode) { const props = instance.$.vnode.props || {}; Object.keys(instance.$props).forEach(k => { const v = instance.$props[k]; const hyphenateKey = (0,_util__WEBPACK_IMPORTED_MODULE_2__.hyphenate)(k); if (v !== undefined || hyphenateKey in props) { res[k] = v; // 直接取 $props[k] } }); } else if ((0,vue__WEBPACK_IMPORTED_MODULE_1__.isVNode)(instance) && typeof instance.type === 'object') { const originProps = instance.props || {}; const props = {}; Object.keys(originProps).forEach(key => { props[(0,_util__WEBPACK_IMPORTED_MODULE_2__.camelize)(key)] = originProps[key]; }); const options = instance.type.props || {}; Object.keys(options).forEach(k => { const v = (0,_util__WEBPACK_IMPORTED_MODULE_2__.resolvePropValue)(options, props, k, props[k]); if (v !== undefined || k in props) { res[k] = v; } }); } return res; }; const getComponent = function (instance) { let prop = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'default'; let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : instance; let execute = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true; let com = undefined; if (instance.$) { const temp = instance[prop]; if (temp !== undefined) { return typeof temp === 'function' && execute ? temp(options) : temp; } else { com = instance.$slots[prop]; com = execute && com ? com(options) : com; } } else if ((0,vue__WEBPACK_IMPORTED_MODULE_1__.isVNode)(instance)) { const temp = instance.props && instance.props[prop]; if (temp !== undefined && instance.props !== null) { return typeof temp === 'function' && execute ? temp(options) : temp; } else if (instance.type === vue__WEBPACK_IMPORTED_MODULE_1__.Fragment) { com = instance.children; } else if (instance.children && instance.children[prop]) { com = instance.children[prop]; com = execute && com ? com(options) : com; } } if (Array.isArray(com)) { com = flattenChildren(com); com = com.length === 1 ? com[0] : com; com = com.length === 0 ? undefined : com; } return com; }; const getKey = ele => { const key = ele.key; return key; }; function getEvents() { let ele = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; let on = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true; let props = {}; if (ele.$) { props = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props), ele.$attrs); } else { props = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props), ele.props); } return splitAttrs(props)[on ? 'onEvents' : 'events']; } function getClass(ele) { const props = ((0,vue__WEBPACK_IMPORTED_MODULE_1__.isVNode)(ele) ? ele.props : ele.$attrs) || {}; const tempCls = props.class || {}; let cls = {}; if (typeof tempCls === 'string') { tempCls.split(' ').forEach(c => { cls[c.trim()] = true; }); } else if (Array.isArray(tempCls)) { (0,_classNames__WEBPACK_IMPORTED_MODULE_4__["default"])(tempCls).split(' ').forEach(c => { cls[c.trim()] = true; }); } else { cls = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, cls), tempCls); } return cls; } function getStyle(ele, camel) { const props = ((0,vue__WEBPACK_IMPORTED_MODULE_1__.isVNode)(ele) ? ele.props : ele.$attrs) || {}; let style = props.style || {}; if (typeof style === 'string') { style = parseStyleText(style, camel); } else if (camel && style) { // 驼峰化 const res = {}; Object.keys(style).forEach(k => res[(0,_util__WEBPACK_IMPORTED_MODULE_2__.camelize)(k)] = style[k]); return res; } return style; } function getComponentName(opts) { return opts && (opts.Ctor.options.name || opts.tag); } function isFragment(c) { return c.length === 1 && c[0].type === vue__WEBPACK_IMPORTED_MODULE_1__.Fragment; } function isEmptyContent(c) { return c === undefined || c === null || c === '' || Array.isArray(c) && c.length === 0; } function isEmptyElement(c) { return c && (c.type === vue__WEBPACK_IMPORTED_MODULE_1__.Comment || c.type === vue__WEBPACK_IMPORTED_MODULE_1__.Fragment && c.children.length === 0 || c.type === vue__WEBPACK_IMPORTED_MODULE_1__.Text && c.children.trim() === ''); } function isEmptySlot(c) { return !c || c().every(isEmptyElement); } function isStringElement(c) { return c && c.type === vue__WEBPACK_IMPORTED_MODULE_1__.Text; } function filterEmpty() { let children = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : []; const res = []; children.forEach(child => { if (Array.isArray(child)) { res.push(...child); } else if ((child === null || child === void 0 ? void 0 : child.type) === vue__WEBPACK_IMPORTED_MODULE_1__.Fragment) { res.push(...filterEmpty(child.children)); } else { res.push(child); } }); return res.filter(c => !isEmptyElement(c)); } function filterEmptyWithUndefined(children) { if (children) { const coms = filterEmpty(children); return coms.length ? coms : undefined; } else { return children; } } function isValidElement(element) { if (Array.isArray(element) && element.length === 1) { element = element[0]; } return element && element.__v_isVNode && typeof element.type !== 'symbol'; // remove text node } function getPropsSlot(slots, props) { let prop = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'default'; var _a, _b; return (_a = props[prop]) !== null && _a !== void 0 ? _a : (_b = slots[prop]) === null || _b === void 0 ? void 0 : _b.call(slots); } const getTextFromElement = ele => { if (isValidElement(ele) && isStringElement(ele[0])) { return ele[0].children; } return ele; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (hasProp); /***/ }), /***/ "./components/_util/props-util/initDefaultProps.ts": /*!*********************************************************!*\ !*** ./components/_util/props-util/initDefaultProps.ts ***! \*********************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); const initDefaultProps = (types, defaultProps) => { const propTypes = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, types); Object.keys(defaultProps).forEach(k => { const prop = propTypes[k]; if (prop) { if (prop.type || prop.default) { prop.default = defaultProps[k]; } else if (prop.def) { prop.def(defaultProps[k]); } else { propTypes[k] = { type: prop, default: defaultProps[k] }; } } else { throw new Error(`not have ${k} prop`); } }); return propTypes; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (initDefaultProps); /***/ }), /***/ "./components/_util/raf.ts": /*!*********************************!*\ !*** ./components/_util/raf.ts ***! \*********************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ wrapperRaf) /* harmony export */ }); let raf = callback => setTimeout(callback, 16); let caf = num => clearTimeout(num); if (typeof window !== 'undefined' && 'requestAnimationFrame' in window) { raf = callback => window.requestAnimationFrame(callback); caf = handle => window.cancelAnimationFrame(handle); } let rafUUID = 0; const rafIds = new Map(); function cleanup(id) { rafIds.delete(id); } function wrapperRaf(callback) { let times = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1; rafUUID += 1; const id = rafUUID; function callRef(leftTimes) { if (leftTimes === 0) { // Clean up cleanup(id); // Trigger callback(); } else { // Next raf const realId = raf(() => { callRef(leftTimes - 1); }); // Bind real raf id rafIds.set(id, realId); } } callRef(times); return id; } wrapperRaf.cancel = id => { const realId = rafIds.get(id); cleanup(realId); return caf(realId); }; /***/ }), /***/ "./components/_util/reactivePick.ts": /*!******************************************!*\ !*** ./components/_util/reactivePick.ts ***! \******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ reactivePick: () => (/* binding */ reactivePick) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var lodash_es_fromPairs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash-es/fromPairs */ "./node_modules/lodash-es/fromPairs.js"); /** * Reactively pick fields from a reactive object * * @see https://vueuse.js.org/reactivePick */ function reactivePick(obj) { for (var _len = arguments.length, keys = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) { keys[_key - 1] = arguments[_key]; } return (0,vue__WEBPACK_IMPORTED_MODULE_0__.reactive)((0,lodash_es_fromPairs__WEBPACK_IMPORTED_MODULE_1__["default"])(keys.map(k => [k, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toRef)(obj, k)]))); } /***/ }), /***/ "./components/_util/responsiveObserve.ts": /*!***********************************************!*\ !*** ./components/_util/responsiveObserve.ts ***! \***********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ useResponsiveObserver), /* harmony export */ responsiveArray: () => (/* binding */ responsiveArray) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../theme/internal */ "./components/theme/internal.ts"); const responsiveArray = ['xxxl', 'xxl', 'xl', 'lg', 'md', 'sm', 'xs']; const getResponsiveMap = token => ({ xs: `(max-width: ${token.screenXSMax}px)`, sm: `(min-width: ${token.screenSM}px)`, md: `(min-width: ${token.screenMD}px)`, lg: `(min-width: ${token.screenLG}px)`, xl: `(min-width: ${token.screenXL}px)`, xxl: `(min-width: ${token.screenXXL}px)`, xxxl: `{min-width: ${token.screenXXXL}px}` }); function useResponsiveObserver() { const [, token] = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_2__.useToken)(); return (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { const responsiveMap = getResponsiveMap(token.value); const subscribers = new Map(); let subUid = -1; let screens = {}; return { matchHandlers: {}, dispatch(pointMap) { screens = pointMap; subscribers.forEach(func => func(screens)); return subscribers.size >= 1; }, subscribe(func) { if (!subscribers.size) this.register(); subUid += 1; subscribers.set(subUid, func); func(screens); return subUid; }, unsubscribe(paramToken) { subscribers.delete(paramToken); if (!subscribers.size) this.unregister(); }, unregister() { Object.keys(responsiveMap).forEach(screen => { const matchMediaQuery = responsiveMap[screen]; const handler = this.matchHandlers[matchMediaQuery]; handler === null || handler === void 0 ? void 0 : handler.mql.removeListener(handler === null || handler === void 0 ? void 0 : handler.listener); }); subscribers.clear(); }, register() { Object.keys(responsiveMap).forEach(screen => { const matchMediaQuery = responsiveMap[screen]; const listener = _ref => { let { matches } = _ref; this.dispatch((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, screens), { [screen]: matches })); }; const mql = window.matchMedia(matchMediaQuery); mql.addListener(listener); this.matchHandlers[matchMediaQuery] = { mql, listener }; listener(mql); }); }, responsiveMap }; }); } /***/ }), /***/ "./components/_util/scrollTo.ts": /*!**************************************!*\ !*** ./components/_util/scrollTo.ts ***! \**************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ scrollTo) /* harmony export */ }); /* harmony import */ var _raf__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./raf */ "./components/_util/raf.ts"); /* harmony import */ var _easings__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./easings */ "./components/_util/easings.ts"); /* harmony import */ var _getScroll__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./getScroll */ "./components/_util/getScroll.ts"); function scrollTo(y) { let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; const { getContainer = () => window, callback, duration = 450 } = options; const container = getContainer(); const scrollTop = (0,_getScroll__WEBPACK_IMPORTED_MODULE_0__["default"])(container, true); const startTime = Date.now(); const frameFunc = () => { const timestamp = Date.now(); const time = timestamp - startTime; const nextScrollTop = (0,_easings__WEBPACK_IMPORTED_MODULE_1__.easeInOutCubic)(time > duration ? duration : time, scrollTop, y, duration); if ((0,_getScroll__WEBPACK_IMPORTED_MODULE_0__.isWindow)(container)) { container.scrollTo(window.scrollX, nextScrollTop); } else if (container instanceof Document) { container.documentElement.scrollTop = nextScrollTop; } else { container.scrollTop = nextScrollTop; } if (time < duration) { (0,_raf__WEBPACK_IMPORTED_MODULE_2__["default"])(frameFunc); } else if (typeof callback === 'function') { callback(); } }; (0,_raf__WEBPACK_IMPORTED_MODULE_2__["default"])(frameFunc); } /***/ }), /***/ "./components/_util/shallowequal.ts": /*!******************************************!*\ !*** ./components/_util/shallowequal.ts ***! \******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* export default binding */ __WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); function shallowEqual(objA, objB, compare, compareContext) { let ret = compare ? compare.call(compareContext, objA, objB) : void 0; if (ret !== void 0) { return !!ret; } if (objA === objB) { return true; } if (typeof objA !== 'object' || !objA || typeof objB !== 'object' || !objB) { return false; } const keysA = Object.keys(objA); const keysB = Object.keys(objB); if (keysA.length !== keysB.length) { return false; } const bHasOwnProperty = Object.prototype.hasOwnProperty.bind(objB); // Test for A's keys different from B. for (let idx = 0; idx < keysA.length; idx++) { const key = keysA[idx]; if (!bHasOwnProperty(key)) { return false; } const valueA = objA[key]; const valueB = objB[key]; ret = compare ? compare.call(compareContext, valueA, valueB, key) : void 0; if (ret === false || ret === void 0 && valueA !== valueB) { return false; } } return true; } /* harmony default export */ function __WEBPACK_DEFAULT_EXPORT__(value, other) { return shallowEqual((0,vue__WEBPACK_IMPORTED_MODULE_0__.toRaw)(value), (0,vue__WEBPACK_IMPORTED_MODULE_0__.toRaw)(other)); } /***/ }), /***/ "./components/_util/statusUtils.tsx": /*!******************************************!*\ !*** ./components/_util/statusUtils.tsx ***! \******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ getMergedStatus: () => (/* binding */ getMergedStatus), /* harmony export */ getStatusClassNames: () => (/* binding */ getStatusClassNames) /* harmony export */ }); /* harmony import */ var _classNames__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./classNames */ "./components/_util/classNames.ts"); const InputStatuses = ['warning', 'error', '']; function getStatusClassNames(prefixCls, status, hasFeedback) { return (0,_classNames__WEBPACK_IMPORTED_MODULE_0__["default"])({ [`${prefixCls}-status-success`]: status === 'success', [`${prefixCls}-status-warning`]: status === 'warning', [`${prefixCls}-status-error`]: status === 'error', [`${prefixCls}-status-validating`]: status === 'validating', [`${prefixCls}-has-feedback`]: hasFeedback }); } const getMergedStatus = (contextStatus, customStatus) => customStatus || contextStatus; /***/ }), /***/ "./components/_util/styleChecker.ts": /*!******************************************!*\ !*** ./components/_util/styleChecker.ts ***! \******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ canUseDocElement: () => (/* binding */ canUseDocElement), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ detectFlexGapSupported: () => (/* binding */ detectFlexGapSupported), /* harmony export */ isStyleSupport: () => (/* binding */ isStyleSupport) /* harmony export */ }); /* harmony import */ var _canUseDom__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./canUseDom */ "./components/_util/canUseDom.ts"); const canUseDocElement = () => (0,_canUseDom__WEBPACK_IMPORTED_MODULE_0__["default"])() && window.document.documentElement; const isStyleNameSupport = styleName => { if ((0,_canUseDom__WEBPACK_IMPORTED_MODULE_0__["default"])() && window.document.documentElement) { const styleNameList = Array.isArray(styleName) ? styleName : [styleName]; const { documentElement } = window.document; return styleNameList.some(name => name in documentElement.style); } return false; }; const isStyleValueSupport = (styleName, value) => { if (!isStyleNameSupport(styleName)) { return false; } const ele = document.createElement('div'); const origin = ele.style[styleName]; ele.style[styleName] = value; return ele.style[styleName] !== origin; }; function isStyleSupport(styleName, styleValue) { if (!Array.isArray(styleName) && styleValue !== undefined) { return isStyleValueSupport(styleName, styleValue); } return isStyleNameSupport(styleName); } let flexGapSupported; const detectFlexGapSupported = () => { if (!canUseDocElement()) { return false; } if (flexGapSupported !== undefined) { return flexGapSupported; } // create flex container with row-gap set const flex = document.createElement('div'); flex.style.display = 'flex'; flex.style.flexDirection = 'column'; flex.style.rowGap = '1px'; // create two, elements inside it flex.appendChild(document.createElement('div')); flex.appendChild(document.createElement('div')); // append to the DOM (needed to obtain scrollHeight) document.body.appendChild(flex); flexGapSupported = flex.scrollHeight === 1; // flex container should be 1px high from the row-gap document.body.removeChild(flex); return flexGapSupported; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (isStyleSupport); /***/ }), /***/ "./components/_util/throttleByAnimationFrame.ts": /*!******************************************************!*\ !*** ./components/_util/throttleByAnimationFrame.ts ***! \******************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _raf__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./raf */ "./components/_util/raf.ts"); function throttleByAnimationFrame(fn) { let requestId; const later = args => () => { requestId = null; fn(...args); }; const throttled = function () { if (requestId == null) { for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) { args[_key] = arguments[_key]; } requestId = (0,_raf__WEBPACK_IMPORTED_MODULE_0__["default"])(later(args)); } }; throttled.cancel = () => { _raf__WEBPACK_IMPORTED_MODULE_0__["default"].cancel(requestId); requestId = null; }; return throttled; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (throttleByAnimationFrame); /***/ }), /***/ "./components/_util/toReactive.ts": /*!****************************************!*\ !*** ./components/_util/toReactive.ts ***! \****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ toReactive: () => (/* binding */ toReactive) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /** * Converts ref to reactive. * * @see https://vueuse.org/toReactive * @param objectRef A ref of object */ function toReactive(objectRef) { if (!(0,vue__WEBPACK_IMPORTED_MODULE_0__.isRef)(objectRef)) return (0,vue__WEBPACK_IMPORTED_MODULE_0__.reactive)(objectRef); const proxy = new Proxy({}, { get(_, p, receiver) { return Reflect.get(objectRef.value, p, receiver); }, set(_, p, value) { objectRef.value[p] = value; return true; }, deleteProperty(_, p) { return Reflect.deleteProperty(objectRef.value, p); }, has(_, p) { return Reflect.has(objectRef.value, p); }, ownKeys() { return Object.keys(objectRef.value); }, getOwnPropertyDescriptor() { return { enumerable: true, configurable: true }; } }); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.reactive)(proxy); } /***/ }), /***/ "./components/_util/transButton.tsx": /*!******************************************!*\ !*** ./components/_util/transButton.tsx ***! \******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _KeyCode__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./KeyCode */ "./components/_util/KeyCode.ts"); var __rest = undefined && undefined.__rest || function (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; }; /** * Wrap of sub component which need use as Button capacity (like Icon component). * This helps accessibility reader to tread as a interactive button to operation. */ const inlineStyle = { border: 0, background: 'transparent', padding: 0, lineHeight: 'inherit', display: 'inline-block' }; const TransButton = (0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'TransButton', inheritAttrs: false, props: { noStyle: { type: Boolean, default: undefined }, onClick: Function, disabled: { type: Boolean, default: undefined }, autofocus: { type: Boolean, default: undefined } }, setup(props, _ref) { let { slots, emit, attrs, expose } = _ref; const domRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(); const onKeyDown = event => { const { keyCode } = event; if (keyCode === _KeyCode__WEBPACK_IMPORTED_MODULE_3__["default"].ENTER) { event.preventDefault(); } }; const onKeyUp = event => { const { keyCode } = event; if (keyCode === _KeyCode__WEBPACK_IMPORTED_MODULE_3__["default"].ENTER) { emit('click', event); } }; const onClick = e => { emit('click', e); }; const focus = () => { if (domRef.value) { domRef.value.focus(); } }; const blur = () => { if (domRef.value) { domRef.value.blur(); } }; (0,vue__WEBPACK_IMPORTED_MODULE_2__.onMounted)(() => { if (props.autofocus) { focus(); } }); expose({ focus, blur }); return () => { var _a; const { noStyle, disabled } = props, restProps = __rest(props, ["noStyle", "disabled"]); let mergedStyle = {}; if (!noStyle) { mergedStyle = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, inlineStyle); } if (disabled) { mergedStyle.pointerEvents = 'none'; } return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "role": "button", "tabindex": 0, "ref": domRef }, restProps), attrs), {}, { "onClick": onClick, "onKeydown": onKeyDown, "onKeyup": onKeyUp, "style": (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, mergedStyle), attrs.style || {}) }), [(_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)]); }; } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TransButton); /***/ }), /***/ "./components/_util/transKeys.ts": /*!***************************************!*\ !*** ./components/_util/transKeys.ts ***! \***************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ groupDisabledKeysMap: () => (/* binding */ groupDisabledKeysMap), /* harmony export */ groupKeysMap: () => (/* binding */ groupKeysMap) /* harmony export */ }); const groupKeysMap = keys => { const map = new Map(); keys.forEach((key, index) => { map.set(key, index); }); return map; }; const groupDisabledKeysMap = dataSource => { const map = new Map(); dataSource.forEach((_ref, index) => { let { disabled, key } = _ref; if (disabled) { map.set(key, index); } }); return map; }; /***/ }), /***/ "./components/_util/transition.tsx": /*!*****************************************!*\ !*** ./components/_util/transition.tsx ***! \*****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ collapseMotion: () => (/* binding */ collapseMotion), /* harmony export */ getTransitionDirection: () => (/* binding */ getTransitionDirection), /* harmony export */ getTransitionGroupProps: () => (/* binding */ getTransitionGroupProps), /* harmony export */ getTransitionName: () => (/* binding */ getTransitionName), /* harmony export */ getTransitionProps: () => (/* binding */ getTransitionProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _type__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./type */ "./components/_util/type.ts"); const SelectPlacements = (0,_type__WEBPACK_IMPORTED_MODULE_2__.tuple)('bottomLeft', 'bottomRight', 'topLeft', 'topRight'); const getTransitionDirection = placement => { if (placement !== undefined && (placement === 'topLeft' || placement === 'topRight')) { return `slide-down`; } return `slide-up`; }; const getTransitionProps = function (transitionName) { let opt = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; const transitionProps = transitionName ? (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ name: transitionName, appear: true, // type: 'animation', // appearFromClass: `${transitionName}-appear ${transitionName}-appear-prepare`, // appearActiveClass: `antdv-base-transtion`, // appearToClass: `${transitionName}-appear ${transitionName}-appear-active`, enterFromClass: `${transitionName}-enter ${transitionName}-enter-prepare ${transitionName}-enter-start`, enterActiveClass: `${transitionName}-enter ${transitionName}-enter-prepare`, enterToClass: `${transitionName}-enter ${transitionName}-enter-active`, leaveFromClass: ` ${transitionName}-leave`, leaveActiveClass: `${transitionName}-leave ${transitionName}-leave-active`, leaveToClass: `${transitionName}-leave ${transitionName}-leave-active` }, opt) : (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ css: false }, opt); return transitionProps; }; const getTransitionGroupProps = function (transitionName) { let opt = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; const transitionProps = transitionName ? (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ name: transitionName, appear: true, // appearFromClass: `${transitionName}-appear ${transitionName}-appear-prepare`, appearActiveClass: `${transitionName}`, appearToClass: `${transitionName}-appear ${transitionName}-appear-active`, enterFromClass: `${transitionName}-appear ${transitionName}-enter ${transitionName}-appear-prepare ${transitionName}-enter-prepare`, enterActiveClass: `${transitionName}`, enterToClass: `${transitionName}-enter ${transitionName}-appear ${transitionName}-appear-active ${transitionName}-enter-active`, leaveActiveClass: `${transitionName} ${transitionName}-leave`, leaveToClass: `${transitionName}-leave-active` }, opt) : (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ css: false }, opt); return transitionProps; }; // ================== Collapse Motion ================== const getCollapsedHeight = () => ({ height: 0, opacity: 0 }); const getRealHeight = node => ({ height: `${node.scrollHeight}px`, opacity: 1 }); const getCurrentHeight = node => ({ height: `${node.offsetHeight}px` }); const collapseMotion = function () { let name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'ant-motion-collapse'; let style = arguments.length > 1 ? arguments[1] : undefined; let className = arguments.length > 2 ? arguments[2] : undefined; return { name, appear: true, css: true, onBeforeEnter: node => { className.value = name; style.value = getCollapsedHeight(node); }, onEnter: node => { (0,vue__WEBPACK_IMPORTED_MODULE_1__.nextTick)(() => { style.value = getRealHeight(node); }); }, onAfterEnter: () => { className.value = ''; style.value = {}; }, onBeforeLeave: node => { className.value = name; style.value = getCurrentHeight(node); }, onLeave: node => { setTimeout(() => { style.value = getCollapsedHeight(node); }); }, onAfterLeave: () => { className.value = ''; style.value = {}; } }; }; const getTransitionName = (rootPrefixCls, motion, transitionName) => { if (transitionName !== undefined) { return transitionName; } return `${rootPrefixCls}-${motion}`; }; /***/ }), /***/ "./components/_util/type.ts": /*!**********************************!*\ !*** ./components/_util/type.ts ***! \**********************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ anyType: () => (/* binding */ anyType), /* harmony export */ arrayType: () => (/* binding */ arrayType), /* harmony export */ booleanType: () => (/* binding */ booleanType), /* harmony export */ eventType: () => (/* binding */ eventType), /* harmony export */ functionType: () => (/* binding */ functionType), /* harmony export */ objectType: () => (/* binding */ objectType), /* harmony export */ someType: () => (/* binding */ someType), /* harmony export */ stringType: () => (/* binding */ stringType), /* harmony export */ tuple: () => (/* binding */ tuple), /* harmony export */ tupleNum: () => (/* binding */ tupleNum), /* harmony export */ vNodeType: () => (/* binding */ vNodeType), /* harmony export */ withInstall: () => (/* binding */ withInstall) /* harmony export */ }); // https://stackoverflow.com/questions/46176165/ways-to-get-string-literal-type-of-array-values-without-enum-overhead const tuple = function () { for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) { args[_key] = arguments[_key]; } return args; }; const tupleNum = function () { for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) { args[_key2] = arguments[_key2]; } return args; }; const withInstall = comp => { const c = comp; c.install = function (app) { app.component(c.displayName || c.name, comp); }; return comp; }; function eventType() { return { type: [Function, Array] }; } function objectType(defaultVal) { return { type: Object, default: defaultVal }; } function booleanType(defaultVal) { return { type: Boolean, default: defaultVal }; } function functionType(defaultVal) { return { type: Function, default: defaultVal }; } function anyType(defaultVal, required) { const type = { validator: () => true, default: defaultVal }; return required ? type : type; } function vNodeType() { return { validator: () => true }; } function arrayType(defaultVal) { return { type: Array, default: defaultVal }; } function stringType(defaultVal) { return { type: String, default: defaultVal }; } function someType(types, defaultVal) { return types ? { type: types, default: defaultVal } : anyType(defaultVal); } /***/ }), /***/ "./components/_util/util.ts": /*!**********************************!*\ !*** ./components/_util/util.ts ***! \**********************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ cacheStringFunction: () => (/* binding */ cacheStringFunction), /* harmony export */ camelize: () => (/* binding */ camelize), /* harmony export */ capitalize: () => (/* binding */ capitalize), /* harmony export */ controlDefaultValue: () => (/* binding */ controlDefaultValue), /* harmony export */ getDataAndAriaProps: () => (/* binding */ getDataAndAriaProps), /* harmony export */ hyphenate: () => (/* binding */ hyphenate), /* harmony export */ isArray: () => (/* binding */ isArray), /* harmony export */ isFunction: () => (/* binding */ isFunction), /* harmony export */ isObject: () => (/* binding */ isObject), /* harmony export */ isOn: () => (/* binding */ isOn), /* harmony export */ isString: () => (/* binding */ isString), /* harmony export */ isSymbol: () => (/* binding */ isSymbol), /* harmony export */ renderHelper: () => (/* binding */ renderHelper), /* harmony export */ resolvePropValue: () => (/* binding */ resolvePropValue), /* harmony export */ toPx: () => (/* binding */ toPx), /* harmony export */ wrapPromiseFn: () => (/* binding */ wrapPromiseFn) /* harmony export */ }); const isFunction = val => typeof val === 'function'; const controlDefaultValue = Symbol('controlDefaultValue'); const isArray = Array.isArray; const isString = val => typeof val === 'string'; const isSymbol = val => typeof val === 'symbol'; const isObject = val => val !== null && typeof val === 'object'; const onRE = /^on[^a-z]/; const isOn = key => onRE.test(key); const cacheStringFunction = fn => { const cache = Object.create(null); return str => { const hit = cache[str]; return hit || (cache[str] = fn(str)); }; }; const camelizeRE = /-(\w)/g; const camelize = cacheStringFunction(str => { return str.replace(camelizeRE, (_, c) => c ? c.toUpperCase() : ''); }); const hyphenateRE = /\B([A-Z])/g; const hyphenate = cacheStringFunction(str => { return str.replace(hyphenateRE, '-$1').toLowerCase(); }); const capitalize = cacheStringFunction(str => { return str.charAt(0).toUpperCase() + str.slice(1); }); const hasOwnProperty = Object.prototype.hasOwnProperty; const hasOwn = (val, key) => hasOwnProperty.call(val, key); // change from vue sourcecode function resolvePropValue(options, props, key, value) { const opt = options[key]; if (opt != null) { const hasDefault = hasOwn(opt, 'default'); // default values if (hasDefault && value === undefined) { const defaultValue = opt.default; value = opt.type !== Function && isFunction(defaultValue) ? defaultValue() : defaultValue; } // boolean casting if (opt.type === Boolean) { if (!hasOwn(props, key) && !hasDefault) { value = false; } else if (value === '') { value = true; } } } return value; } function getDataAndAriaProps(props) { return Object.keys(props).reduce((memo, key) => { if (key.startsWith('data-') || key.startsWith('aria-')) { memo[key] = props[key]; } return memo; }, {}); } function toPx(val) { if (typeof val === 'number') return `${val}px`; return val; } function renderHelper(v) { let props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; let defaultV = arguments.length > 2 ? arguments[2] : undefined; if (typeof v === 'function') { return v(props); } return v !== null && v !== void 0 ? v : defaultV; } function wrapPromiseFn(openFn) { let closeFn; const closePromise = new Promise(resolve => { closeFn = openFn(() => { resolve(true); }); }); const result = () => { closeFn === null || closeFn === void 0 ? void 0 : closeFn(); }; result.then = (filled, rejected) => closePromise.then(filled, rejected); result.promise = closePromise; return result; } /***/ }), /***/ "./components/_util/vnode.ts": /*!***********************************!*\ !*** ./components/_util/vnode.ts ***! \***********************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ cloneElement: () => (/* binding */ cloneElement), /* harmony export */ cloneVNodes: () => (/* binding */ cloneVNodes), /* harmony export */ customRenderSlot: () => (/* binding */ customRenderSlot), /* harmony export */ deepCloneElement: () => (/* binding */ deepCloneElement), /* harmony export */ triggerVNodeUpdate: () => (/* binding */ triggerVNodeUpdate) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _props_util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./props-util */ "./components/_util/props-util/index.ts"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _warning__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./warning */ "./components/_util/warning.ts"); function cloneElement(vnode) { let nodeProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; let override = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true; let mergeRef = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false; let ele = vnode; if (Array.isArray(vnode)) { ele = (0,_props_util__WEBPACK_IMPORTED_MODULE_2__.filterEmpty)(vnode)[0]; } if (!ele) { return null; } const node = (0,vue__WEBPACK_IMPORTED_MODULE_1__.cloneVNode)(ele, nodeProps, mergeRef); // cloneVNode内部是合并属性,这里改成覆盖属性 node.props = override ? (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, node.props), nodeProps) : node.props; (0,_warning__WEBPACK_IMPORTED_MODULE_3__["default"])(typeof node.props.class !== 'object', 'class must be string'); return node; } function cloneVNodes(vnodes) { let nodeProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; let override = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true; return vnodes.map(vnode => cloneElement(vnode, nodeProps, override)); } function deepCloneElement(vnode) { let nodeProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; let override = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true; let mergeRef = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false; if (Array.isArray(vnode)) { return vnode.map(item => deepCloneElement(item, nodeProps, override, mergeRef)); } else { // 需要判断是否为vnode方可进行clone操作 if (!(0,vue__WEBPACK_IMPORTED_MODULE_1__.isVNode)(vnode)) { return vnode; } const cloned = cloneElement(vnode, nodeProps, override, mergeRef); if (Array.isArray(cloned.children)) { cloned.children = deepCloneElement(cloned.children); } return cloned; } } function triggerVNodeUpdate(vm, attrs, dom) { (0,vue__WEBPACK_IMPORTED_MODULE_1__.render)((0,vue__WEBPACK_IMPORTED_MODULE_1__.cloneVNode)(vm, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, attrs)), dom); } const ensureValidVNode = slot => { return (slot || []).some(child => { if (!(0,vue__WEBPACK_IMPORTED_MODULE_1__.isVNode)(child)) return true; if (child.type === vue__WEBPACK_IMPORTED_MODULE_1__.Comment) return false; if (child.type === vue__WEBPACK_IMPORTED_MODULE_1__.Fragment && !ensureValidVNode(child.children)) return false; return true; }) ? slot : null; }; function customRenderSlot(slots, name, props, fallback) { var _a; const slot = (_a = slots[name]) === null || _a === void 0 ? void 0 : _a.call(slots, props); if (ensureValidVNode(slot)) { return slot; } return fallback === null || fallback === void 0 ? void 0 : fallback(); } /***/ }), /***/ "./components/_util/vue-types/index.ts": /*!*********************************************!*\ !*** ./components/_util/vue-types/index.ts ***! \*********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ withUndefined: () => (/* binding */ withUndefined) /* harmony export */ }); /* harmony import */ var vue_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue-types */ "./node_modules/vue-types/dist/vue-types.m.js"); const PropTypes = (0,vue_types__WEBPACK_IMPORTED_MODULE_0__.createTypes)({ func: undefined, bool: undefined, string: undefined, number: undefined, array: undefined, object: undefined, integer: undefined }); PropTypes.extend([{ name: 'looseBool', getter: true, type: Boolean, default: undefined }, { name: 'style', getter: true, type: [String, Object], default: undefined }, { name: 'VueNode', getter: true, type: null }]); function withUndefined(type) { type.default = undefined; return type; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PropTypes); /***/ }), /***/ "./components/_util/warning.ts": /*!*************************************!*\ !*** ./components/_util/warning.ts ***! \*************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ noop: () => (/* binding */ noop), /* harmony export */ resetWarned: () => (/* reexport safe */ _vc_util_warning__WEBPACK_IMPORTED_MODULE_0__.resetWarned) /* harmony export */ }); /* harmony import */ var _vc_util_warning__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../vc-util/warning */ "./components/vc-util/warning.ts"); function noop() {} // eslint-disable-next-line import/no-mutable-exports let warning = noop; if (true) { warning = (valid, component, message) => { (0,_vc_util_warning__WEBPACK_IMPORTED_MODULE_0__["default"])(valid, `[ant-design-vue: ${component}] ${message}`); // StrictMode will inject console which will not throw warning in React 17. if (false) {} }; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (warning); /***/ }), /***/ "./components/_util/wave/WaveEffect.tsx": /*!**********************************************!*\ !*** ./components/_util/wave/WaveEffect.tsx ***! \**********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _hooks_useState__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../hooks/useState */ "./components/_util/hooks/useState.ts"); /* harmony import */ var _type__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../type */ "./components/_util/type.ts"); /* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./util */ "./components/_util/wave/util.ts"); /* harmony import */ var _raf__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../raf */ "./components/_util/raf.ts"); function validateNum(value) { return Number.isNaN(value) ? 0 : value; } const WaveEffect = (0,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)({ props: { target: (0,_type__WEBPACK_IMPORTED_MODULE_1__.objectType)(), className: String }, setup(props) { const divRef = (0,vue__WEBPACK_IMPORTED_MODULE_0__.shallowRef)(null); const [color, setWaveColor] = (0,_hooks_useState__WEBPACK_IMPORTED_MODULE_2__["default"])(null); const [borderRadius, setBorderRadius] = (0,_hooks_useState__WEBPACK_IMPORTED_MODULE_2__["default"])([]); const [left, setLeft] = (0,_hooks_useState__WEBPACK_IMPORTED_MODULE_2__["default"])(0); const [top, setTop] = (0,_hooks_useState__WEBPACK_IMPORTED_MODULE_2__["default"])(0); const [width, setWidth] = (0,_hooks_useState__WEBPACK_IMPORTED_MODULE_2__["default"])(0); const [height, setHeight] = (0,_hooks_useState__WEBPACK_IMPORTED_MODULE_2__["default"])(0); const [enabled, setEnabled] = (0,_hooks_useState__WEBPACK_IMPORTED_MODULE_2__["default"])(false); function syncPos() { const { target } = props; const nodeStyle = getComputedStyle(target); // Get wave color from target setWaveColor((0,_util__WEBPACK_IMPORTED_MODULE_3__.getTargetWaveColor)(target)); const isStatic = nodeStyle.position === 'static'; // Rect const { borderLeftWidth, borderTopWidth } = nodeStyle; setLeft(isStatic ? target.offsetLeft : validateNum(-parseFloat(borderLeftWidth))); setTop(isStatic ? target.offsetTop : validateNum(-parseFloat(borderTopWidth))); setWidth(target.offsetWidth); setHeight(target.offsetHeight); // Get border radius const { borderTopLeftRadius, borderTopRightRadius, borderBottomLeftRadius, borderBottomRightRadius } = nodeStyle; setBorderRadius([borderTopLeftRadius, borderTopRightRadius, borderBottomRightRadius, borderBottomLeftRadius].map(radius => validateNum(parseFloat(radius)))); } // Add resize observer to follow size let resizeObserver; let rafId; let timeoutId; const clear = () => { clearTimeout(timeoutId); _raf__WEBPACK_IMPORTED_MODULE_4__["default"].cancel(rafId); resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.disconnect(); }; const removeDom = () => { var _a; const holder = (_a = divRef.value) === null || _a === void 0 ? void 0 : _a.parentElement; if (holder) { (0,vue__WEBPACK_IMPORTED_MODULE_0__.render)(null, holder); if (holder.parentElement) { holder.parentElement.removeChild(holder); } } }; (0,vue__WEBPACK_IMPORTED_MODULE_0__.onMounted)(() => { clear(); timeoutId = setTimeout(() => { removeDom(); }, 5000); const { target } = props; if (target) { // We need delay to check position here // since UI may change after click rafId = (0,_raf__WEBPACK_IMPORTED_MODULE_4__["default"])(() => { syncPos(); setEnabled(true); }); if (typeof ResizeObserver !== 'undefined') { resizeObserver = new ResizeObserver(syncPos); resizeObserver.observe(target); } } }); (0,vue__WEBPACK_IMPORTED_MODULE_0__.onBeforeUnmount)(() => { clear(); }); const onTransitionend = e => { if (e.propertyName === 'opacity') { removeDom(); } }; return () => { if (!enabled.value) { return null; } const waveStyle = { left: `${left.value}px`, top: `${top.value}px`, width: `${width.value}px`, height: `${height.value}px`, borderRadius: borderRadius.value.map(radius => `${radius}px`).join(' ') }; if (color) { waveStyle['--wave-color'] = color.value; } return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_0__.Transition, { "appear": true, "name": "wave-motion", "appearFromClass": "wave-motion-appear", "appearActiveClass": "wave-motion-appear", "appearToClass": "wave-motion-appear wave-motion-appear-active" }, { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", { "ref": divRef, "class": props.className, "style": waveStyle, "onTransitionend": onTransitionend }, null)] }); }; } }); function showWaveEffect(node, className) { // Create holder const holder = document.createElement('div'); holder.style.position = 'absolute'; holder.style.left = `0px`; holder.style.top = `0px`; node === null || node === void 0 ? void 0 : node.insertBefore(holder, node === null || node === void 0 ? void 0 : node.firstChild); (0,vue__WEBPACK_IMPORTED_MODULE_0__.render)((0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(WaveEffect, { "target": node, "className": className }, null), holder); return () => { (0,vue__WEBPACK_IMPORTED_MODULE_0__.render)(null, holder); if (holder.parentElement) { holder.parentElement.removeChild(holder); } }; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (showWaveEffect); /***/ }), /***/ "./components/_util/wave/index.tsx": /*!*****************************************!*\ !*** ./components/_util/wave/index.tsx ***! \*****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _vc_util_Dom_isVisible__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../vc-util/Dom/isVisible */ "./components/vc-util/Dom/isVisible.ts"); /* harmony import */ var _classNames__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _props_util__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../props-util */ "./components/_util/props-util/index.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./style */ "./components/_util/wave/style.ts"); /* harmony import */ var _useWave__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./useWave */ "./components/_util/wave/useWave.ts"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'Wave', props: { disabled: Boolean }, setup(props, _ref) { let { slots } = _ref; const instance = (0,vue__WEBPACK_IMPORTED_MODULE_0__.getCurrentInstance)(); const { prefixCls, wave } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_1__["default"])('wave', props); // ============================== Style =============================== const [, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_2__["default"])(prefixCls); // =============================== Wave =============================== const showWave = (0,_useWave__WEBPACK_IMPORTED_MODULE_3__["default"])((0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => (0,_classNames__WEBPACK_IMPORTED_MODULE_4__["default"])(prefixCls.value, hashId.value)), wave); let onClick; const clear = () => { const node = (0,_props_util__WEBPACK_IMPORTED_MODULE_5__.findDOMNode)(instance); node.removeEventListener('click', onClick, true); }; (0,vue__WEBPACK_IMPORTED_MODULE_0__.onMounted)(() => { (0,vue__WEBPACK_IMPORTED_MODULE_0__.watch)(() => props.disabled, () => { clear(); (0,vue__WEBPACK_IMPORTED_MODULE_0__.nextTick)(() => { const node = (0,_props_util__WEBPACK_IMPORTED_MODULE_5__.findDOMNode)(instance); node === null || node === void 0 ? void 0 : node.removeEventListener('click', onClick, true); if (!node || node.nodeType !== 1 || props.disabled) { return; } // Click handler onClick = e => { // Fix radio button click twice if (e.target.tagName === 'INPUT' || !(0,_vc_util_Dom_isVisible__WEBPACK_IMPORTED_MODULE_6__["default"])(e.target) || // No need wave !node.getAttribute || node.getAttribute('disabled') || node.disabled || node.className.includes('disabled') || node.className.includes('-leave')) { return; } showWave(); }; // Bind events node.addEventListener('click', onClick, true); }); }, { immediate: true, flush: 'post' }); }); (0,vue__WEBPACK_IMPORTED_MODULE_0__.onBeforeUnmount)(() => { clear(); }); return () => { var _a; // ============================== Render ============================== const children = (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)[0]; return children; }; } })); /***/ }), /***/ "./components/_util/wave/style.ts": /*!****************************************!*\ !*** ./components/_util/wave/style.ts ***! \****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/genComponentStyleHook.ts"); const genWaveStyle = token => { const { componentCls, colorPrimary } = token; return { [componentCls]: { position: 'absolute', background: 'transparent', pointerEvents: 'none', boxSizing: 'border-box', color: `var(--wave-color, ${colorPrimary})`, boxShadow: `0 0 0 0 currentcolor`, opacity: 0.2, // =================== Motion =================== '&.wave-motion-appear': { transition: [`box-shadow 0.4s ${token.motionEaseOutCirc}`, `opacity 2s ${token.motionEaseOutCirc}`].join(','), '&-active': { boxShadow: `0 0 0 6px currentcolor`, opacity: 0 } } } }; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_theme_internal__WEBPACK_IMPORTED_MODULE_0__["default"])('Wave', token => [genWaveStyle(token)])); /***/ }), /***/ "./components/_util/wave/useWave.ts": /*!******************************************!*\ !*** ./components/_util/wave/useWave.ts ***! \******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ useWave) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _props_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../props-util */ "./components/_util/props-util/index.ts"); /* harmony import */ var _WaveEffect__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./WaveEffect */ "./components/_util/wave/WaveEffect.tsx"); function useWave(className, wave) { const instance = (0,vue__WEBPACK_IMPORTED_MODULE_0__.getCurrentInstance)(); let stopWave; function showWave() { var _a; const node = (0,_props_util__WEBPACK_IMPORTED_MODULE_1__.findDOMNode)(instance); stopWave === null || stopWave === void 0 ? void 0 : stopWave(); if (((_a = wave === null || wave === void 0 ? void 0 : wave.value) === null || _a === void 0 ? void 0 : _a.disabled) || !node) { return; } stopWave = (0,_WaveEffect__WEBPACK_IMPORTED_MODULE_2__["default"])(node, className.value); } (0,vue__WEBPACK_IMPORTED_MODULE_0__.onBeforeUnmount)(() => { stopWave === null || stopWave === void 0 ? void 0 : stopWave(); }); return showWave; } /***/ }), /***/ "./components/_util/wave/util.ts": /*!***************************************!*\ !*** ./components/_util/wave/util.ts ***! \***************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ getTargetWaveColor: () => (/* binding */ getTargetWaveColor), /* harmony export */ isNotGrey: () => (/* binding */ isNotGrey), /* harmony export */ isValidWaveColor: () => (/* binding */ isValidWaveColor) /* harmony export */ }); function isNotGrey(color) { // eslint-disable-next-line no-useless-escape const match = (color || '').match(/rgba?\((\d*), (\d*), (\d*)(, [\d.]*)?\)/); if (match && match[1] && match[2] && match[3]) { return !(match[1] === match[2] && match[2] === match[3]); } return true; } function isValidWaveColor(color) { return color && color !== '#fff' && color !== '#ffffff' && color !== 'rgb(255, 255, 255)' && color !== 'rgba(255, 255, 255, 1)' && isNotGrey(color) && !/rgba\((?:\d*, ){3}0\)/.test(color) && // any transparent rgba color color !== 'transparent'; } function getTargetWaveColor(node) { const { borderTopColor, borderColor, backgroundColor } = getComputedStyle(node); if (isValidWaveColor(borderTopColor)) { return borderTopColor; } if (isValidWaveColor(borderColor)) { return borderColor; } if (isValidWaveColor(backgroundColor)) { return backgroundColor; } return null; } /***/ }), /***/ "./components/affix/index.tsx": /*!************************************!*\ !*** ./components/affix/index.tsx ***! \************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ affixProps: () => (/* binding */ affixProps), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _vc_resize_observer__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../vc-resize-observer */ "./components/vc-resize-observer/index.tsx"); /* harmony import */ var _util_throttleByAnimationFrame__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/throttleByAnimationFrame */ "./components/_util/throttleByAnimationFrame.ts"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils */ "./components/affix/utils.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _util_omit__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../_util/omit */ "./components/_util/omit.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./style */ "./components/affix/style/index.ts"); function getDefaultTarget() { return typeof window !== 'undefined' ? window : null; } var AffixStatus; (function (AffixStatus) { AffixStatus[AffixStatus["None"] = 0] = "None"; AffixStatus[AffixStatus["Prepare"] = 1] = "Prepare"; })(AffixStatus || (AffixStatus = {})); // Affix const affixProps = () => ({ /** * 距离窗口顶部达到指定偏移量后触发 */ offsetTop: Number, /** 距离窗口底部达到指定偏移量后触发 */ offsetBottom: Number, /** 设置 Affix 需要监听其滚动事件的元素,值为一个返回对应 DOM 元素的函数 */ target: { type: Function, default: getDefaultTarget }, prefixCls: String, /** 固定状态改变时触发的回调函数 */ onChange: Function, onTestUpdatePosition: Function }); const Affix = (0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'AAffix', inheritAttrs: false, props: affixProps(), setup(props, _ref) { let { slots, emit, expose, attrs } = _ref; const placeholderNode = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(); const fixedNode = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(); const state = (0,vue__WEBPACK_IMPORTED_MODULE_2__.reactive)({ affixStyle: undefined, placeholderStyle: undefined, status: AffixStatus.None, lastAffix: false, prevTarget: null, timeout: null }); const currentInstance = (0,vue__WEBPACK_IMPORTED_MODULE_2__.getCurrentInstance)(); const offsetTop = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { return props.offsetBottom === undefined && props.offsetTop === undefined ? 0 : props.offsetTop; }); const offsetBottom = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.offsetBottom); const measure = () => { const { status, lastAffix } = state; const { target } = props; if (status !== AffixStatus.Prepare || !fixedNode.value || !placeholderNode.value || !target) { return; } const targetNode = target(); if (!targetNode) { return; } const newState = { status: AffixStatus.None }; const placeholderRect = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.getTargetRect)(placeholderNode.value); if (placeholderRect.top === 0 && placeholderRect.left === 0 && placeholderRect.width === 0 && placeholderRect.height === 0) { return; } const targetRect = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.getTargetRect)(targetNode); const fixedTop = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.getFixedTop)(placeholderRect, targetRect, offsetTop.value); const fixedBottom = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.getFixedBottom)(placeholderRect, targetRect, offsetBottom.value); if (placeholderRect.top === 0 && placeholderRect.left === 0 && placeholderRect.width === 0 && placeholderRect.height === 0) { return; } if (fixedTop !== undefined) { const width = `${placeholderRect.width}px`; const height = `${placeholderRect.height}px`; newState.affixStyle = { position: 'fixed', top: fixedTop, width, height }; newState.placeholderStyle = { width, height }; } else if (fixedBottom !== undefined) { const width = `${placeholderRect.width}px`; const height = `${placeholderRect.height}px`; newState.affixStyle = { position: 'fixed', bottom: fixedBottom, width, height }; newState.placeholderStyle = { width, height }; } newState.lastAffix = !!newState.affixStyle; if (lastAffix !== newState.lastAffix) { emit('change', newState.lastAffix); } // update state (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])(state, newState); }; const prepareMeasure = () => { (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])(state, { status: AffixStatus.Prepare, affixStyle: undefined, placeholderStyle: undefined }); // Test if `updatePosition` called if (false) {} }; const updatePosition = (0,_util_throttleByAnimationFrame__WEBPACK_IMPORTED_MODULE_4__["default"])(() => { prepareMeasure(); }); const lazyUpdatePosition = (0,_util_throttleByAnimationFrame__WEBPACK_IMPORTED_MODULE_4__["default"])(() => { const { target } = props; const { affixStyle } = state; // Check position change before measure to make Safari smooth if (target && affixStyle) { const targetNode = target(); if (targetNode && placeholderNode.value) { const targetRect = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.getTargetRect)(targetNode); const placeholderRect = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.getTargetRect)(placeholderNode.value); const fixedTop = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.getFixedTop)(placeholderRect, targetRect, offsetTop.value); const fixedBottom = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.getFixedBottom)(placeholderRect, targetRect, offsetBottom.value); if (fixedTop !== undefined && affixStyle.top === fixedTop || fixedBottom !== undefined && affixStyle.bottom === fixedBottom) { return; } } } // Directly call prepare measure since it's already throttled. prepareMeasure(); }); expose({ updatePosition, lazyUpdatePosition }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)(() => props.target, val => { const newTarget = (val === null || val === void 0 ? void 0 : val()) || null; if (state.prevTarget !== newTarget) { (0,_utils__WEBPACK_IMPORTED_MODULE_3__.removeObserveTarget)(currentInstance); if (newTarget) { (0,_utils__WEBPACK_IMPORTED_MODULE_3__.addObserveTarget)(newTarget, currentInstance); // Mock Event object. updatePosition(); } state.prevTarget = newTarget; } }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)(() => [props.offsetTop, props.offsetBottom], updatePosition); (0,vue__WEBPACK_IMPORTED_MODULE_2__.onMounted)(() => { const { target } = props; if (target) { // [Legacy] Wait for parent component ref has its value. // We should use target as directly element instead of function which makes element check hard. state.timeout = setTimeout(() => { (0,_utils__WEBPACK_IMPORTED_MODULE_3__.addObserveTarget)(target(), currentInstance); // Mock Event object. updatePosition(); }); } }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.onUpdated)(() => { measure(); }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.onUnmounted)(() => { clearTimeout(state.timeout); (0,_utils__WEBPACK_IMPORTED_MODULE_3__.removeObserveTarget)(currentInstance); updatePosition.cancel(); // https://github.com/ant-design/ant-design/issues/22683 lazyUpdatePosition.cancel(); }); const { prefixCls } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_5__["default"])('affix', props); const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_6__["default"])(prefixCls); return () => { var _a; const { affixStyle, placeholderStyle, status } = state; const className = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_7__["default"])({ [prefixCls.value]: affixStyle, [hashId.value]: true }); const restProps = (0,_util_omit__WEBPACK_IMPORTED_MODULE_8__["default"])(props, ['prefixCls', 'offsetTop', 'offsetBottom', 'target', 'onChange', 'onTestUpdatePosition']); return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_vc_resize_observer__WEBPACK_IMPORTED_MODULE_9__["default"], { "onResize": updatePosition }, { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, restProps), attrs), {}, { "ref": placeholderNode, "data-measure-status": status }), [affixStyle && (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "style": placeholderStyle, "aria-hidden": "true" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": className, "ref": fixedNode, "style": affixStyle }, [(_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)])])] })); }; } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_util_type__WEBPACK_IMPORTED_MODULE_10__.withInstall)(Affix)); /***/ }), /***/ "./components/affix/style/index.ts": /*!*****************************************!*\ !*** ./components/affix/style/index.ts ***! \*****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/genComponentStyleHook.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/statistic.ts"); // ============================== Shared ============================== const genSharedAffixStyle = token => { const { componentCls } = token; return { [componentCls]: { position: 'fixed', zIndex: token.zIndexPopup } }; }; // ============================== Export ============================== /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_theme_internal__WEBPACK_IMPORTED_MODULE_0__["default"])('Affix', token => { const affixToken = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_1__.merge)(token, { zIndexPopup: token.zIndexBase + 10 }); return [genSharedAffixStyle(affixToken)]; })); /***/ }), /***/ "./components/affix/utils.ts": /*!***********************************!*\ !*** ./components/affix/utils.ts ***! \***********************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ addObserveTarget: () => (/* binding */ addObserveTarget), /* harmony export */ getFixedBottom: () => (/* binding */ getFixedBottom), /* harmony export */ getFixedTop: () => (/* binding */ getFixedTop), /* harmony export */ getObserverEntities: () => (/* binding */ getObserverEntities), /* harmony export */ getTargetRect: () => (/* binding */ getTargetRect), /* harmony export */ removeObserveTarget: () => (/* binding */ removeObserveTarget) /* harmony export */ }); /* harmony import */ var _vc_util_Dom_addEventListener__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../vc-util/Dom/addEventListener */ "./components/vc-util/Dom/addEventListener.js"); /* harmony import */ var _util_supportsPassive__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../_util/supportsPassive */ "./components/_util/supportsPassive.js"); function getTargetRect(target) { return target !== window ? target.getBoundingClientRect() : { top: 0, bottom: window.innerHeight }; } function getFixedTop(placeholderRect, targetRect, offsetTop) { if (offsetTop !== undefined && targetRect.top > placeholderRect.top - offsetTop) { return `${offsetTop + targetRect.top}px`; } return undefined; } function getFixedBottom(placeholderRect, targetRect, offsetBottom) { if (offsetBottom !== undefined && targetRect.bottom < placeholderRect.bottom + offsetBottom) { const targetBottomOffset = window.innerHeight - targetRect.bottom; return `${offsetBottom + targetBottomOffset}px`; } return undefined; } // ======================== Observer ======================== const TRIGGER_EVENTS = ['resize', 'scroll', 'touchstart', 'touchmove', 'touchend', 'pageshow', 'load']; let observerEntities = []; function getObserverEntities() { // Only used in test env. Can be removed if refactor. return observerEntities; } function addObserveTarget(target, affix) { if (!target) return; let entity = observerEntities.find(item => item.target === target); if (entity) { entity.affixList.push(affix); } else { entity = { target, affixList: [affix], eventHandlers: {} }; observerEntities.push(entity); // Add listener TRIGGER_EVENTS.forEach(eventName => { entity.eventHandlers[eventName] = (0,_vc_util_Dom_addEventListener__WEBPACK_IMPORTED_MODULE_0__["default"])(target, eventName, () => { entity.affixList.forEach(targetAffix => { const { lazyUpdatePosition } = targetAffix.exposed; lazyUpdatePosition(); }, (eventName === 'touchstart' || eventName === 'touchmove') && _util_supportsPassive__WEBPACK_IMPORTED_MODULE_1__["default"] ? { passive: true } : false); }); }); } } function removeObserveTarget(affix) { const observerEntity = observerEntities.find(oriObserverEntity => { const hasAffix = oriObserverEntity.affixList.some(item => item === affix); if (hasAffix) { oriObserverEntity.affixList = oriObserverEntity.affixList.filter(item => item !== affix); } return hasAffix; }); if (observerEntity && observerEntity.affixList.length === 0) { observerEntities = observerEntities.filter(item => item !== observerEntity); // Remove listener TRIGGER_EVENTS.forEach(eventName => { const handler = observerEntity.eventHandlers[eventName]; if (handler && handler.remove) { handler.remove(); } }); } } /***/ }), /***/ "./components/alert/index.tsx": /*!************************************!*\ !*** ./components/alert/index.tsx ***! \************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ alertProps: () => (/* binding */ alertProps), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_vue_es_icons_CloseOutlined__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/CloseOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/CloseOutlined.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_CheckCircleOutlined__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/CheckCircleOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/CheckCircleOutlined.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_ExclamationCircleOutlined__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/ExclamationCircleOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/ExclamationCircleOutlined.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_InfoCircleOutlined__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/InfoCircleOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/InfoCircleOutlined.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_CloseCircleOutlined__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/CloseCircleOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/CloseCircleOutlined.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_CheckCircleFilled__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/CheckCircleFilled */ "./node_modules/@ant-design/icons-vue/es/icons/CheckCircleFilled.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_ExclamationCircleFilled__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/ExclamationCircleFilled */ "./node_modules/@ant-design/icons-vue/es/icons/ExclamationCircleFilled.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_InfoCircleFilled__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/InfoCircleFilled */ "./node_modules/@ant-design/icons-vue/es/icons/InfoCircleFilled.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_CloseCircleFilled__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/CloseCircleFilled */ "./node_modules/@ant-design/icons-vue/es/icons/CloseCircleFilled.js"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _util_transition__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../_util/transition */ "./components/_util/transition.tsx"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/index.ts"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); /* harmony import */ var _util_vnode__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../_util/vnode */ "./components/_util/vnode.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./style */ "./components/alert/style/index.ts"); const iconMapFilled = { success: _ant_design_icons_vue_es_icons_CheckCircleFilled__WEBPACK_IMPORTED_MODULE_2__["default"], info: _ant_design_icons_vue_es_icons_InfoCircleFilled__WEBPACK_IMPORTED_MODULE_3__["default"], error: _ant_design_icons_vue_es_icons_CloseCircleFilled__WEBPACK_IMPORTED_MODULE_4__["default"], warning: _ant_design_icons_vue_es_icons_ExclamationCircleFilled__WEBPACK_IMPORTED_MODULE_5__["default"] }; const iconMapOutlined = { success: _ant_design_icons_vue_es_icons_CheckCircleOutlined__WEBPACK_IMPORTED_MODULE_6__["default"], info: _ant_design_icons_vue_es_icons_InfoCircleOutlined__WEBPACK_IMPORTED_MODULE_7__["default"], error: _ant_design_icons_vue_es_icons_CloseCircleOutlined__WEBPACK_IMPORTED_MODULE_8__["default"], warning: _ant_design_icons_vue_es_icons_ExclamationCircleOutlined__WEBPACK_IMPORTED_MODULE_9__["default"] }; const AlertTypes = (0,_util_type__WEBPACK_IMPORTED_MODULE_10__.tuple)('success', 'info', 'warning', 'error'); const alertProps = () => ({ /** * Type of Alert styles, options: `success`, `info`, `warning`, `error` */ type: _util_vue_types__WEBPACK_IMPORTED_MODULE_11__["default"].oneOf(AlertTypes), /** Whether Alert can be closed */ closable: { type: Boolean, default: undefined }, /** Close text to show */ closeText: _util_vue_types__WEBPACK_IMPORTED_MODULE_11__["default"].any, /** Content of Alert */ message: _util_vue_types__WEBPACK_IMPORTED_MODULE_11__["default"].any, /** Additional content of Alert */ description: _util_vue_types__WEBPACK_IMPORTED_MODULE_11__["default"].any, /** Trigger when animation ending of Alert */ afterClose: Function, /** Whether to show icon */ showIcon: { type: Boolean, default: undefined }, prefixCls: String, banner: { type: Boolean, default: undefined }, icon: _util_vue_types__WEBPACK_IMPORTED_MODULE_11__["default"].any, closeIcon: _util_vue_types__WEBPACK_IMPORTED_MODULE_11__["default"].any, onClose: Function }); const Alert = (0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'AAlert', inheritAttrs: false, props: alertProps(), setup(props, _ref) { let { slots, emit, attrs, expose } = _ref; const { prefixCls, direction } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_12__["default"])('alert', props); const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_13__["default"])(prefixCls); const closing = (0,vue__WEBPACK_IMPORTED_MODULE_1__.shallowRef)(false); const closed = (0,vue__WEBPACK_IMPORTED_MODULE_1__.shallowRef)(false); const alertNode = (0,vue__WEBPACK_IMPORTED_MODULE_1__.shallowRef)(); const handleClose = e => { e.preventDefault(); const dom = alertNode.value; dom.style.height = `${dom.offsetHeight}px`; // Magic code // 重复一次后才能正确设置 height dom.style.height = `${dom.offsetHeight}px`; closing.value = true; emit('close', e); }; const animationEnd = () => { var _a; closing.value = false; closed.value = true; (_a = props.afterClose) === null || _a === void 0 ? void 0 : _a.call(props); }; const mergedType = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { const { type } = props; if (type !== undefined) { return type; } // banner 模式默认为警告 return props.banner ? 'warning' : 'info'; }); expose({ animationEnd }); const motionStyle = (0,vue__WEBPACK_IMPORTED_MODULE_1__.shallowRef)({}); return () => { var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k; const { banner, closeIcon: customCloseIcon = (_a = slots.closeIcon) === null || _a === void 0 ? void 0 : _a.call(slots) } = props; let { closable, showIcon } = props; const closeText = (_b = props.closeText) !== null && _b !== void 0 ? _b : (_c = slots.closeText) === null || _c === void 0 ? void 0 : _c.call(slots); const description = (_d = props.description) !== null && _d !== void 0 ? _d : (_e = slots.description) === null || _e === void 0 ? void 0 : _e.call(slots); const message = (_f = props.message) !== null && _f !== void 0 ? _f : (_g = slots.message) === null || _g === void 0 ? void 0 : _g.call(slots); const icon = (_h = props.icon) !== null && _h !== void 0 ? _h : (_j = slots.icon) === null || _j === void 0 ? void 0 : _j.call(slots); const action = (_k = slots.action) === null || _k === void 0 ? void 0 : _k.call(slots); // banner模式默认有 Icon showIcon = banner && showIcon === undefined ? true : showIcon; const IconType = (description ? iconMapOutlined : iconMapFilled)[mergedType.value] || null; // closeable when closeText is assigned if (closeText) { closable = true; } const prefixClsValue = prefixCls.value; const alertCls = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_14__["default"])(prefixClsValue, { [`${prefixClsValue}-${mergedType.value}`]: true, [`${prefixClsValue}-closing`]: closing.value, [`${prefixClsValue}-with-description`]: !!description, [`${prefixClsValue}-no-icon`]: !showIcon, [`${prefixClsValue}-banner`]: !!banner, [`${prefixClsValue}-closable`]: closable, [`${prefixClsValue}-rtl`]: direction.value === 'rtl', [hashId.value]: true }); const closeIcon = closable ? (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("button", { "type": "button", "onClick": handleClose, "class": `${prefixClsValue}-close-icon`, "tabindex": 0 }, [closeText ? (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", { "class": `${prefixClsValue}-close-text` }, [closeText]) : customCloseIcon === undefined ? (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_ant_design_icons_vue_es_icons_CloseOutlined__WEBPACK_IMPORTED_MODULE_15__["default"], null, null) : customCloseIcon]) : null; const iconNode = icon && ((0,_util_props_util__WEBPACK_IMPORTED_MODULE_16__.isValidElement)(icon) ? (0,_util_vnode__WEBPACK_IMPORTED_MODULE_17__.cloneElement)(icon, { class: `${prefixClsValue}-icon` }) : (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", { "class": `${prefixClsValue}-icon` }, [icon])) || (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(IconType, { "class": `${prefixClsValue}-icon` }, null); const transitionProps = (0,_util_transition__WEBPACK_IMPORTED_MODULE_18__.getTransitionProps)(`${prefixClsValue}-motion`, { appear: false, css: true, onAfterLeave: animationEnd, onBeforeLeave: node => { node.style.maxHeight = `${node.offsetHeight}px`; }, onLeave: node => { node.style.maxHeight = '0px'; } }); return wrapSSR(closed.value ? null : (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_1__.Transition, transitionProps, { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_1__.withDirectives)((0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "role": "alert" }, attrs), {}, { "style": [attrs.style, motionStyle.value], "class": [attrs.class, alertCls], "data-show": !closing.value, "ref": alertNode }), [showIcon ? iconNode : null, (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${prefixClsValue}-content` }, [message ? (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${prefixClsValue}-message` }, [message]) : null, description ? (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${prefixClsValue}-description` }, [description]) : null]), action ? (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${prefixClsValue}-action` }, [action]) : null, closeIcon]), [[vue__WEBPACK_IMPORTED_MODULE_1__.vShow, !closing.value]])] })); }; } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_util_type__WEBPACK_IMPORTED_MODULE_10__.withInstall)(Alert)); /***/ }), /***/ "./components/alert/style/index.ts": /*!*****************************************!*\ !*** ./components/alert/style/index.ts ***! \*****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ genActionStyle: () => (/* binding */ genActionStyle), /* harmony export */ genAlertStyle: () => (/* binding */ genAlertStyle), /* harmony export */ genBaseStyle: () => (/* binding */ genBaseStyle), /* harmony export */ genTypeStyle: () => (/* binding */ genTypeStyle) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/genComponentStyleHook.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/statistic.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../style */ "./components/style/index.ts"); const genAlertTypeStyle = (bgColor, borderColor, iconColor, token, alertCls) => ({ backgroundColor: bgColor, border: `${token.lineWidth}px ${token.lineType} ${borderColor}`, [`${alertCls}-icon`]: { color: iconColor } }); const genBaseStyle = token => { const { componentCls, motionDurationSlow: duration, marginXS, marginSM, fontSize, fontSizeLG, lineHeight, borderRadiusLG: borderRadius, motionEaseInOutCirc, alertIconSizeLG, colorText, paddingContentVerticalSM, alertPaddingHorizontal, paddingMD, paddingContentHorizontalLG } = token; return { [componentCls]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_1__.resetComponent)(token)), { position: 'relative', display: 'flex', alignItems: 'center', padding: `${paddingContentVerticalSM}px ${alertPaddingHorizontal}px`, wordWrap: 'break-word', borderRadius, [`&${componentCls}-rtl`]: { direction: 'rtl' }, [`${componentCls}-content`]: { flex: 1, minWidth: 0 }, [`${componentCls}-icon`]: { marginInlineEnd: marginXS, lineHeight: 0 }, [`&-description`]: { display: 'none', fontSize, lineHeight }, '&-message': { color: colorText }, [`&${componentCls}-motion-leave`]: { overflow: 'hidden', opacity: 1, transition: `max-height ${duration} ${motionEaseInOutCirc}, opacity ${duration} ${motionEaseInOutCirc}, padding-top ${duration} ${motionEaseInOutCirc}, padding-bottom ${duration} ${motionEaseInOutCirc}, margin-bottom ${duration} ${motionEaseInOutCirc}` }, [`&${componentCls}-motion-leave-active`]: { maxHeight: 0, marginBottom: '0 !important', paddingTop: 0, paddingBottom: 0, opacity: 0 } }), [`${componentCls}-with-description`]: { alignItems: 'flex-start', paddingInline: paddingContentHorizontalLG, paddingBlock: paddingMD, [`${componentCls}-icon`]: { marginInlineEnd: marginSM, fontSize: alertIconSizeLG, lineHeight: 0 }, [`${componentCls}-message`]: { display: 'block', marginBottom: marginXS, color: colorText, fontSize: fontSizeLG }, [`${componentCls}-description`]: { display: 'block' } }, [`${componentCls}-banner`]: { marginBottom: 0, border: '0 !important', borderRadius: 0 } }; }; const genTypeStyle = token => { const { componentCls, colorSuccess, colorSuccessBorder, colorSuccessBg, colorWarning, colorWarningBorder, colorWarningBg, colorError, colorErrorBorder, colorErrorBg, colorInfo, colorInfoBorder, colorInfoBg } = token; return { [componentCls]: { '&-success': genAlertTypeStyle(colorSuccessBg, colorSuccessBorder, colorSuccess, token, componentCls), '&-info': genAlertTypeStyle(colorInfoBg, colorInfoBorder, colorInfo, token, componentCls), '&-warning': genAlertTypeStyle(colorWarningBg, colorWarningBorder, colorWarning, token, componentCls), '&-error': (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, genAlertTypeStyle(colorErrorBg, colorErrorBorder, colorError, token, componentCls)), { [`${componentCls}-description > pre`]: { margin: 0, padding: 0 } }) } }; }; const genActionStyle = token => { const { componentCls, iconCls, motionDurationMid, marginXS, fontSizeIcon, colorIcon, colorIconHover } = token; return { [componentCls]: { [`&-action`]: { marginInlineStart: marginXS }, [`${componentCls}-close-icon`]: { marginInlineStart: marginXS, padding: 0, overflow: 'hidden', fontSize: fontSizeIcon, lineHeight: `${fontSizeIcon}px`, backgroundColor: 'transparent', border: 'none', outline: 'none', cursor: 'pointer', [`${iconCls}-close`]: { color: colorIcon, transition: `color ${motionDurationMid}`, '&:hover': { color: colorIconHover } } }, '&-close-text': { color: colorIcon, transition: `color ${motionDurationMid}`, '&:hover': { color: colorIconHover } } } }; }; const genAlertStyle = token => [genBaseStyle(token), genTypeStyle(token), genActionStyle(token)]; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_theme_internal__WEBPACK_IMPORTED_MODULE_2__["default"])('Alert', token => { const { fontSizeHeading3 } = token; const alertToken = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_3__.merge)(token, { alertIconSizeLG: fontSizeHeading3, alertPaddingHorizontal: 12 // Fixed value here. }); return [genAlertStyle(alertToken)]; })); /***/ }), /***/ "./components/anchor/Anchor.tsx": /*!**************************************!*\ !*** ./components/anchor/Anchor.tsx ***! \**************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ anchorProps: () => (/* binding */ anchorProps), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var scroll_into_view_if_needed__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! scroll-into-view-if-needed */ "./node_modules/scroll-into-view-if-needed/es/index.js"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _vc_util_Dom_addEventListener__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../vc-util/Dom/addEventListener */ "./components/vc-util/Dom/addEventListener.js"); /* harmony import */ var _affix__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../affix */ "./components/affix/index.tsx"); /* harmony import */ var _util_scrollTo__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../_util/scrollTo */ "./components/_util/scrollTo.ts"); /* harmony import */ var _util_getScroll__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../_util/getScroll */ "./components/_util/getScroll.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./context */ "./components/anchor/context.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./style */ "./components/anchor/style/index.ts"); /* harmony import */ var _AnchorLink__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./AnchorLink */ "./components/anchor/AnchorLink.tsx"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _vc_util_devWarning__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../vc-util/devWarning */ "./components/vc-util/devWarning.ts"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); function getDefaultContainer() { return window; } function getOffsetTop(element, container) { if (!element.getClientRects().length) { return 0; } const rect = element.getBoundingClientRect(); if (rect.width || rect.height) { if (container === window) { container = element.ownerDocument.documentElement; return rect.top - container.clientTop; } return rect.top - container.getBoundingClientRect().top; } return rect.top; } const sharpMatcherRegx = /#([\S ]+)$/; const anchorProps = () => ({ prefixCls: String, offsetTop: Number, bounds: Number, affix: { type: Boolean, default: true }, showInkInFixed: { type: Boolean, default: false }, getContainer: Function, wrapperClass: String, wrapperStyle: { type: Object, default: undefined }, getCurrentAnchor: Function, targetOffset: Number, items: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.arrayType)(), direction: _util_vue_types__WEBPACK_IMPORTED_MODULE_4__["default"].oneOf(['vertical', 'horizontal']).def('vertical'), onChange: Function, onClick: Function }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'AAnchor', inheritAttrs: false, props: anchorProps(), setup(props, _ref) { let { emit, attrs, slots, expose } = _ref; var _a; const { prefixCls, getTargetContainer, direction } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_5__["default"])('anchor', props); const anchorDirection = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { var _a; return (_a = props.direction) !== null && _a !== void 0 ? _a : 'vertical'; }); if (true) { (0,_vc_util_devWarning__WEBPACK_IMPORTED_MODULE_6__["default"])(props.items && typeof slots.default !== 'function', 'Anchor', '`Anchor children` is deprecated. Please use `items` instead.'); } if (true) { (0,_vc_util_devWarning__WEBPACK_IMPORTED_MODULE_6__["default"])(!(anchorDirection.value === 'horizontal' && ((_a = props.items) === null || _a === void 0 ? void 0 : _a.some(n => 'children' in n))), 'Anchor', '`Anchor items#children` is not supported when `Anchor` direction is horizontal.'); } const spanLinkNode = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(null); const anchorRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(); const state = (0,vue__WEBPACK_IMPORTED_MODULE_2__.reactive)({ links: [], scrollContainer: null, scrollEvent: null, animating: false }); const activeLink = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(null); const getContainer = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { const { getContainer } = props; return getContainer || (getTargetContainer === null || getTargetContainer === void 0 ? void 0 : getTargetContainer.value) || getDefaultContainer; }); // func... const getCurrentAnchor = function () { let offsetTop = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0; let bounds = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 5; const linkSections = []; const container = getContainer.value(); state.links.forEach(link => { const sharpLinkMatch = sharpMatcherRegx.exec(link.toString()); if (!sharpLinkMatch) { return; } const target = document.getElementById(sharpLinkMatch[1]); if (target) { const top = getOffsetTop(target, container); if (top < offsetTop + bounds) { linkSections.push({ link, top }); } } }); if (linkSections.length) { const maxSection = linkSections.reduce((prev, curr) => curr.top > prev.top ? curr : prev); return maxSection.link; } return ''; }; const setCurrentActiveLink = link => { const { getCurrentAnchor } = props; if (activeLink.value === link) { return; } activeLink.value = typeof getCurrentAnchor === 'function' ? getCurrentAnchor(link) : link; emit('change', link); }; const handleScrollTo = link => { const { offsetTop, targetOffset } = props; setCurrentActiveLink(link); const sharpLinkMatch = sharpMatcherRegx.exec(link); if (!sharpLinkMatch) { return; } const targetElement = document.getElementById(sharpLinkMatch[1]); if (!targetElement) { return; } const container = getContainer.value(); const scrollTop = (0,_util_getScroll__WEBPACK_IMPORTED_MODULE_7__["default"])(container, true); const eleOffsetTop = getOffsetTop(targetElement, container); let y = scrollTop + eleOffsetTop; y -= targetOffset !== undefined ? targetOffset : offsetTop || 0; state.animating = true; (0,_util_scrollTo__WEBPACK_IMPORTED_MODULE_8__["default"])(y, { callback: () => { state.animating = false; }, getContainer: getContainer.value }); }; expose({ scrollTo: handleScrollTo }); const handleScroll = () => { if (state.animating) { return; } const { offsetTop, bounds, targetOffset } = props; const currentActiveLink = getCurrentAnchor(targetOffset !== undefined ? targetOffset : offsetTop || 0, bounds); setCurrentActiveLink(currentActiveLink); }; const updateInk = () => { const linkNode = anchorRef.value.querySelector(`.${prefixCls.value}-link-title-active`); if (linkNode && spanLinkNode.value) { const horizontalAnchor = anchorDirection.value === 'horizontal'; spanLinkNode.value.style.top = horizontalAnchor ? '' : `${linkNode.offsetTop + linkNode.clientHeight / 2}px`; spanLinkNode.value.style.height = horizontalAnchor ? '' : `${linkNode.clientHeight}px`; spanLinkNode.value.style.left = horizontalAnchor ? `${linkNode.offsetLeft}px` : ''; spanLinkNode.value.style.width = horizontalAnchor ? `${linkNode.clientWidth}px` : ''; if (horizontalAnchor) { (0,scroll_into_view_if_needed__WEBPACK_IMPORTED_MODULE_9__["default"])(linkNode, { scrollMode: 'if-needed', block: 'nearest' }); } } }; (0,_context__WEBPACK_IMPORTED_MODULE_10__["default"])({ registerLink: link => { if (!state.links.includes(link)) { state.links.push(link); } }, unregisterLink: link => { const index = state.links.indexOf(link); if (index !== -1) { state.links.splice(index, 1); } }, activeLink, scrollTo: handleScrollTo, handleClick: (e, info) => { emit('click', e, info); }, direction: anchorDirection }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.onMounted)(() => { (0,vue__WEBPACK_IMPORTED_MODULE_2__.nextTick)(() => { const container = getContainer.value(); state.scrollContainer = container; state.scrollEvent = (0,_vc_util_Dom_addEventListener__WEBPACK_IMPORTED_MODULE_11__["default"])(state.scrollContainer, 'scroll', handleScroll); handleScroll(); }); }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.onBeforeUnmount)(() => { if (state.scrollEvent) { state.scrollEvent.remove(); } }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.onUpdated)(() => { if (state.scrollEvent) { const currentContainer = getContainer.value(); if (state.scrollContainer !== currentContainer) { state.scrollContainer = currentContainer; state.scrollEvent.remove(); state.scrollEvent = (0,_vc_util_Dom_addEventListener__WEBPACK_IMPORTED_MODULE_11__["default"])(state.scrollContainer, 'scroll', handleScroll); handleScroll(); } } updateInk(); }); const createNestedLink = options => Array.isArray(options) ? options.map(option => { const { children, key, href, target, class: cls, style, title } = option; return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_AnchorLink__WEBPACK_IMPORTED_MODULE_12__["default"], { "key": key, "href": href, "target": target, "class": cls, "style": style, "title": title, "customTitleProps": option }, { default: () => [anchorDirection.value === 'vertical' ? createNestedLink(children) : null], customTitle: slots.customTitle }); }) : null; const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_13__["default"])(prefixCls); return () => { var _a; const { offsetTop, affix, showInkInFixed } = props; const pre = prefixCls.value; const inkClass = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_14__["default"])(`${pre}-ink`, { [`${pre}-ink-visible`]: activeLink.value }); const wrapperClass = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_14__["default"])(hashId.value, props.wrapperClass, `${pre}-wrapper`, { [`${pre}-wrapper-horizontal`]: anchorDirection.value === 'horizontal', [`${pre}-rtl`]: direction.value === 'rtl' }); const anchorClass = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_14__["default"])(pre, { [`${pre}-fixed`]: !affix && !showInkInFixed }); const wrapperStyle = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({ maxHeight: offsetTop ? `calc(100vh - ${offsetTop}px)` : '100vh' }, props.wrapperStyle); const anchorContent = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": wrapperClass, "style": wrapperStyle, "ref": anchorRef }, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": anchorClass }, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", { "class": inkClass, "ref": spanLinkNode }, null), Array.isArray(props.items) ? createNestedLink(props.items) : (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)])]); return wrapSSR(!affix ? anchorContent : (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_affix__WEBPACK_IMPORTED_MODULE_15__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, attrs), {}, { "offsetTop": offsetTop, "target": getContainer.value }), { default: () => [anchorContent] })); }; } })); /***/ }), /***/ "./components/anchor/AnchorLink.tsx": /*!******************************************!*\ !*** ./components/anchor/AnchorLink.tsx ***! \******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ anchorLinkProps: () => (/* binding */ anchorLinkProps), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/initDefaultProps.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./context */ "./components/anchor/context.ts"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); const anchorLinkProps = () => ({ prefixCls: String, href: String, title: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.anyType)(), target: String, /* private use */ customTitleProps: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.objectType)() }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'AAnchorLink', inheritAttrs: false, props: (0,_util_props_util__WEBPACK_IMPORTED_MODULE_3__["default"])(anchorLinkProps(), { href: '#' }), slots: Object, setup(props, _ref) { let { slots, attrs } = _ref; let mergedTitle = null; const { handleClick: contextHandleClick, scrollTo, unregisterLink, registerLink, activeLink } = (0,_context__WEBPACK_IMPORTED_MODULE_4__.useInjectAnchor)(); const { prefixCls } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_5__["default"])('anchor', props); const handleClick = e => { const { href } = props; contextHandleClick(e, { title: mergedTitle, href }); scrollTo(href); }; (0,vue__WEBPACK_IMPORTED_MODULE_1__.watch)(() => props.href, (val, oldVal) => { (0,vue__WEBPACK_IMPORTED_MODULE_1__.nextTick)(() => { unregisterLink(oldVal); registerLink(val); }); }); (0,vue__WEBPACK_IMPORTED_MODULE_1__.onMounted)(() => { registerLink(props.href); }); (0,vue__WEBPACK_IMPORTED_MODULE_1__.onBeforeUnmount)(() => { unregisterLink(props.href); }); return () => { var _a; const { href, target, title = slots.title, customTitleProps = {} } = props; const pre = prefixCls.value; mergedTitle = typeof title === 'function' ? title(customTitleProps) : title; const active = activeLink.value === href; const wrapperClassName = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_6__["default"])(`${pre}-link`, { [`${pre}-link-active`]: active }, attrs.class); const titleClassName = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_6__["default"])(`${pre}-link-title`, { [`${pre}-link-title-active`]: active }); return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, attrs), {}, { "class": wrapperClassName }), [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("a", { "class": titleClassName, "href": href, "title": typeof mergedTitle === 'string' ? mergedTitle : '', "target": target, "onClick": handleClick }, [slots.customTitle ? slots.customTitle(customTitleProps) : mergedTitle]), (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)]); }; } })); /***/ }), /***/ "./components/anchor/context.ts": /*!**************************************!*\ !*** ./components/anchor/context.ts ***! \**************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ AnchorContextKey: () => (/* binding */ AnchorContextKey), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ useInjectAnchor: () => (/* binding */ useInjectAnchor), /* harmony export */ useProvideAnchor: () => (/* binding */ useProvideAnchor) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); // eslint-disable-next-line @typescript-eslint/no-unused-vars function noop() {} const AnchorContextKey = Symbol('anchorContextKey'); const useProvideAnchor = state => { (0,vue__WEBPACK_IMPORTED_MODULE_0__.provide)(AnchorContextKey, state); }; const useInjectAnchor = () => { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.inject)(AnchorContextKey, { registerLink: noop, unregisterLink: noop, scrollTo: noop, activeLink: (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => ''), handleClick: noop, direction: (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => 'vertical') }); }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useProvideAnchor); /***/ }), /***/ "./components/anchor/index.tsx": /*!*************************************!*\ !*** ./components/anchor/index.tsx ***! \*************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ AnchorLink: () => (/* reexport safe */ _AnchorLink__WEBPACK_IMPORTED_MODULE_1__["default"]), /* harmony export */ Link: () => (/* reexport safe */ _AnchorLink__WEBPACK_IMPORTED_MODULE_1__["default"]), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _Anchor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Anchor */ "./components/anchor/Anchor.tsx"); /* harmony import */ var _AnchorLink__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./AnchorLink */ "./components/anchor/AnchorLink.tsx"); _Anchor__WEBPACK_IMPORTED_MODULE_0__["default"].Link = _AnchorLink__WEBPACK_IMPORTED_MODULE_1__["default"]; /* istanbul ignore next */ _Anchor__WEBPACK_IMPORTED_MODULE_0__["default"].install = function (app) { app.component(_Anchor__WEBPACK_IMPORTED_MODULE_0__["default"].name, _Anchor__WEBPACK_IMPORTED_MODULE_0__["default"]); app.component(_Anchor__WEBPACK_IMPORTED_MODULE_0__["default"].Link.name, _Anchor__WEBPACK_IMPORTED_MODULE_0__["default"].Link); return app; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_Anchor__WEBPACK_IMPORTED_MODULE_0__["default"]); /***/ }), /***/ "./components/anchor/style/index.ts": /*!******************************************!*\ !*** ./components/anchor/style/index.ts ***! \******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/genComponentStyleHook.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/statistic.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../style */ "./components/style/index.ts"); // ============================== Shared ============================== const genSharedAnchorStyle = token => { const { componentCls, holderOffsetBlock, motionDurationSlow, lineWidthBold, colorPrimary, lineType, colorSplit } = token; return { [`${componentCls}-wrapper`]: { marginBlockStart: -holderOffsetBlock, paddingBlockStart: holderOffsetBlock, // delete overflow: auto // overflow: 'auto', backgroundColor: 'transparent', [componentCls]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_1__.resetComponent)(token)), { position: 'relative', paddingInlineStart: lineWidthBold, [`${componentCls}-link`]: { paddingBlock: token.anchorPaddingBlock, paddingInline: `${token.anchorPaddingInline}px 0`, '&-title': (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, _style__WEBPACK_IMPORTED_MODULE_1__.textEllipsis), { position: 'relative', display: 'block', marginBlockEnd: token.anchorTitleBlock, color: token.colorText, transition: `all ${token.motionDurationSlow}`, '&:only-child': { marginBlockEnd: 0 } }), [`&-active > ${componentCls}-link-title`]: { color: token.colorPrimary }, // link link [`${componentCls}-link`]: { paddingBlock: token.anchorPaddingBlockSecondary } } }), [`&:not(${componentCls}-wrapper-horizontal)`]: { [componentCls]: { '&::before': { position: 'absolute', left: { _skip_check_: true, value: 0 }, top: 0, height: '100%', borderInlineStart: `${lineWidthBold}px ${lineType} ${colorSplit}`, content: '" "' }, [`${componentCls}-ink`]: { position: 'absolute', left: { _skip_check_: true, value: 0 }, display: 'none', transform: 'translateY(-50%)', transition: `top ${motionDurationSlow} ease-in-out`, width: lineWidthBold, backgroundColor: colorPrimary, [`&${componentCls}-ink-visible`]: { display: 'inline-block' } } } }, [`${componentCls}-fixed ${componentCls}-ink ${componentCls}-ink`]: { display: 'none' } } }; }; const genSharedAnchorHorizontalStyle = token => { const { componentCls, motionDurationSlow, lineWidthBold, colorPrimary } = token; return { [`${componentCls}-wrapper-horizontal`]: { position: 'relative', '&::before': { position: 'absolute', left: { _skip_check_: true, value: 0 }, right: { _skip_check_: true, value: 0 }, bottom: 0, borderBottom: `1px ${token.lineType} ${token.colorSplit}`, content: '" "' }, [componentCls]: { overflowX: 'scroll', position: 'relative', display: 'flex', scrollbarWidth: 'none' /* Firefox */, '&::-webkit-scrollbar': { display: 'none' /* Safari and Chrome */ }, [`${componentCls}-link:first-of-type`]: { paddingInline: 0 }, [`${componentCls}-ink`]: { position: 'absolute', bottom: 0, transition: `left ${motionDurationSlow} ease-in-out, width ${motionDurationSlow} ease-in-out`, height: lineWidthBold, backgroundColor: colorPrimary } } } }; }; // ============================== Export ============================== /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_theme_internal__WEBPACK_IMPORTED_MODULE_2__["default"])('Anchor', token => { const { fontSize, fontSizeLG, padding, paddingXXS } = token; const anchorToken = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_3__.merge)(token, { holderOffsetBlock: paddingXXS, anchorPaddingBlock: paddingXXS, anchorPaddingBlockSecondary: paddingXXS / 2, anchorPaddingInline: padding, anchorTitleBlock: fontSize / 14 * 3, anchorBallSize: fontSizeLG / 2 }); return [genSharedAnchorStyle(anchorToken), genSharedAnchorHorizontalStyle(anchorToken)]; })); /***/ }), /***/ "./components/app/context.ts": /*!***********************************!*\ !*** ./components/app/context.ts ***! \***********************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ AppConfigContextKey: () => (/* binding */ AppConfigContextKey), /* harmony export */ AppContextKey: () => (/* binding */ AppContextKey), /* harmony export */ useInjectAppConfigContext: () => (/* binding */ useInjectAppConfigContext), /* harmony export */ useInjectAppContext: () => (/* binding */ useInjectAppContext), /* harmony export */ useProvideAppConfigContext: () => (/* binding */ useProvideAppConfigContext), /* harmony export */ useProvideAppContext: () => (/* binding */ useProvideAppContext) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); const AppConfigContextKey = Symbol('appConfigContext'); const useProvideAppConfigContext = appConfigContext => { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.provide)(AppConfigContextKey, appConfigContext); }; const useInjectAppConfigContext = () => { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.inject)(AppConfigContextKey, {}); }; const AppContextKey = Symbol('appContext'); const useProvideAppContext = appContext => { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.provide)(AppContextKey, appContext); }; const defaultAppContext = (0,vue__WEBPACK_IMPORTED_MODULE_0__.reactive)({ message: {}, notification: {}, modal: {} }); const useInjectAppContext = () => { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.inject)(AppContextKey, defaultAppContext); }; /***/ }), /***/ "./components/app/index.tsx": /*!**********************************!*\ !*** ./components/app/index.tsx ***! \**********************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ AppProps: () => (/* binding */ AppProps), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/initDefaultProps.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _message_useMessage__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../message/useMessage */ "./components/message/useMessage.tsx"); /* harmony import */ var _modal_useModal__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../modal/useModal */ "./components/modal/useModal/index.tsx"); /* harmony import */ var _notification_useNotification__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../notification/useNotification */ "./components/notification/useNotification.tsx"); /* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./context */ "./components/app/context.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./style */ "./components/app/style/index.ts"); const AppProps = () => { return { rootClassName: String, message: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.objectType)(), notification: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.objectType)() }; }; const useApp = () => { return (0,_context__WEBPACK_IMPORTED_MODULE_3__.useInjectAppContext)(); }; const App = (0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ name: 'AApp', props: (0,_util_props_util__WEBPACK_IMPORTED_MODULE_4__["default"])(AppProps(), {}), setup(props, _ref) { let { slots } = _ref; const { prefixCls } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_5__["default"])('app', props); const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_6__["default"])(prefixCls); const customClassName = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { return (0,_util_classNames__WEBPACK_IMPORTED_MODULE_7__["default"])(hashId.value, prefixCls.value, props.rootClassName); }); const appConfig = (0,_context__WEBPACK_IMPORTED_MODULE_3__.useInjectAppConfigContext)(); const mergedAppConfig = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => ({ message: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, appConfig.message), props.message), notification: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, appConfig.notification), props.notification) })); (0,_context__WEBPACK_IMPORTED_MODULE_3__.useProvideAppConfigContext)(mergedAppConfig.value); const [messageApi, messageContextHolder] = (0,_message_useMessage__WEBPACK_IMPORTED_MODULE_8__["default"])(mergedAppConfig.value.message); const [notificationApi, notificationContextHolder] = (0,_notification_useNotification__WEBPACK_IMPORTED_MODULE_9__["default"])(mergedAppConfig.value.notification); const [ModalApi, ModalContextHolder] = (0,_modal_useModal__WEBPACK_IMPORTED_MODULE_10__["default"])(); const memoizedContextValue = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => ({ message: messageApi, notification: notificationApi, modal: ModalApi })); (0,_context__WEBPACK_IMPORTED_MODULE_3__.useProvideAppContext)(memoizedContextValue.value); return () => { var _a; return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": customClassName.value }, [ModalContextHolder(), messageContextHolder(), notificationContextHolder(), (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)])); }; } }); App.useApp = useApp; App.install = function (app) { app.component(App.name, App); }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (App); /***/ }), /***/ "./components/app/style/index.ts": /*!***************************************!*\ !*** ./components/app/style/index.ts ***! \***************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/genComponentStyleHook.ts"); // =============================== Base =============================== const genBaseStyle = token => { const { componentCls, colorText, fontSize, lineHeight, fontFamily } = token; return { [componentCls]: { color: colorText, fontSize, lineHeight, fontFamily } }; }; // ============================== Export ============================== /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_theme_internal__WEBPACK_IMPORTED_MODULE_0__["default"])('App', token => [genBaseStyle(token)])); /***/ }), /***/ "./components/auto-complete/OptGroup.tsx": /*!***********************************************!*\ !*** ./components/auto-complete/OptGroup.tsx ***! \***********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); const OptGroup = () => null; OptGroup.isSelectOptGroup = true; OptGroup.displayName = 'AAutoCompleteOptGroup'; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (OptGroup); /***/ }), /***/ "./components/auto-complete/Option.tsx": /*!*********************************************!*\ !*** ./components/auto-complete/Option.tsx ***! \*********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); const Option = () => null; Option.isSelectOption = true; Option.displayName = 'AAutoCompleteOption'; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Option); /***/ }), /***/ "./components/auto-complete/index.tsx": /*!********************************************!*\ !*** ./components/auto-complete/index.tsx ***! \********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ AutoCompleteOptGroup: () => (/* binding */ AutoCompleteOptGroup), /* harmony export */ AutoCompleteOption: () => (/* binding */ AutoCompleteOption), /* harmony export */ autoCompleteProps: () => (/* binding */ autoCompleteProps), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _select__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../select */ "./components/select/index.tsx"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/index.ts"); /* harmony import */ var _util_warning__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../_util/warning */ "./components/_util/warning.ts"); /* harmony import */ var _Option__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Option */ "./components/auto-complete/Option.tsx"); /* harmony import */ var _OptGroup__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./OptGroup */ "./components/auto-complete/OptGroup.tsx"); /* harmony import */ var _util_omit__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/omit */ "./components/_util/omit.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); function isSelectOptionOrSelectOptGroup(child) { var _a, _b; return ((_a = child === null || child === void 0 ? void 0 : child.type) === null || _a === void 0 ? void 0 : _a.isSelectOption) || ((_b = child === null || child === void 0 ? void 0 : child.type) === null || _b === void 0 ? void 0 : _b.isSelectOptGroup); } const autoCompleteProps = () => (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, (0,_util_omit__WEBPACK_IMPORTED_MODULE_3__["default"])((0,_select__WEBPACK_IMPORTED_MODULE_4__.selectProps)(), ['loading', 'mode', 'optionLabelProp', 'labelInValue'])), { dataSource: Array, dropdownMenuStyle: { type: Object, default: undefined }, // optionLabelProp: String, dropdownMatchSelectWidth: { type: [Number, Boolean], default: true }, prefixCls: String, showSearch: { type: Boolean, default: undefined }, transitionName: String, choiceTransitionName: { type: String, default: 'zoom' }, autofocus: { type: Boolean, default: undefined }, backfill: { type: Boolean, default: undefined }, // optionLabelProp: PropTypes.string.def('children'), filterOption: { type: [Boolean, Function], default: false }, defaultActiveFirstOption: { type: Boolean, default: true }, status: String }); const AutoCompleteOption = _Option__WEBPACK_IMPORTED_MODULE_5__["default"]; const AutoCompleteOptGroup = _OptGroup__WEBPACK_IMPORTED_MODULE_6__["default"]; const AutoComplete = (0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'AAutoComplete', inheritAttrs: false, props: autoCompleteProps(), // emits: ['change', 'select', 'focus', 'blur'], slots: Object, setup(props, _ref) { let { slots, attrs, expose } = _ref; (0,_util_warning__WEBPACK_IMPORTED_MODULE_7__["default"])(!('dataSource' in slots), 'AutoComplete', '`dataSource` slot is deprecated, please use props `options` instead.'); (0,_util_warning__WEBPACK_IMPORTED_MODULE_7__["default"])(!('options' in slots), 'AutoComplete', '`options` slot is deprecated, please use props `options` instead.'); (0,_util_warning__WEBPACK_IMPORTED_MODULE_7__["default"])(!props.dropdownClassName, 'AutoComplete', '`dropdownClassName` is deprecated, please use `popupClassName` instead.'); const selectRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(); const getInputElement = () => { var _a; const children = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_8__.flattenChildren)((_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)); const element = children.length ? children[0] : undefined; return element; }; const focus = () => { var _a; (_a = selectRef.value) === null || _a === void 0 ? void 0 : _a.focus(); }; const blur = () => { var _a; (_a = selectRef.value) === null || _a === void 0 ? void 0 : _a.blur(); }; expose({ focus, blur }); const { prefixCls } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_9__["default"])('select', props); return () => { var _a, _b, _c; const { size, dataSource, notFoundContent = (_a = slots.notFoundContent) === null || _a === void 0 ? void 0 : _a.call(slots) } = props; let optionChildren; const { class: className } = attrs; const cls = { [className]: !!className, [`${prefixCls.value}-lg`]: size === 'large', [`${prefixCls.value}-sm`]: size === 'small', [`${prefixCls.value}-show-search`]: true, [`${prefixCls.value}-auto-complete`]: true }; if (props.options === undefined) { const childArray = ((_b = slots.dataSource) === null || _b === void 0 ? void 0 : _b.call(slots)) || ((_c = slots.options) === null || _c === void 0 ? void 0 : _c.call(slots)) || []; if (childArray.length && isSelectOptionOrSelectOptGroup(childArray[0])) { optionChildren = childArray; } else { optionChildren = dataSource ? dataSource.map(item => { if ((0,_util_props_util__WEBPACK_IMPORTED_MODULE_8__.isValidElement)(item)) { return item; } switch (typeof item) { case 'string': return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_Option__WEBPACK_IMPORTED_MODULE_5__["default"], { "key": item, "value": item }, { default: () => [item] }); case 'object': return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_Option__WEBPACK_IMPORTED_MODULE_5__["default"], { "key": item.value, "value": item.value }, { default: () => [item.text] }); default: throw new Error('AutoComplete[dataSource] only supports type `string[] | Object[]`.'); } }) : []; } } const selectProps = (0,_util_omit__WEBPACK_IMPORTED_MODULE_3__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, props), attrs), { mode: _select__WEBPACK_IMPORTED_MODULE_4__["default"].SECRET_COMBOBOX_MODE_DO_NOT_USE, // optionLabelProp, getInputElement, notFoundContent, // placeholder: '', class: cls, popupClassName: props.popupClassName || props.dropdownClassName, ref: selectRef }), ['dataSource', 'loading']); return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_select__WEBPACK_IMPORTED_MODULE_4__["default"], selectProps, (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ default: () => [optionChildren] }, (0,_util_omit__WEBPACK_IMPORTED_MODULE_3__["default"])(slots, ['default', 'dataSource', 'options']))); }; } }); /* istanbul ignore next */ /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])(AutoComplete, { Option: _Option__WEBPACK_IMPORTED_MODULE_5__["default"], OptGroup: _OptGroup__WEBPACK_IMPORTED_MODULE_6__["default"], install(app) { app.component(AutoComplete.name, AutoComplete); app.component(_Option__WEBPACK_IMPORTED_MODULE_5__["default"].displayName, _Option__WEBPACK_IMPORTED_MODULE_5__["default"]); app.component(_OptGroup__WEBPACK_IMPORTED_MODULE_6__["default"].displayName, _OptGroup__WEBPACK_IMPORTED_MODULE_6__["default"]); return app; } })); /***/ }), /***/ "./components/avatar/Avatar.tsx": /*!**************************************!*\ !*** ./components/avatar/Avatar.tsx ***! \**************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ avatarProps: () => (/* binding */ avatarProps), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/index.ts"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _util_hooks_useBreakpoint__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../_util/hooks/useBreakpoint */ "./components/_util/hooks/useBreakpoint.ts"); /* harmony import */ var _util_responsiveObserve__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../_util/responsiveObserve */ "./components/_util/responsiveObserve.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _vc_resize_observer__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../vc-resize-observer */ "./components/vc-resize-observer/index.tsx"); /* harmony import */ var _util_eagerComputed__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../_util/eagerComputed */ "./components/_util/eagerComputed.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./style */ "./components/avatar/style/index.ts"); /* harmony import */ var _AvatarContext__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./AvatarContext */ "./components/avatar/AvatarContext.ts"); const avatarProps = () => ({ prefixCls: String, shape: { type: String, default: 'circle' }, size: { type: [Number, String, Object], default: () => 'default' }, src: String, /** Srcset of image avatar */ srcset: String, icon: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].any, alt: String, gap: Number, draggable: { type: Boolean, default: undefined }, crossOrigin: String, loadError: { type: Function } }); const Avatar = (0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'AAvatar', inheritAttrs: false, props: avatarProps(), slots: Object, setup(props, _ref) { let { slots, attrs } = _ref; const isImgExist = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(true); const isMounted = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(false); const scale = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(1); const avatarChildrenRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(null); const avatarNodeRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(null); const { prefixCls } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_4__["default"])('avatar', props); const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_5__["default"])(prefixCls); const avatarCtx = (0,_AvatarContext__WEBPACK_IMPORTED_MODULE_6__.useAvatarInjectContext)(); const size = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { return props.size === 'default' ? avatarCtx.size : props.size; }); const screens = (0,_util_hooks_useBreakpoint__WEBPACK_IMPORTED_MODULE_7__["default"])(); const responsiveSize = (0,_util_eagerComputed__WEBPACK_IMPORTED_MODULE_8__["default"])(() => { if (typeof props.size !== 'object') { return undefined; } const currentBreakpoint = _util_responsiveObserve__WEBPACK_IMPORTED_MODULE_9__.responsiveArray.find(screen => screens.value[screen]); const currentSize = props.size[currentBreakpoint]; return currentSize; }); const responsiveSizeStyle = hasIcon => { if (responsiveSize.value) { return { width: `${responsiveSize.value}px`, height: `${responsiveSize.value}px`, lineHeight: `${responsiveSize.value}px`, fontSize: `${hasIcon ? responsiveSize.value / 2 : 18}px` }; } return {}; }; const setScaleParam = () => { if (!avatarChildrenRef.value || !avatarNodeRef.value) { return; } const childrenWidth = avatarChildrenRef.value.offsetWidth; // offsetWidth avoid affecting be transform scale const nodeWidth = avatarNodeRef.value.offsetWidth; // denominator is 0 is no meaning if (childrenWidth !== 0 && nodeWidth !== 0) { const { gap = 4 } = props; if (gap * 2 < nodeWidth) { scale.value = nodeWidth - gap * 2 < childrenWidth ? (nodeWidth - gap * 2) / childrenWidth : 1; } } }; const handleImgLoadError = () => { const { loadError } = props; const errorFlag = loadError === null || loadError === void 0 ? void 0 : loadError(); if (errorFlag !== false) { isImgExist.value = false; } }; (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)(() => props.src, () => { (0,vue__WEBPACK_IMPORTED_MODULE_2__.nextTick)(() => { isImgExist.value = true; scale.value = 1; }); }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)(() => props.gap, () => { (0,vue__WEBPACK_IMPORTED_MODULE_2__.nextTick)(() => { setScaleParam(); }); }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.onMounted)(() => { (0,vue__WEBPACK_IMPORTED_MODULE_2__.nextTick)(() => { setScaleParam(); isMounted.value = true; }); }); return () => { var _a, _b; const { shape, src, alt, srcset, draggable, crossOrigin } = props; const mergeShape = (_a = avatarCtx.shape) !== null && _a !== void 0 ? _a : shape; const icon = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_10__.getPropsSlot)(slots, props, 'icon'); const pre = prefixCls.value; const classString = { [`${attrs.class}`]: !!attrs.class, [pre]: true, [`${pre}-lg`]: size.value === 'large', [`${pre}-sm`]: size.value === 'small', [`${pre}-${mergeShape}`]: true, [`${pre}-image`]: src && isImgExist.value, [`${pre}-icon`]: icon, [hashId.value]: true }; const sizeStyle = typeof size.value === 'number' ? { width: `${size.value}px`, height: `${size.value}px`, lineHeight: `${size.value}px`, fontSize: icon ? `${size.value / 2}px` : '18px' } : {}; const children = (_b = slots.default) === null || _b === void 0 ? void 0 : _b.call(slots); let childrenToRender; if (src && isImgExist.value) { childrenToRender = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("img", { "draggable": draggable, "src": src, "srcset": srcset, "onError": handleImgLoadError, "alt": alt, "crossorigin": crossOrigin }, null); } else if (icon) { childrenToRender = icon; } else if (isMounted.value || scale.value !== 1) { const transformString = `scale(${scale.value}) translateX(-50%)`; const childrenStyle = { msTransform: transformString, WebkitTransform: transformString, transform: transformString }; const sizeChildrenStyle = typeof size.value === 'number' ? { lineHeight: `${size.value}px` } : {}; childrenToRender = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_vc_resize_observer__WEBPACK_IMPORTED_MODULE_11__["default"], { "onResize": setScaleParam }, { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", { "class": `${pre}-string`, "ref": avatarChildrenRef, "style": (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, sizeChildrenStyle), childrenStyle) }, [children])] }); } else { childrenToRender = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", { "class": `${pre}-string`, "ref": avatarChildrenRef, "style": { opacity: 0 } }, [children]); } return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, attrs), {}, { "ref": avatarNodeRef, "class": classString, "style": [sizeStyle, responsiveSizeStyle(!!icon), attrs.style] }), [childrenToRender])); }; } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Avatar); /***/ }), /***/ "./components/avatar/AvatarContext.ts": /*!********************************************!*\ !*** ./components/avatar/AvatarContext.ts ***! \********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ useAvatarInjectContext: () => (/* binding */ useAvatarInjectContext), /* harmony export */ useAvatarProviderContext: () => (/* binding */ useAvatarProviderContext) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); const AvatarContextKey = Symbol('AvatarContextKey'); const useAvatarInjectContext = () => { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.inject)(AvatarContextKey, {}); }; const useAvatarProviderContext = context => { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.provide)(AvatarContextKey, context); }; /***/ }), /***/ "./components/avatar/Group.tsx": /*!*************************************!*\ !*** ./components/avatar/Group.tsx ***! \*************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ groupProps: () => (/* binding */ groupProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_vnode__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../_util/vnode */ "./components/_util/vnode.ts"); /* harmony import */ var _Avatar__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./Avatar */ "./components/avatar/Avatar.tsx"); /* harmony import */ var _popover__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../popover */ "./components/popover/index.tsx"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/index.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./style */ "./components/avatar/style/index.ts"); /* harmony import */ var _AvatarContext__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./AvatarContext */ "./components/avatar/AvatarContext.ts"); const groupProps = () => ({ prefixCls: String, maxCount: Number, maxStyle: { type: Object, default: undefined }, maxPopoverPlacement: { type: String, default: 'top' }, maxPopoverTrigger: String, /* * Size of avatar, options: `large`, `small`, `default` * or a custom number size * */ size: { type: [Number, String, Object], default: 'default' }, shape: { type: String, default: 'circle' } }); const Group = (0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'AAvatarGroup', inheritAttrs: false, props: groupProps(), setup(props, _ref) { let { slots, attrs } = _ref; const { prefixCls, direction } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_2__["default"])('avatar', props); const groupPrefixCls = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => `${prefixCls.value}-group`); const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_3__["default"])(prefixCls); (0,vue__WEBPACK_IMPORTED_MODULE_1__.watchEffect)(() => { const context = { size: props.size, shape: props.shape }; (0,_AvatarContext__WEBPACK_IMPORTED_MODULE_4__.useAvatarProviderContext)(context); }); return () => { const { maxPopoverPlacement = 'top', maxCount, maxStyle, maxPopoverTrigger = 'hover', shape } = props; const cls = { [groupPrefixCls.value]: true, [`${groupPrefixCls.value}-rtl`]: direction.value === 'rtl', [`${attrs.class}`]: !!attrs.class, [hashId.value]: true }; const children = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_5__.getPropsSlot)(slots, props); const childrenWithProps = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_5__.flattenChildren)(children).map((child, index) => (0,_util_vnode__WEBPACK_IMPORTED_MODULE_6__.cloneElement)(child, { key: `avatar-key-${index}` })); const numOfChildren = childrenWithProps.length; if (maxCount && maxCount < numOfChildren) { const childrenShow = childrenWithProps.slice(0, maxCount); const childrenHidden = childrenWithProps.slice(maxCount, numOfChildren); childrenShow.push((0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_popover__WEBPACK_IMPORTED_MODULE_7__["default"], { "key": "avatar-popover-key", "content": childrenHidden, "trigger": maxPopoverTrigger, "placement": maxPopoverPlacement, "overlayClassName": `${groupPrefixCls.value}-popover` }, { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_Avatar__WEBPACK_IMPORTED_MODULE_8__["default"], { "style": maxStyle, "shape": shape }, { default: () => [`+${numOfChildren - maxCount}`] })] })); return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, attrs), {}, { "class": cls, "style": attrs.style }), [childrenShow])); } return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, attrs), {}, { "class": cls, "style": attrs.style }), [childrenWithProps])); }; } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Group); /***/ }), /***/ "./components/avatar/index.ts": /*!************************************!*\ !*** ./components/avatar/index.ts ***! \************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ AvatarGroup: () => (/* reexport safe */ _Group__WEBPACK_IMPORTED_MODULE_1__["default"]), /* harmony export */ avatarProps: () => (/* reexport safe */ _Avatar__WEBPACK_IMPORTED_MODULE_0__.avatarProps), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _Avatar__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Avatar */ "./components/avatar/Avatar.tsx"); /* harmony import */ var _Group__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Group */ "./components/avatar/Group.tsx"); _Avatar__WEBPACK_IMPORTED_MODULE_0__["default"].Group = _Group__WEBPACK_IMPORTED_MODULE_1__["default"]; /* istanbul ignore next */ _Avatar__WEBPACK_IMPORTED_MODULE_0__["default"].install = function (app) { app.component(_Avatar__WEBPACK_IMPORTED_MODULE_0__["default"].name, _Avatar__WEBPACK_IMPORTED_MODULE_0__["default"]); app.component(_Group__WEBPACK_IMPORTED_MODULE_1__["default"].name, _Group__WEBPACK_IMPORTED_MODULE_1__["default"]); return app; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_Avatar__WEBPACK_IMPORTED_MODULE_0__["default"]); /***/ }), /***/ "./components/avatar/style/index.ts": /*!******************************************!*\ !*** ./components/avatar/style/index.ts ***! \******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/genComponentStyleHook.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/statistic.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../style */ "./components/style/index.ts"); const genBaseStyle = token => { const { antCls, componentCls, iconCls, avatarBg, avatarColor, containerSize, containerSizeLG, containerSizeSM, textFontSize, textFontSizeLG, textFontSizeSM, borderRadius, borderRadiusLG, borderRadiusSM, lineWidth, lineType } = token; // Avatar size style const avatarSizeStyle = (size, fontSize, radius) => ({ width: size, height: size, lineHeight: `${size - lineWidth * 2}px`, borderRadius: '50%', [`&${componentCls}-square`]: { borderRadius: radius }, [`${componentCls}-string`]: { position: 'absolute', left: { _skip_check_: true, value: '50%' }, transformOrigin: '0 center' }, [`&${componentCls}-icon`]: { fontSize, [`> ${iconCls}`]: { margin: 0 } } }); return { [componentCls]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_1__.resetComponent)(token)), { position: 'relative', display: 'inline-block', overflow: 'hidden', color: avatarColor, whiteSpace: 'nowrap', textAlign: 'center', verticalAlign: 'middle', background: avatarBg, border: `${lineWidth}px ${lineType} transparent`, [`&-image`]: { background: 'transparent' }, [`${antCls}-image-img`]: { display: 'block' } }), avatarSizeStyle(containerSize, textFontSize, borderRadius)), { [`&-lg`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, avatarSizeStyle(containerSizeLG, textFontSizeLG, borderRadiusLG)), [`&-sm`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, avatarSizeStyle(containerSizeSM, textFontSizeSM, borderRadiusSM)), '> img': { display: 'block', width: '100%', height: '100%', objectFit: 'cover' } }) }; }; const genGroupStyle = token => { const { componentCls, groupBorderColor, groupOverlapping, groupSpace } = token; return { [`${componentCls}-group`]: { display: 'inline-flex', [`${componentCls}`]: { borderColor: groupBorderColor }, [`> *:not(:first-child)`]: { marginInlineStart: groupOverlapping } }, [`${componentCls}-group-popover`]: { [`${componentCls} + ${componentCls}`]: { marginInlineStart: groupSpace } } }; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_theme_internal__WEBPACK_IMPORTED_MODULE_2__["default"])('Avatar', token => { const { colorTextLightSolid, colorTextPlaceholder } = token; const avatarToken = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_3__.merge)(token, { avatarBg: colorTextPlaceholder, avatarColor: colorTextLightSolid }); return [genBaseStyle(avatarToken), genGroupStyle(avatarToken)]; }, token => { const { controlHeight, controlHeightLG, controlHeightSM, fontSize, fontSizeLG, fontSizeXL, fontSizeHeading3, marginXS, marginXXS, colorBorderBg } = token; return { containerSize: controlHeight, containerSizeLG: controlHeightLG, containerSizeSM: controlHeightSM, textFontSize: Math.round((fontSizeLG + fontSizeXL) / 2), textFontSizeLG: fontSizeHeading3, textFontSizeSM: fontSize, groupSpace: marginXXS, groupOverlapping: -marginXS, groupBorderColor: colorBorderBg }; })); /***/ }), /***/ "./components/badge/Badge.tsx": /*!************************************!*\ !*** ./components/badge/Badge.tsx ***! \************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ badgeProps: () => (/* binding */ badgeProps), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _ScrollNumber__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./ScrollNumber */ "./components/badge/ScrollNumber.tsx"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/index.ts"); /* harmony import */ var _util_vnode__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../_util/vnode */ "./components/_util/vnode.ts"); /* harmony import */ var _util_transition__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../_util/transition */ "./components/_util/transition.tsx"); /* harmony import */ var _Ribbon__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Ribbon */ "./components/badge/Ribbon.tsx"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _util_isNumeric__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../_util/isNumeric */ "./components/_util/isNumeric.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./style */ "./components/badge/style/index.ts"); /* harmony import */ var _util_colors__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../_util/colors */ "./components/_util/colors.ts"); const badgeProps = () => ({ /** Number to show in badge */ count: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].any.def(null), showZero: { type: Boolean, default: undefined }, /** Max count to show */ overflowCount: { type: Number, default: 99 }, /** whether to show red dot without number */ dot: { type: Boolean, default: undefined }, prefixCls: String, scrollNumberPrefixCls: String, status: { type: String }, size: { type: String, default: 'default' }, color: String, text: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].any, offset: Array, numberStyle: { type: Object, default: undefined }, title: String }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'ABadge', Ribbon: _Ribbon__WEBPACK_IMPORTED_MODULE_4__["default"], inheritAttrs: false, props: badgeProps(), slots: Object, setup(props, _ref) { let { slots, attrs } = _ref; const { prefixCls, direction } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_5__["default"])('badge', props); const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_6__["default"])(prefixCls); // ================================ Misc ================================ const numberedDisplayCount = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { return props.count > props.overflowCount ? `${props.overflowCount}+` : props.count; }); const isZero = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => numberedDisplayCount.value === '0' || numberedDisplayCount.value === 0); const ignoreCount = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.count === null || isZero.value && !props.showZero); const hasStatus = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => (props.status !== null && props.status !== undefined || props.color !== null && props.color !== undefined) && ignoreCount.value); const showAsDot = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.dot && !isZero.value); const mergedCount = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => showAsDot.value ? '' : numberedDisplayCount.value); const isHidden = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { const isEmpty = mergedCount.value === null || mergedCount.value === undefined || mergedCount.value === ''; return (isEmpty || isZero.value && !props.showZero) && !showAsDot.value; }); // Count should be cache in case hidden change it const livingCount = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(props.count); // We need cache count since remove motion should not change count display const displayCount = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(mergedCount.value); // We will cache the dot status to avoid shaking on leaved motion const isDotRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(showAsDot.value); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)([() => props.count, mergedCount, showAsDot], () => { if (!isHidden.value) { livingCount.value = props.count; displayCount.value = mergedCount.value; isDotRef.value = showAsDot.value; } }, { immediate: true }); // InternalColor const isInternalColor = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => (0,_util_colors__WEBPACK_IMPORTED_MODULE_7__.isPresetColor)(props.color, false)); // Shared styles const statusCls = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => ({ [`${prefixCls.value}-status-dot`]: hasStatus.value, [`${prefixCls.value}-status-${props.status}`]: !!props.status, [`${prefixCls.value}-color-${props.color}`]: isInternalColor.value })); const statusStyle = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { if (props.color && !isInternalColor.value) { return { background: props.color, color: props.color }; } else { return {}; } }); const scrollNumberCls = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => ({ [`${prefixCls.value}-dot`]: isDotRef.value, [`${prefixCls.value}-count`]: !isDotRef.value, [`${prefixCls.value}-count-sm`]: props.size === 'small', [`${prefixCls.value}-multiple-words`]: !isDotRef.value && displayCount.value && displayCount.value.toString().length > 1, [`${prefixCls.value}-status-${props.status}`]: !!props.status, [`${prefixCls.value}-color-${props.color}`]: isInternalColor.value })); return () => { var _a, _b; const { offset, title, color } = props; const style = attrs.style; const text = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_8__.getPropsSlot)(slots, props, 'text'); const pre = prefixCls.value; const count = livingCount.value; let children = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_8__.flattenChildren)((_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)); children = children.length ? children : null; const visible = !!(!isHidden.value || slots.count); // =============================== Styles =============================== const mergedStyle = (() => { if (!offset) { return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, style); } const offsetStyle = { marginTop: (0,_util_isNumeric__WEBPACK_IMPORTED_MODULE_9__["default"])(offset[1]) ? `${offset[1]}px` : offset[1] }; if (direction.value === 'rtl') { offsetStyle.left = `${parseInt(offset[0], 10)}px`; } else { offsetStyle.right = `${-parseInt(offset[0], 10)}px`; } return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, offsetStyle), style); })(); // =============================== Render =============================== // >>> Title const titleNode = title !== null && title !== void 0 ? title : typeof count === 'string' || typeof count === 'number' ? count : undefined; // >>> Status Text const statusTextNode = visible || !text ? null : (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", { "class": `${pre}-status-text` }, [text]); // >>> Display Component const displayNode = typeof count === 'object' || count === undefined && slots.count ? (0,_util_vnode__WEBPACK_IMPORTED_MODULE_10__.cloneElement)(count !== null && count !== void 0 ? count : (_b = slots.count) === null || _b === void 0 ? void 0 : _b.call(slots), { style: mergedStyle }, false) : null; const badgeClassName = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_11__["default"])(pre, { [`${pre}-status`]: hasStatus.value, [`${pre}-not-a-wrapper`]: !children, [`${pre}-rtl`]: direction.value === 'rtl' }, attrs.class, hashId.value); // if (!children && hasStatus.value) { const statusTextColor = mergedStyle.color; return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, attrs), {}, { "class": badgeClassName, "style": mergedStyle }), [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", { "class": statusCls.value, "style": statusStyle.value }, null), (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", { "style": { color: statusTextColor }, "class": `${pre}-status-text` }, [text])])); } const transitionProps = (0,_util_transition__WEBPACK_IMPORTED_MODULE_12__.getTransitionProps)(children ? `${pre}-zoom` : '', { appear: false }); let scrollNumberStyle = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, mergedStyle), props.numberStyle); if (color && !isInternalColor.value) { scrollNumberStyle = scrollNumberStyle || {}; scrollNumberStyle.background = color; } return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, attrs), {}, { "class": badgeClassName }), [children, (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_2__.Transition, transitionProps, { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_2__.withDirectives)((0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_ScrollNumber__WEBPACK_IMPORTED_MODULE_13__["default"], { "prefixCls": props.scrollNumberPrefixCls, "show": visible, "class": scrollNumberCls.value, "count": displayCount.value, "title": titleNode, "style": scrollNumberStyle, "key": "scrollNumber" }, { default: () => [displayNode] }), [[vue__WEBPACK_IMPORTED_MODULE_2__.vShow, visible]])] }), statusTextNode])); }; } })); /***/ }), /***/ "./components/badge/Ribbon.tsx": /*!*************************************!*\ !*** ./components/badge/Ribbon.tsx ***! \*************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ ribbonProps: () => (/* binding */ ribbonProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./style */ "./components/badge/style/index.ts"); /* harmony import */ var _util_colors__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../_util/colors */ "./components/_util/colors.ts"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); var __rest = undefined && undefined.__rest || function (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; }; const ribbonProps = () => ({ prefix: String, color: { type: String }, text: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].any, placement: { type: String, default: 'end' } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'ABadgeRibbon', inheritAttrs: false, props: ribbonProps(), slots: Object, setup(props, _ref) { let { attrs, slots } = _ref; const { prefixCls, direction } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_4__["default"])('ribbon', props); const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_5__["default"])(prefixCls); const colorInPreset = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => (0,_util_colors__WEBPACK_IMPORTED_MODULE_6__.isPresetColor)(props.color, false)); const ribbonCls = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => [prefixCls.value, `${prefixCls.value}-placement-${props.placement}`, { [`${prefixCls.value}-rtl`]: direction.value === 'rtl', [`${prefixCls.value}-color-${props.color}`]: colorInPreset.value }]); return () => { var _a, _b; const { class: className, style } = attrs, restAttrs = __rest(attrs, ["class", "style"]); const colorStyle = {}; const cornerColorStyle = {}; if (props.color && !colorInPreset.value) { colorStyle.background = props.color; cornerColorStyle.color = props.color; } return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "class": `${prefixCls.value}-wrapper ${hashId.value}` }, restAttrs), [(_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots), (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": [ribbonCls.value, className, hashId.value], "style": (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, colorStyle), style) }, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", { "class": `${prefixCls.value}-text` }, [props.text || ((_b = slots.text) === null || _b === void 0 ? void 0 : _b.call(slots))]), (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": `${prefixCls.value}-corner`, "style": cornerColorStyle }, null)])])); }; } })); /***/ }), /***/ "./components/badge/ScrollNumber.tsx": /*!*******************************************!*\ !*** ./components/badge/ScrollNumber.tsx ***! \*******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _util_vnode__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../_util/vnode */ "./components/_util/vnode.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _SingleNumber__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./SingleNumber */ "./components/badge/SingleNumber.tsx"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/index.ts"); var __rest = undefined && undefined.__rest || function (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; }; const scrollNumberProps = { prefixCls: String, count: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].any, component: String, title: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].any, show: Boolean }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'ScrollNumber', inheritAttrs: false, props: scrollNumberProps, setup(props, _ref) { let { attrs, slots } = _ref; const { prefixCls } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_3__["default"])('scroll-number', props); return () => { var _a; const _b = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props), attrs), { prefixCls: customizePrefixCls, count, title, show, component: Tag = 'sup', class: className, style } = _b, restProps = __rest(_b, ["prefixCls", "count", "title", "show", "component", "class", "style"]); // ============================ Render ============================ const newProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, restProps), { style, 'data-show': props.show, class: (0,_util_classNames__WEBPACK_IMPORTED_MODULE_4__["default"])(prefixCls.value, className), title: title }); // Only integer need motion let numberNodes = count; if (count && Number(count) % 1 === 0) { const numberList = String(count).split(''); numberNodes = numberList.map((num, i) => (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_SingleNumber__WEBPACK_IMPORTED_MODULE_5__["default"], { "prefixCls": prefixCls.value, "count": Number(count), "value": num, "key": numberList.length - i }, null)); } // allow specify the border // mock border-color by box-shadow for compatible with old usage: // if (style && style.borderColor) { newProps.style = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, style), { boxShadow: `0 0 0 1px ${style.borderColor} inset` }); } const children = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_6__.filterEmpty)((_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)); if (children && children.length) { return (0,_util_vnode__WEBPACK_IMPORTED_MODULE_7__.cloneElement)(children, { class: (0,_util_classNames__WEBPACK_IMPORTED_MODULE_4__["default"])(`${prefixCls.value}-custom-component`) }, false); } return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(Tag, newProps, { default: () => [numberNodes] }); }; } })); /***/ }), /***/ "./components/badge/SingleNumber.tsx": /*!*******************************************!*\ !*** ./components/badge/SingleNumber.tsx ***! \*******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); function UnitNumber(_ref) { let { prefixCls, value, current, offset = 0 } = _ref; let style; if (offset) { style = { position: 'absolute', top: `${offset}00%`, left: 0 }; } return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("p", { "style": style, "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_2__["default"])(`${prefixCls}-only-unit`, { current }) }, [value]); } function getOffset(start, end, unit) { let index = start; let offset = 0; while ((index + 10) % 10 !== end) { index += unit; offset += unit; } return offset; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'SingleNumber', props: { prefixCls: String, value: String, count: Number }, setup(props) { const originValue = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => Number(props.value)); const originCount = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => Math.abs(props.count)); const state = (0,vue__WEBPACK_IMPORTED_MODULE_1__.reactive)({ prevValue: originValue.value, prevCount: originCount.value }); // ============================= Events ============================= const onTransitionEnd = () => { state.prevValue = originValue.value; state.prevCount = originCount.value; }; const timeout = (0,vue__WEBPACK_IMPORTED_MODULE_1__.ref)(); // Fallback if transition event not support (0,vue__WEBPACK_IMPORTED_MODULE_1__.watch)(originValue, () => { clearTimeout(timeout.value); timeout.value = setTimeout(() => { onTransitionEnd(); }, 1000); }, { flush: 'post' }); (0,vue__WEBPACK_IMPORTED_MODULE_1__.onUnmounted)(() => { clearTimeout(timeout.value); }); return () => { let unitNodes; let offsetStyle = {}; const value = originValue.value; if (state.prevValue === value || Number.isNaN(value) || Number.isNaN(state.prevValue)) { // Nothing to change unitNodes = [UnitNumber((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props), { current: true }))]; offsetStyle = { transition: 'none' }; } else { unitNodes = []; // Fill basic number units const end = value + 10; const unitNumberList = []; for (let index = value; index <= end; index += 1) { unitNumberList.push(index); } // Fill with number unit nodes const prevIndex = unitNumberList.findIndex(n => n % 10 === state.prevValue); unitNodes = unitNumberList.map((n, index) => { const singleUnit = n % 10; return UnitNumber((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props), { value: singleUnit, offset: index - prevIndex, current: index === prevIndex })); }); // Calculate container offset value const unit = state.prevCount < originCount.value ? 1 : -1; offsetStyle = { transform: `translateY(${-getOffset(state.prevValue, value, unit)}00%)` }; } return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", { "class": `${props.prefixCls}-only`, "style": offsetStyle, "onTransitionend": () => onTransitionEnd() }, [unitNodes]); }; } })); /***/ }), /***/ "./components/badge/index.ts": /*!***********************************!*\ !*** ./components/badge/index.ts ***! \***********************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ BadgeRibbon: () => (/* reexport safe */ _Ribbon__WEBPACK_IMPORTED_MODULE_1__["default"]), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _Badge__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Badge */ "./components/badge/Badge.tsx"); /* harmony import */ var _Ribbon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Ribbon */ "./components/badge/Ribbon.tsx"); _Badge__WEBPACK_IMPORTED_MODULE_0__["default"].install = function (app) { app.component(_Badge__WEBPACK_IMPORTED_MODULE_0__["default"].name, _Badge__WEBPACK_IMPORTED_MODULE_0__["default"]); app.component(_Ribbon__WEBPACK_IMPORTED_MODULE_1__["default"].name, _Ribbon__WEBPACK_IMPORTED_MODULE_1__["default"]); return app; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_Badge__WEBPACK_IMPORTED_MODULE_0__["default"]); /***/ }), /***/ "./components/badge/style/index.ts": /*!*****************************************!*\ !*** ./components/badge/style/index.ts ***! \*****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _util_cssinjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../_util/cssinjs */ "./components/_util/cssinjs/Keyframes.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/genComponentStyleHook.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/statistic.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../style */ "./components/style/presetColor.tsx"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../style */ "./components/style/index.ts"); const antStatusProcessing = new _util_cssinjs__WEBPACK_IMPORTED_MODULE_1__["default"]('antStatusProcessing', { '0%': { transform: 'scale(0.8)', opacity: 0.5 }, '100%': { transform: 'scale(2.4)', opacity: 0 } }); const antZoomBadgeIn = new _util_cssinjs__WEBPACK_IMPORTED_MODULE_1__["default"]('antZoomBadgeIn', { '0%': { transform: 'scale(0) translate(50%, -50%)', opacity: 0 }, '100%': { transform: 'scale(1) translate(50%, -50%)' } }); const antZoomBadgeOut = new _util_cssinjs__WEBPACK_IMPORTED_MODULE_1__["default"]('antZoomBadgeOut', { '0%': { transform: 'scale(1) translate(50%, -50%)' }, '100%': { transform: 'scale(0) translate(50%, -50%)', opacity: 0 } }); const antNoWrapperZoomBadgeIn = new _util_cssinjs__WEBPACK_IMPORTED_MODULE_1__["default"]('antNoWrapperZoomBadgeIn', { '0%': { transform: 'scale(0)', opacity: 0 }, '100%': { transform: 'scale(1)' } }); const antNoWrapperZoomBadgeOut = new _util_cssinjs__WEBPACK_IMPORTED_MODULE_1__["default"]('antNoWrapperZoomBadgeOut', { '0%': { transform: 'scale(1)' }, '100%': { transform: 'scale(0)', opacity: 0 } }); const antBadgeLoadingCircle = new _util_cssinjs__WEBPACK_IMPORTED_MODULE_1__["default"]('antBadgeLoadingCircle', { '0%': { transformOrigin: '50%' }, '100%': { transform: 'translate(50%, -50%) rotate(360deg)', transformOrigin: '50%' } }); const genSharedBadgeStyle = token => { const { componentCls, iconCls, antCls, badgeFontHeight, badgeShadowSize, badgeHeightSm, motionDurationSlow, badgeStatusSize, marginXS, badgeRibbonOffset } = token; const numberPrefixCls = `${antCls}-scroll-number`; const ribbonPrefixCls = `${antCls}-ribbon`; const ribbonWrapperPrefixCls = `${antCls}-ribbon-wrapper`; const colorPreset = (0,_style__WEBPACK_IMPORTED_MODULE_2__.genPresetColor)(token, (colorKey, _ref) => { let { darkColor } = _ref; return { [`&${componentCls} ${componentCls}-color-${colorKey}`]: { background: darkColor, [`&:not(${componentCls}-count)`]: { color: darkColor } } }; }); const statusRibbonPreset = (0,_style__WEBPACK_IMPORTED_MODULE_2__.genPresetColor)(token, (colorKey, _ref2) => { let { darkColor } = _ref2; return { [`&${ribbonPrefixCls}-color-${colorKey}`]: { background: darkColor, color: darkColor } }; }); return { [componentCls]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_3__.resetComponent)(token)), { position: 'relative', display: 'inline-block', width: 'fit-content', lineHeight: 1, [`${componentCls}-count`]: { zIndex: token.badgeZIndex, minWidth: token.badgeHeight, height: token.badgeHeight, color: token.badgeTextColor, fontWeight: token.badgeFontWeight, fontSize: token.badgeFontSize, lineHeight: `${token.badgeHeight}px`, whiteSpace: 'nowrap', textAlign: 'center', background: token.badgeColor, borderRadius: token.badgeHeight / 2, boxShadow: `0 0 0 ${badgeShadowSize}px ${token.badgeShadowColor}`, transition: `background ${token.motionDurationMid}`, a: { color: token.badgeTextColor }, 'a:hover': { color: token.badgeTextColor }, 'a:hover &': { background: token.badgeColorHover } }, [`${componentCls}-count-sm`]: { minWidth: badgeHeightSm, height: badgeHeightSm, fontSize: token.badgeFontSizeSm, lineHeight: `${badgeHeightSm}px`, borderRadius: badgeHeightSm / 2 }, [`${componentCls}-multiple-words`]: { padding: `0 ${token.paddingXS}px` }, [`${componentCls}-dot`]: { zIndex: token.badgeZIndex, width: token.badgeDotSize, minWidth: token.badgeDotSize, height: token.badgeDotSize, background: token.badgeColor, borderRadius: '100%', boxShadow: `0 0 0 ${badgeShadowSize}px ${token.badgeShadowColor}` }, [`${componentCls}-dot${numberPrefixCls}`]: { transition: `background ${motionDurationSlow}` }, [`${componentCls}-count, ${componentCls}-dot, ${numberPrefixCls}-custom-component`]: { position: 'absolute', top: 0, insetInlineEnd: 0, transform: 'translate(50%, -50%)', transformOrigin: '100% 0%', [`&${iconCls}-spin`]: { animationName: antBadgeLoadingCircle, animationDuration: '1s', animationIterationCount: 'infinite', animationTimingFunction: 'linear' } }, [`&${componentCls}-status`]: { lineHeight: 'inherit', verticalAlign: 'baseline', [`${componentCls}-status-dot`]: { position: 'relative', top: -1, display: 'inline-block', width: badgeStatusSize, height: badgeStatusSize, verticalAlign: 'middle', borderRadius: '50%' }, [`${componentCls}-status-success`]: { backgroundColor: token.colorSuccess }, [`${componentCls}-status-processing`]: { overflow: 'visible', color: token.colorPrimary, backgroundColor: token.colorPrimary, '&::after': { position: 'absolute', top: 0, insetInlineStart: 0, width: '100%', height: '100%', borderWidth: badgeShadowSize, borderStyle: 'solid', borderColor: 'inherit', borderRadius: '50%', animationName: antStatusProcessing, animationDuration: token.badgeProcessingDuration, animationIterationCount: 'infinite', animationTimingFunction: 'ease-in-out', content: '""' } }, [`${componentCls}-status-default`]: { backgroundColor: token.colorTextPlaceholder }, [`${componentCls}-status-error`]: { backgroundColor: token.colorError }, [`${componentCls}-status-warning`]: { backgroundColor: token.colorWarning }, [`${componentCls}-status-text`]: { marginInlineStart: marginXS, color: token.colorText, fontSize: token.fontSize } } }), colorPreset), { [`${componentCls}-zoom-appear, ${componentCls}-zoom-enter`]: { animationName: antZoomBadgeIn, animationDuration: token.motionDurationSlow, animationTimingFunction: token.motionEaseOutBack, animationFillMode: 'both' }, [`${componentCls}-zoom-leave`]: { animationName: antZoomBadgeOut, animationDuration: token.motionDurationSlow, animationTimingFunction: token.motionEaseOutBack, animationFillMode: 'both' }, [`&${componentCls}-not-a-wrapper`]: { [`${componentCls}-zoom-appear, ${componentCls}-zoom-enter`]: { animationName: antNoWrapperZoomBadgeIn, animationDuration: token.motionDurationSlow, animationTimingFunction: token.motionEaseOutBack }, [`${componentCls}-zoom-leave`]: { animationName: antNoWrapperZoomBadgeOut, animationDuration: token.motionDurationSlow, animationTimingFunction: token.motionEaseOutBack }, [`&:not(${componentCls}-status)`]: { verticalAlign: 'middle' }, [`${numberPrefixCls}-custom-component, ${componentCls}-count`]: { transform: 'none' }, [`${numberPrefixCls}-custom-component, ${numberPrefixCls}`]: { position: 'relative', top: 'auto', display: 'block', transformOrigin: '50% 50%' } }, [`${numberPrefixCls}`]: { overflow: 'hidden', [`${numberPrefixCls}-only`]: { position: 'relative', display: 'inline-block', height: token.badgeHeight, transition: `all ${token.motionDurationSlow} ${token.motionEaseOutBack}`, WebkitTransformStyle: 'preserve-3d', WebkitBackfaceVisibility: 'hidden', [`> p${numberPrefixCls}-only-unit`]: { height: token.badgeHeight, margin: 0, WebkitTransformStyle: 'preserve-3d', WebkitBackfaceVisibility: 'hidden' } }, [`${numberPrefixCls}-symbol`]: { verticalAlign: 'top' } }, // ====================== RTL ======================= '&-rtl': { direction: 'rtl', [`${componentCls}-count, ${componentCls}-dot, ${numberPrefixCls}-custom-component`]: { transform: 'translate(-50%, -50%)' } } }), [`${ribbonWrapperPrefixCls}`]: { position: 'relative' }, [`${ribbonPrefixCls}`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_3__.resetComponent)(token)), { position: 'absolute', top: marginXS, padding: `0 ${token.paddingXS}px`, color: token.colorPrimary, lineHeight: `${badgeFontHeight}px`, whiteSpace: 'nowrap', backgroundColor: token.colorPrimary, borderRadius: token.borderRadiusSM, [`${ribbonPrefixCls}-text`]: { color: token.colorTextLightSolid }, [`${ribbonPrefixCls}-corner`]: { position: 'absolute', top: '100%', width: badgeRibbonOffset, height: badgeRibbonOffset, color: 'currentcolor', border: `${badgeRibbonOffset / 2}px solid`, transform: token.badgeRibbonCornerTransform, transformOrigin: 'top', filter: token.badgeRibbonCornerFilter } }), statusRibbonPreset), { [`&${ribbonPrefixCls}-placement-end`]: { insetInlineEnd: -badgeRibbonOffset, borderEndEndRadius: 0, [`${ribbonPrefixCls}-corner`]: { insetInlineEnd: 0, borderInlineEndColor: 'transparent', borderBlockEndColor: 'transparent' } }, [`&${ribbonPrefixCls}-placement-start`]: { insetInlineStart: -badgeRibbonOffset, borderEndStartRadius: 0, [`${ribbonPrefixCls}-corner`]: { insetInlineStart: 0, borderBlockEndColor: 'transparent', borderInlineStartColor: 'transparent' } }, // ====================== RTL ======================= '&-rtl': { direction: 'rtl' } }) }; }; // ============================== Export ============================== /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_theme_internal__WEBPACK_IMPORTED_MODULE_4__["default"])('Badge', token => { const { fontSize, lineHeight, fontSizeSM, lineWidth, marginXS, colorBorderBg } = token; const badgeFontHeight = Math.round(fontSize * lineHeight); const badgeShadowSize = lineWidth; const badgeZIndex = 'auto'; const badgeHeight = badgeFontHeight - 2 * badgeShadowSize; const badgeTextColor = token.colorBgContainer; const badgeFontWeight = 'normal'; const badgeFontSize = fontSizeSM; const badgeColor = token.colorError; const badgeColorHover = token.colorErrorHover; const badgeHeightSm = fontSize; const badgeDotSize = fontSizeSM / 2; const badgeFontSizeSm = fontSizeSM; const badgeStatusSize = fontSizeSM / 2; const badgeToken = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_5__.merge)(token, { badgeFontHeight, badgeShadowSize, badgeZIndex, badgeHeight, badgeTextColor, badgeFontWeight, badgeFontSize, badgeColor, badgeColorHover, badgeShadowColor: colorBorderBg, badgeHeightSm, badgeDotSize, badgeFontSizeSm, badgeStatusSize, badgeProcessingDuration: '1.2s', badgeRibbonOffset: marginXS, // Follow token just by Design. Not related with token badgeRibbonCornerTransform: 'scaleY(0.75)', badgeRibbonCornerFilter: `brightness(75%)` }); return [genSharedBadgeStyle(badgeToken)]; })); /***/ }), /***/ "./components/breadcrumb/Breadcrumb.tsx": /*!**********************************************!*\ !*** ./components/breadcrumb/Breadcrumb.tsx ***! \**********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ breadcrumbProps: () => (/* binding */ breadcrumbProps), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/index.ts"); /* harmony import */ var _util_warning__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../_util/warning */ "./components/_util/warning.ts"); /* harmony import */ var _BreadcrumbItem__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./BreadcrumbItem */ "./components/breadcrumb/BreadcrumbItem.tsx"); /* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../menu */ "./components/menu/index.tsx"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./style */ "./components/breadcrumb/style/index.ts"); const breadcrumbProps = () => ({ prefixCls: String, routes: { type: Array }, params: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].any, separator: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].any, itemRender: { type: Function } }); function getBreadcrumbName(route, params) { if (!route.breadcrumbName) { return null; } const paramsKeys = Object.keys(params).join('|'); const name = route.breadcrumbName.replace(new RegExp(`:(${paramsKeys})`, 'g'), (replacement, key) => params[key] || replacement); return name; } function defaultItemRender(opt) { const { route, params, routes, paths } = opt; const isLastItem = routes.indexOf(route) === routes.length - 1; const name = getBreadcrumbName(route, params); return isLastItem ? (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", null, [name]) : (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("a", { "href": `#/${paths.join('/')}` }, [name]); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'ABreadcrumb', inheritAttrs: false, props: breadcrumbProps(), slots: Object, setup(props, _ref) { let { slots, attrs } = _ref; const { prefixCls, direction } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_3__["default"])('breadcrumb', props); const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_4__["default"])(prefixCls); const getPath = (path, params) => { path = (path || '').replace(/^\//, ''); Object.keys(params).forEach(key => { path = path.replace(`:${key}`, params[key]); }); return path; }; const addChildPath = (paths, childPath, params) => { const originalPaths = [...paths]; const path = getPath(childPath || '', params); if (path) { originalPaths.push(path); } return originalPaths; }; const genForRoutes = _ref2 => { let { routes = [], params = {}, separator, itemRender = defaultItemRender } = _ref2; const paths = []; return routes.map(route => { const path = getPath(route.path, params); if (path) { paths.push(path); } const tempPaths = [...paths]; // generated overlay by route.children let overlay = null; if (route.children && route.children.length) { overlay = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_menu__WEBPACK_IMPORTED_MODULE_5__["default"], { "items": route.children.map(child => ({ key: child.path || child.breadcrumbName, label: itemRender({ route: child, params, routes, paths: addChildPath(tempPaths, child.path, params) }) })) }, null); } const itemProps = { separator }; if (overlay) { itemProps.overlay = overlay; } return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_BreadcrumbItem__WEBPACK_IMPORTED_MODULE_6__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, itemProps), {}, { "key": path || route.breadcrumbName }), { default: () => [itemRender({ route, params, routes, paths: tempPaths })] }); }); }; return () => { var _a; let crumbs; const { routes, params = {} } = props; const children = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_7__.flattenChildren)((0,_util_props_util__WEBPACK_IMPORTED_MODULE_7__.getPropsSlot)(slots, props)); const separator = (_a = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_7__.getPropsSlot)(slots, props, 'separator')) !== null && _a !== void 0 ? _a : '/'; const itemRender = props.itemRender || slots.itemRender || defaultItemRender; if (routes && routes.length > 0) { // generated by route crumbs = genForRoutes({ routes, params, separator, itemRender }); } else if (children.length) { crumbs = children.map((element, index) => { (0,_util_warning__WEBPACK_IMPORTED_MODULE_8__["default"])(typeof element.type === 'object' && (element.type.__ANT_BREADCRUMB_ITEM || element.type.__ANT_BREADCRUMB_SEPARATOR), 'Breadcrumb', "Only accepts Breadcrumb.Item and Breadcrumb.Separator as it's children"); return (0,vue__WEBPACK_IMPORTED_MODULE_1__.cloneVNode)(element, { separator, key: index }); }); } const breadcrumbClassName = { [prefixCls.value]: true, [`${prefixCls.value}-rtl`]: direction.value === 'rtl', [`${attrs.class}`]: !!attrs.class, [hashId.value]: true }; return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("nav", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, attrs), {}, { "class": breadcrumbClassName }), [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("ol", null, [crumbs])])); }; } })); /***/ }), /***/ "./components/breadcrumb/BreadcrumbItem.tsx": /*!**************************************************!*\ !*** ./components/breadcrumb/BreadcrumbItem.tsx ***! \**************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ breadcrumbItemProps: () => (/* binding */ breadcrumbItemProps), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/index.ts"); /* harmony import */ var _dropdown_dropdown__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../dropdown/dropdown */ "./components/dropdown/dropdown.tsx"); /* harmony import */ var _ant_design_icons_vue_es_icons_DownOutlined__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/DownOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/DownOutlined.js"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); var __rest = undefined && undefined.__rest || function (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; }; const breadcrumbItemProps = () => ({ prefixCls: String, href: String, separator: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].any, dropdownProps: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.objectType)(), overlay: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].any, onClick: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.eventType)() }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'ABreadcrumbItem', inheritAttrs: false, __ANT_BREADCRUMB_ITEM: true, props: breadcrumbItemProps(), // emits: ['click'], slots: Object, setup(props, _ref) { let { slots, attrs, emit } = _ref; const { prefixCls } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_4__["default"])('breadcrumb', props); /** * if overlay is have * Wrap a Dropdown */ const renderBreadcrumbNode = (breadcrumbItem, prefixCls) => { const overlay = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_5__.getPropsSlot)(slots, props, 'overlay'); if (overlay) { return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_dropdown_dropdown__WEBPACK_IMPORTED_MODULE_6__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props.dropdownProps), {}, { "overlay": overlay, "placement": "bottom" }), { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", { "class": `${prefixCls}-overlay-link` }, [breadcrumbItem, (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_ant_design_icons_vue_es_icons_DownOutlined__WEBPACK_IMPORTED_MODULE_7__["default"], null, null)])] }); } return breadcrumbItem; }; const handleClick = e => { emit('click', e); }; return () => { var _a; const separator = (_a = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_5__.getPropsSlot)(slots, props, 'separator')) !== null && _a !== void 0 ? _a : '/'; const children = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_5__.getPropsSlot)(slots, props); const { class: cls, style } = attrs, restAttrs = __rest(attrs, ["class", "style"]); let link; if (props.href !== undefined) { link = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("a", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "class": `${prefixCls.value}-link`, "onClick": handleClick }, restAttrs), [children]); } else { link = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "class": `${prefixCls.value}-link`, "onClick": handleClick }, restAttrs), [children]); } // wrap to dropDown link = renderBreadcrumbNode(link, prefixCls.value); if (children !== undefined && children !== null) { return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("li", { "class": cls, "style": style }, [link, separator && (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", { "class": `${prefixCls.value}-separator` }, [separator])]); } return null; }; } })); /***/ }), /***/ "./components/breadcrumb/BreadcrumbSeparator.tsx": /*!*******************************************************!*\ !*** ./components/breadcrumb/BreadcrumbSeparator.tsx ***! \*******************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ breadcrumbSeparatorProps: () => (/* binding */ breadcrumbSeparatorProps), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/index.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); var __rest = undefined && undefined.__rest || function (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; }; const breadcrumbSeparatorProps = () => ({ prefixCls: String }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'ABreadcrumbSeparator', __ANT_BREADCRUMB_SEPARATOR: true, inheritAttrs: false, props: breadcrumbSeparatorProps(), setup(props, _ref) { let { slots, attrs } = _ref; const { prefixCls } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_2__["default"])('breadcrumb', props); return () => { var _a; const { separator, class: className } = attrs, restAttrs = __rest(attrs, ["separator", "class"]); const children = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_3__.flattenChildren)((_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)); return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "class": [`${prefixCls.value}-separator`, className] }, restAttrs), [children.length > 0 ? children : '/']); }; } })); /***/ }), /***/ "./components/breadcrumb/index.ts": /*!****************************************!*\ !*** ./components/breadcrumb/index.ts ***! \****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ BreadcrumbItem: () => (/* reexport safe */ _BreadcrumbItem__WEBPACK_IMPORTED_MODULE_1__["default"]), /* harmony export */ BreadcrumbSeparator: () => (/* reexport safe */ _BreadcrumbSeparator__WEBPACK_IMPORTED_MODULE_2__["default"]), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _Breadcrumb__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Breadcrumb */ "./components/breadcrumb/Breadcrumb.tsx"); /* harmony import */ var _BreadcrumbItem__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./BreadcrumbItem */ "./components/breadcrumb/BreadcrumbItem.tsx"); /* harmony import */ var _BreadcrumbSeparator__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./BreadcrumbSeparator */ "./components/breadcrumb/BreadcrumbSeparator.tsx"); _Breadcrumb__WEBPACK_IMPORTED_MODULE_0__["default"].Item = _BreadcrumbItem__WEBPACK_IMPORTED_MODULE_1__["default"]; _Breadcrumb__WEBPACK_IMPORTED_MODULE_0__["default"].Separator = _BreadcrumbSeparator__WEBPACK_IMPORTED_MODULE_2__["default"]; /* istanbul ignore next */ _Breadcrumb__WEBPACK_IMPORTED_MODULE_0__["default"].install = function (app) { app.component(_Breadcrumb__WEBPACK_IMPORTED_MODULE_0__["default"].name, _Breadcrumb__WEBPACK_IMPORTED_MODULE_0__["default"]); app.component(_BreadcrumbItem__WEBPACK_IMPORTED_MODULE_1__["default"].name, _BreadcrumbItem__WEBPACK_IMPORTED_MODULE_1__["default"]); app.component(_BreadcrumbSeparator__WEBPACK_IMPORTED_MODULE_2__["default"].name, _BreadcrumbSeparator__WEBPACK_IMPORTED_MODULE_2__["default"]); return app; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_Breadcrumb__WEBPACK_IMPORTED_MODULE_0__["default"]); /***/ }), /***/ "./components/breadcrumb/style/index.ts": /*!**********************************************!*\ !*** ./components/breadcrumb/style/index.ts ***! \**********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/genComponentStyleHook.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/statistic.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../style */ "./components/style/index.ts"); const genBreadcrumbStyle = token => { const { componentCls, iconCls } = token; return { [componentCls]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_1__.resetComponent)(token)), { color: token.breadcrumbBaseColor, fontSize: token.breadcrumbFontSize, [iconCls]: { fontSize: token.breadcrumbIconFontSize }, ol: { display: 'flex', flexWrap: 'wrap', margin: 0, padding: 0, listStyle: 'none' }, a: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ color: token.breadcrumbLinkColor, transition: `color ${token.motionDurationMid}`, padding: `0 ${token.paddingXXS}px`, borderRadius: token.borderRadiusSM, height: token.lineHeight * token.fontSize, display: 'inline-block', marginInline: -token.marginXXS, '&:hover': { color: token.breadcrumbLinkColorHover, backgroundColor: token.colorBgTextHover } }, (0,_style__WEBPACK_IMPORTED_MODULE_1__.genFocusStyle)(token)), [`li:last-child`]: { color: token.breadcrumbLastItemColor, [`& > ${componentCls}-separator`]: { display: 'none' } }, [`${componentCls}-separator`]: { marginInline: token.breadcrumbSeparatorMargin, color: token.breadcrumbSeparatorColor }, [`${componentCls}-link`]: { [` > ${iconCls} + span, > ${iconCls} + a `]: { marginInlineStart: token.marginXXS } }, [`${componentCls}-overlay-link`]: { borderRadius: token.borderRadiusSM, height: token.lineHeight * token.fontSize, display: 'inline-block', padding: `0 ${token.paddingXXS}px`, marginInline: -token.marginXXS, [`> ${iconCls}`]: { marginInlineStart: token.marginXXS, fontSize: token.fontSizeIcon }, '&:hover': { color: token.breadcrumbLinkColorHover, backgroundColor: token.colorBgTextHover, a: { color: token.breadcrumbLinkColorHover } }, a: { '&:hover': { backgroundColor: 'transparent' } } }, // rtl style [`&${token.componentCls}-rtl`]: { direction: 'rtl' } }) }; }; // ============================== Export ============================== /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_theme_internal__WEBPACK_IMPORTED_MODULE_2__["default"])('Breadcrumb', token => { const BreadcrumbToken = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_3__.merge)(token, { breadcrumbBaseColor: token.colorTextDescription, breadcrumbFontSize: token.fontSize, breadcrumbIconFontSize: token.fontSize, breadcrumbLinkColor: token.colorTextDescription, breadcrumbLinkColorHover: token.colorText, breadcrumbLastItemColor: token.colorText, breadcrumbSeparatorMargin: token.marginXS, breadcrumbSeparatorColor: token.colorTextDescription }); return [genBreadcrumbStyle(BreadcrumbToken)]; })); /***/ }), /***/ "./components/button/LoadingIcon.tsx": /*!*******************************************!*\ !*** ./components/button/LoadingIcon.tsx ***! \*******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_vue_es_icons_LoadingOutlined__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/LoadingOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/LoadingOutlined.js"); const getCollapsedWidth = node => { if (node) { node.style.width = '0px'; node.style.opacity = '0'; node.style.transform = 'scale(0)'; } }; const getRealWidth = node => { (0,vue__WEBPACK_IMPORTED_MODULE_0__.nextTick)(() => { if (node) { node.style.width = `${node.scrollWidth}px`; node.style.opacity = '1'; node.style.transform = 'scale(1)'; } }); }; const resetStyle = node => { if (node && node.style) { node.style.width = null; node.style.opacity = null; node.style.transform = null; } }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'LoadingIcon', props: { prefixCls: String, loading: [Boolean, Object], existIcon: Boolean }, setup(props) { return () => { const { existIcon, prefixCls, loading } = props; if (existIcon) { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("span", { "class": `${prefixCls}-loading-icon` }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_ant_design_icons_vue_es_icons_LoadingOutlined__WEBPACK_IMPORTED_MODULE_1__["default"], null, null)]); } const visible = !!loading; return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_0__.Transition, { "name": `${prefixCls}-loading-icon-motion`, "onBeforeEnter": getCollapsedWidth, "onEnter": getRealWidth, "onAfterEnter": resetStyle, "onBeforeLeave": getRealWidth, "onLeave": node => { setTimeout(() => { getCollapsedWidth(node); }); }, "onAfterLeave": resetStyle }, { default: () => [visible ? (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("span", { "class": `${prefixCls}-loading-icon` }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_ant_design_icons_vue_es_icons_LoadingOutlined__WEBPACK_IMPORTED_MODULE_1__["default"], null, null)]) : null] }); }; } })); /***/ }), /***/ "./components/button/button-group.tsx": /*!********************************************!*\ !*** ./components/button/button-group.tsx ***! \********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ GroupSizeContext: () => (/* binding */ GroupSizeContext), /* harmony export */ buttonGroupProps: () => (/* binding */ buttonGroupProps), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/index.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../theme/internal */ "./components/theme/internal.ts"); /* harmony import */ var _vc_util_devWarning__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../vc-util/devWarning */ "./components/vc-util/devWarning.ts"); /* harmony import */ var _util_createContext__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../_util/createContext */ "./components/_util/createContext.ts"); const buttonGroupProps = () => ({ prefixCls: String, size: { type: String } }); const GroupSizeContext = (0,_util_createContext__WEBPACK_IMPORTED_MODULE_1__["default"])(); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'AButtonGroup', props: buttonGroupProps(), setup(props, _ref) { let { slots } = _ref; const { prefixCls, direction } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_2__["default"])('btn-group', props); const [,, hashId] = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_3__.useToken)(); GroupSizeContext.useProvide((0,vue__WEBPACK_IMPORTED_MODULE_0__.reactive)({ size: (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => props.size) })); const classes = (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => { const { size } = props; let sizeCls = ''; switch (size) { case 'large': sizeCls = 'lg'; break; case 'small': sizeCls = 'sm'; break; case 'middle': case undefined: break; default: // eslint-disable-next-line no-console (0,_vc_util_devWarning__WEBPACK_IMPORTED_MODULE_4__["default"])(!size, 'Button.Group', 'Invalid prop `size`.'); } return { [`${prefixCls.value}`]: true, [`${prefixCls.value}-${sizeCls}`]: sizeCls, [`${prefixCls.value}-rtl`]: direction.value === 'rtl', [hashId.value]: true }; }); return () => { var _a; return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", { "class": classes.value }, [(0,_util_props_util__WEBPACK_IMPORTED_MODULE_5__.flattenChildren)((_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots))]); }; } })); /***/ }), /***/ "./components/button/button.tsx": /*!**************************************!*\ !*** ./components/button/button.tsx ***! \**************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ buttonProps: () => (/* reexport safe */ _buttonTypes__WEBPACK_IMPORTED_MODULE_3__["default"]), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_wave__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../_util/wave */ "./components/_util/wave/index.tsx"); /* harmony import */ var _buttonTypes__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./buttonTypes */ "./components/button/buttonTypes.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/initDefaultProps.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/index.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _config_provider_DisabledContext__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../config-provider/DisabledContext */ "./components/config-provider/DisabledContext.ts"); /* harmony import */ var _vc_util_devWarning__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../vc-util/devWarning */ "./components/vc-util/devWarning.ts"); /* harmony import */ var _LoadingIcon__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./LoadingIcon */ "./components/button/LoadingIcon.tsx"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./style */ "./components/button/style/index.ts"); /* harmony import */ var _button_group__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./button-group */ "./components/button/button-group.tsx"); /* harmony import */ var _space_Compact__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../space/Compact */ "./components/space/Compact.tsx"); const rxTwoCNChar = /^[\u4e00-\u9fa5]{2}$/; const isTwoCNChar = rxTwoCNChar.test.bind(rxTwoCNChar); function isUnBorderedButtonType(type) { return type === 'text' || type === 'link'; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'AButton', inheritAttrs: false, __ANT_BUTTON: true, props: (0,_util_props_util__WEBPACK_IMPORTED_MODULE_4__["default"])((0,_buttonTypes__WEBPACK_IMPORTED_MODULE_3__["default"])(), { type: 'default' }), slots: Object, // emits: ['click', 'mousedown'], setup(props, _ref) { let { slots, attrs, emit, expose } = _ref; const { prefixCls, autoInsertSpaceInButton, direction, size } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_5__["default"])('btn', props); const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_6__["default"])(prefixCls); const groupSizeContext = _button_group__WEBPACK_IMPORTED_MODULE_7__.GroupSizeContext.useInject(); const disabledContext = (0,_config_provider_DisabledContext__WEBPACK_IMPORTED_MODULE_8__.useInjectDisabled)(); const mergedDisabled = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { var _a; return (_a = props.disabled) !== null && _a !== void 0 ? _a : disabledContext.value; }); const buttonNodeRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(null); const delayTimeoutRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(undefined); let isNeedInserted = false; const innerLoading = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(false); const hasTwoCNChar = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(false); const autoInsertSpace = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => autoInsertSpaceInButton.value !== false); const { compactSize, compactItemClassnames } = (0,_space_Compact__WEBPACK_IMPORTED_MODULE_9__.useCompactItemContext)(prefixCls, direction); // =============== Update Loading =============== const loadingOrDelay = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => typeof props.loading === 'object' && props.loading.delay ? props.loading.delay || true : !!props.loading); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)(loadingOrDelay, val => { clearTimeout(delayTimeoutRef.value); if (typeof loadingOrDelay.value === 'number') { delayTimeoutRef.value = setTimeout(() => { innerLoading.value = val; }, loadingOrDelay.value); } else { innerLoading.value = val; } }, { immediate: true }); const classes = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { const { type, shape = 'default', ghost, block, danger } = props; const pre = prefixCls.value; const sizeClassNameMap = { large: 'lg', small: 'sm', middle: undefined }; const sizeFullname = compactSize.value || (groupSizeContext === null || groupSizeContext === void 0 ? void 0 : groupSizeContext.size) || size.value; const sizeCls = sizeFullname ? sizeClassNameMap[sizeFullname] || '' : ''; return [compactItemClassnames.value, { [hashId.value]: true, [`${pre}`]: true, [`${pre}-${shape}`]: shape !== 'default' && shape, [`${pre}-${type}`]: type, [`${pre}-${sizeCls}`]: sizeCls, [`${pre}-loading`]: innerLoading.value, [`${pre}-background-ghost`]: ghost && !isUnBorderedButtonType(type), [`${pre}-two-chinese-chars`]: hasTwoCNChar.value && autoInsertSpace.value, [`${pre}-block`]: block, [`${pre}-dangerous`]: !!danger, [`${pre}-rtl`]: direction.value === 'rtl' }]; }); const fixTwoCNChar = () => { // Fix for HOC usage like const node = buttonNodeRef.value; if (!node || autoInsertSpaceInButton.value === false) { return; } const buttonText = node.textContent; if (isNeedInserted && isTwoCNChar(buttonText)) { if (!hasTwoCNChar.value) { hasTwoCNChar.value = true; } } else if (hasTwoCNChar.value) { hasTwoCNChar.value = false; } }; const handleClick = event => { // https://github.com/ant-design/ant-design/issues/30207 if (innerLoading.value || mergedDisabled.value) { event.preventDefault(); return; } emit('click', event); }; const handleMousedown = event => { emit('mousedown', event); }; const insertSpace = (child, needInserted) => { const SPACE = needInserted ? ' ' : ''; if (child.type === vue__WEBPACK_IMPORTED_MODULE_2__.Text) { let text = child.children.trim(); if (isTwoCNChar(text)) { text = text.split('').join(SPACE); } return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", null, [text]); } return child; }; (0,vue__WEBPACK_IMPORTED_MODULE_2__.watchEffect)(() => { (0,_vc_util_devWarning__WEBPACK_IMPORTED_MODULE_10__["default"])(!(props.ghost && isUnBorderedButtonType(props.type)), 'Button', "`link` or `text` button can't be a `ghost` button."); }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.onMounted)(fixTwoCNChar); (0,vue__WEBPACK_IMPORTED_MODULE_2__.onUpdated)(fixTwoCNChar); (0,vue__WEBPACK_IMPORTED_MODULE_2__.onBeforeUnmount)(() => { delayTimeoutRef.value && clearTimeout(delayTimeoutRef.value); }); const focus = () => { var _a; (_a = buttonNodeRef.value) === null || _a === void 0 ? void 0 : _a.focus(); }; const blur = () => { var _a; (_a = buttonNodeRef.value) === null || _a === void 0 ? void 0 : _a.blur(); }; expose({ focus, blur }); return () => { var _a, _b; const { icon = (_a = slots.icon) === null || _a === void 0 ? void 0 : _a.call(slots) } = props; const children = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_11__.flattenChildren)((_b = slots.default) === null || _b === void 0 ? void 0 : _b.call(slots)); isNeedInserted = children.length === 1 && !icon && !isUnBorderedButtonType(props.type); const { type, htmlType, href, title, target } = props; const iconType = innerLoading.value ? 'loading' : icon; const buttonProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, attrs), { title, disabled: mergedDisabled.value, class: [classes.value, attrs.class, { [`${prefixCls.value}-icon-only`]: children.length === 0 && !!iconType }], onClick: handleClick, onMousedown: handleMousedown }); // https://github.com/vueComponent/ant-design-vue/issues/4930 if (!mergedDisabled.value) { delete buttonProps.disabled; } const iconNode = icon && !innerLoading.value ? icon : (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_LoadingIcon__WEBPACK_IMPORTED_MODULE_12__["default"], { "existIcon": !!icon, "prefixCls": prefixCls.value, "loading": !!innerLoading.value }, null); const kids = children.map(child => insertSpace(child, isNeedInserted && autoInsertSpace.value)); if (href !== undefined) { return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("a", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, buttonProps), {}, { "href": href, "target": target, "ref": buttonNodeRef }), [iconNode, kids])); } let buttonNode = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("button", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, buttonProps), {}, { "ref": buttonNodeRef, "type": htmlType }), [iconNode, kids]); if (!isUnBorderedButtonType(type)) { const _buttonNode = function () { return buttonNode; }(); buttonNode = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_util_wave__WEBPACK_IMPORTED_MODULE_13__["default"], { "ref": "wave", "disabled": !!innerLoading.value }, { default: () => [_buttonNode] }); } return wrapSSR(buttonNode); }; } })); /***/ }), /***/ "./components/button/buttonTypes.ts": /*!******************************************!*\ !*** ./components/button/buttonTypes.ts ***! \******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ buttonProps: () => (/* binding */ buttonProps), /* harmony export */ convertLegacyProps: () => (/* binding */ convertLegacyProps), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); function convertLegacyProps(type) { if (type === 'danger') { return { danger: true }; } return { type }; } const buttonProps = () => ({ prefixCls: String, type: String, htmlType: { type: String, default: 'button' }, shape: { type: String }, size: { type: String }, loading: { type: [Boolean, Object], default: () => false }, disabled: { type: Boolean, default: undefined }, ghost: { type: Boolean, default: undefined }, block: { type: Boolean, default: undefined }, danger: { type: Boolean, default: undefined }, icon: _util_vue_types__WEBPACK_IMPORTED_MODULE_0__["default"].any, href: String, target: String, title: String, onClick: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.eventType)(), onMousedown: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.eventType)() }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (buttonProps); /***/ }), /***/ "./components/button/index.ts": /*!************************************!*\ !*** ./components/button/index.ts ***! \************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ ButtonGroup: () => (/* reexport safe */ _button_group__WEBPACK_IMPORTED_MODULE_1__["default"]), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _button__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./button */ "./components/button/button.tsx"); /* harmony import */ var _button_group__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./button-group */ "./components/button/button-group.tsx"); _button__WEBPACK_IMPORTED_MODULE_0__["default"].Group = _button_group__WEBPACK_IMPORTED_MODULE_1__["default"]; /* istanbul ignore next */ _button__WEBPACK_IMPORTED_MODULE_0__["default"].install = function (app) { app.component(_button__WEBPACK_IMPORTED_MODULE_0__["default"].name, _button__WEBPACK_IMPORTED_MODULE_0__["default"]); app.component(_button_group__WEBPACK_IMPORTED_MODULE_1__["default"].name, _button_group__WEBPACK_IMPORTED_MODULE_1__["default"]); return app; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_button__WEBPACK_IMPORTED_MODULE_0__["default"]); /***/ }), /***/ "./components/button/style/group.ts": /*!******************************************!*\ !*** ./components/button/style/group.ts ***! \******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); const genButtonBorderStyle = (buttonTypeCls, borderColor) => ({ // Border [`> span, > ${buttonTypeCls}`]: { '&:not(:last-child)': { [`&, & > ${buttonTypeCls}`]: { '&:not(:disabled)': { borderInlineEndColor: borderColor } } }, '&:not(:first-child)': { [`&, & > ${buttonTypeCls}`]: { '&:not(:disabled)': { borderInlineStartColor: borderColor } } } } }); const genGroupStyle = token => { const { componentCls, fontSize, lineWidth, colorPrimaryHover, colorErrorHover } = token; return { [`${componentCls}-group`]: [{ position: 'relative', display: 'inline-flex', // Border [`> span, > ${componentCls}`]: { '&:not(:last-child)': { [`&, & > ${componentCls}`]: { borderStartEndRadius: 0, borderEndEndRadius: 0 } }, '&:not(:first-child)': { marginInlineStart: -lineWidth, [`&, & > ${componentCls}`]: { borderStartStartRadius: 0, borderEndStartRadius: 0 } } }, [componentCls]: { position: 'relative', zIndex: 1, [`&:hover, &:focus, &:active`]: { zIndex: 2 }, '&[disabled]': { zIndex: 0 } }, [`${componentCls}-icon-only`]: { fontSize } }, // Border Color genButtonBorderStyle(`${componentCls}-primary`, colorPrimaryHover), genButtonBorderStyle(`${componentCls}-danger`, colorErrorHover)] }; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (genGroupStyle); /***/ }), /***/ "./components/button/style/index.ts": /*!******************************************!*\ !*** ./components/button/style/index.ts ***! \******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/statistic.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/genComponentStyleHook.ts"); /* harmony import */ var _group__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./group */ "./components/button/style/group.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../style */ "./components/style/index.ts"); /* harmony import */ var _style_compact_item__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../style/compact-item */ "./components/style/compact-item.ts"); /* harmony import */ var _style_compact_item_vertical__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../style/compact-item-vertical */ "./components/style/compact-item-vertical.ts"); // ============================== Shared ============================== const genSharedButtonStyle = token => { const { componentCls, iconCls } = token; return { [componentCls]: { outline: 'none', position: 'relative', display: 'inline-block', fontWeight: 400, whiteSpace: 'nowrap', textAlign: 'center', backgroundImage: 'none', backgroundColor: 'transparent', border: `${token.lineWidth}px ${token.lineType} transparent`, cursor: 'pointer', transition: `all ${token.motionDurationMid} ${token.motionEaseInOut}`, userSelect: 'none', touchAction: 'manipulation', lineHeight: token.lineHeight, color: token.colorText, '> span': { display: 'inline-block' }, // Leave a space between icon and text. [`> ${iconCls} + span, > span + ${iconCls}`]: { marginInlineStart: token.marginXS }, '> a': { color: 'currentColor' }, '&:not(:disabled)': (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_1__.genFocusStyle)(token)), // make `btn-icon-only` not too narrow [`&-icon-only${componentCls}-compact-item`]: { flex: 'none' }, // Special styles for Primary Button [`&-compact-item${componentCls}-primary`]: { [`&:not([disabled]) + ${componentCls}-compact-item${componentCls}-primary:not([disabled])`]: { position: 'relative', '&:before': { position: 'absolute', top: -token.lineWidth, insetInlineStart: -token.lineWidth, display: 'inline-block', width: token.lineWidth, height: `calc(100% + ${token.lineWidth * 2}px)`, backgroundColor: token.colorPrimaryHover, content: '""' } } }, // Special styles for Primary Button '&-compact-vertical-item': { [`&${componentCls}-primary`]: { [`&:not([disabled]) + ${componentCls}-compact-vertical-item${componentCls}-primary:not([disabled])`]: { position: 'relative', '&:before': { position: 'absolute', top: -token.lineWidth, insetInlineStart: -token.lineWidth, display: 'inline-block', width: `calc(100% + ${token.lineWidth * 2}px)`, height: token.lineWidth, backgroundColor: token.colorPrimaryHover, content: '""' } } } } } }; }; const genHoverActiveButtonStyle = (hoverStyle, activeStyle) => ({ '&:not(:disabled)': { '&:hover': hoverStyle, '&:active': activeStyle } }); // ============================== Shape =============================== const genCircleButtonStyle = token => ({ minWidth: token.controlHeight, paddingInlineStart: 0, paddingInlineEnd: 0, borderRadius: '50%' }); const genRoundButtonStyle = token => ({ borderRadius: token.controlHeight, paddingInlineStart: token.controlHeight / 2, paddingInlineEnd: token.controlHeight / 2 }); // =============================== Type =============================== const genDisabledStyle = token => ({ cursor: 'not-allowed', borderColor: token.colorBorder, color: token.colorTextDisabled, backgroundColor: token.colorBgContainerDisabled, boxShadow: 'none' }); const genGhostButtonStyle = (btnCls, textColor, borderColor, textColorDisabled, borderColorDisabled, hoverStyle, activeStyle) => ({ [`&${btnCls}-background-ghost`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ color: textColor || undefined, backgroundColor: 'transparent', borderColor: borderColor || undefined, boxShadow: 'none' }, genHoverActiveButtonStyle((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ backgroundColor: 'transparent' }, hoverStyle), (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ backgroundColor: 'transparent' }, activeStyle))), { '&:disabled': { cursor: 'not-allowed', color: textColorDisabled || undefined, borderColor: borderColorDisabled || undefined } }) }); const genSolidDisabledButtonStyle = token => ({ '&:disabled': (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, genDisabledStyle(token)) }); const genSolidButtonStyle = token => (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, genSolidDisabledButtonStyle(token)); const genPureDisabledButtonStyle = token => ({ '&:disabled': { cursor: 'not-allowed', color: token.colorTextDisabled } }); // Type: Default const genDefaultButtonStyle = token => (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, genSolidButtonStyle(token)), { backgroundColor: token.colorBgContainer, borderColor: token.colorBorder, boxShadow: `0 ${token.controlOutlineWidth}px 0 ${token.controlTmpOutline}` }), genHoverActiveButtonStyle({ color: token.colorPrimaryHover, borderColor: token.colorPrimaryHover }, { color: token.colorPrimaryActive, borderColor: token.colorPrimaryActive })), genGhostButtonStyle(token.componentCls, token.colorBgContainer, token.colorBgContainer, token.colorTextDisabled, token.colorBorder)), { [`&${token.componentCls}-dangerous`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ color: token.colorError, borderColor: token.colorError }, genHoverActiveButtonStyle({ color: token.colorErrorHover, borderColor: token.colorErrorBorderHover }, { color: token.colorErrorActive, borderColor: token.colorErrorActive })), genGhostButtonStyle(token.componentCls, token.colorError, token.colorError, token.colorTextDisabled, token.colorBorder)), genSolidDisabledButtonStyle(token)) }); // Type: Primary const genPrimaryButtonStyle = token => (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, genSolidButtonStyle(token)), { color: token.colorTextLightSolid, backgroundColor: token.colorPrimary, boxShadow: `0 ${token.controlOutlineWidth}px 0 ${token.controlOutline}` }), genHoverActiveButtonStyle({ color: token.colorTextLightSolid, backgroundColor: token.colorPrimaryHover }, { color: token.colorTextLightSolid, backgroundColor: token.colorPrimaryActive })), genGhostButtonStyle(token.componentCls, token.colorPrimary, token.colorPrimary, token.colorTextDisabled, token.colorBorder, { color: token.colorPrimaryHover, borderColor: token.colorPrimaryHover }, { color: token.colorPrimaryActive, borderColor: token.colorPrimaryActive })), { [`&${token.componentCls}-dangerous`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ backgroundColor: token.colorError, boxShadow: `0 ${token.controlOutlineWidth}px 0 ${token.colorErrorOutline}` }, genHoverActiveButtonStyle({ backgroundColor: token.colorErrorHover }, { backgroundColor: token.colorErrorActive })), genGhostButtonStyle(token.componentCls, token.colorError, token.colorError, token.colorTextDisabled, token.colorBorder, { color: token.colorErrorHover, borderColor: token.colorErrorHover }, { color: token.colorErrorActive, borderColor: token.colorErrorActive })), genSolidDisabledButtonStyle(token)) }); // Type: Dashed const genDashedButtonStyle = token => (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, genDefaultButtonStyle(token)), { borderStyle: 'dashed' }); // Type: Link const genLinkButtonStyle = token => (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ color: token.colorLink }, genHoverActiveButtonStyle({ color: token.colorLinkHover }, { color: token.colorLinkActive })), genPureDisabledButtonStyle(token)), { [`&${token.componentCls}-dangerous`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ color: token.colorError }, genHoverActiveButtonStyle({ color: token.colorErrorHover }, { color: token.colorErrorActive })), genPureDisabledButtonStyle(token)) }); // Type: Text const genTextButtonStyle = token => (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, genHoverActiveButtonStyle({ color: token.colorText, backgroundColor: token.colorBgTextHover }, { color: token.colorText, backgroundColor: token.colorBgTextActive })), genPureDisabledButtonStyle(token)), { [`&${token.componentCls}-dangerous`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ color: token.colorError }, genPureDisabledButtonStyle(token)), genHoverActiveButtonStyle({ color: token.colorErrorHover, backgroundColor: token.colorErrorBg }, { color: token.colorErrorHover, backgroundColor: token.colorErrorBg })) }); // Href and Disabled const genDisabledButtonStyle = token => (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, genDisabledStyle(token)), { [`&${token.componentCls}:hover`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, genDisabledStyle(token)) }); const genTypeButtonStyle = token => { const { componentCls } = token; return { [`${componentCls}-default`]: genDefaultButtonStyle(token), [`${componentCls}-primary`]: genPrimaryButtonStyle(token), [`${componentCls}-dashed`]: genDashedButtonStyle(token), [`${componentCls}-link`]: genLinkButtonStyle(token), [`${componentCls}-text`]: genTextButtonStyle(token), [`${componentCls}-disabled`]: genDisabledButtonStyle(token) }; }; // =============================== Size =============================== const genSizeButtonStyle = function (token) { let sizePrefixCls = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ''; const { componentCls, iconCls, controlHeight, fontSize, lineHeight, lineWidth, borderRadius, buttonPaddingHorizontal } = token; const paddingVertical = Math.max(0, (controlHeight - fontSize * lineHeight) / 2 - lineWidth); const paddingHorizontal = buttonPaddingHorizontal - lineWidth; const iconOnlyCls = `${componentCls}-icon-only`; return [ // Size { [`${componentCls}${sizePrefixCls}`]: { fontSize, height: controlHeight, padding: `${paddingVertical}px ${paddingHorizontal}px`, borderRadius, [`&${iconOnlyCls}`]: { width: controlHeight, paddingInlineStart: 0, paddingInlineEnd: 0, [`&${componentCls}-round`]: { width: 'auto' }, '> span': { transform: 'scale(1.143)' // 14px -> 16px } }, // Loading [`&${componentCls}-loading`]: { opacity: token.opacityLoading, cursor: 'default' }, [`${componentCls}-loading-icon`]: { transition: `width ${token.motionDurationSlow} ${token.motionEaseInOut}, opacity ${token.motionDurationSlow} ${token.motionEaseInOut}` }, [`&:not(${iconOnlyCls}) ${componentCls}-loading-icon > ${iconCls}`]: { marginInlineEnd: token.marginXS } } }, // Shape - patch prefixCls again to override solid border radius style { [`${componentCls}${componentCls}-circle${sizePrefixCls}`]: genCircleButtonStyle(token) }, { [`${componentCls}${componentCls}-round${sizePrefixCls}`]: genRoundButtonStyle(token) }]; }; const genSizeBaseButtonStyle = token => genSizeButtonStyle(token); const genSizeSmallButtonStyle = token => { const smallToken = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_2__.merge)(token, { controlHeight: token.controlHeightSM, padding: token.paddingXS, buttonPaddingHorizontal: 8, borderRadius: token.borderRadiusSM }); return genSizeButtonStyle(smallToken, `${token.componentCls}-sm`); }; const genSizeLargeButtonStyle = token => { const largeToken = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_2__.merge)(token, { controlHeight: token.controlHeightLG, fontSize: token.fontSizeLG, borderRadius: token.borderRadiusLG }); return genSizeButtonStyle(largeToken, `${token.componentCls}-lg`); }; const genBlockButtonStyle = token => { const { componentCls } = token; return { [componentCls]: { [`&${componentCls}-block`]: { width: '100%' } } }; }; // ============================== Export ============================== /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_theme_internal__WEBPACK_IMPORTED_MODULE_3__["default"])('Button', token => { const { controlTmpOutline, paddingContentHorizontal } = token; const buttonToken = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_2__.merge)(token, { colorOutlineDefault: controlTmpOutline, buttonPaddingHorizontal: paddingContentHorizontal }); return [ // Shared genSharedButtonStyle(buttonToken), // Size genSizeSmallButtonStyle(buttonToken), genSizeBaseButtonStyle(buttonToken), genSizeLargeButtonStyle(buttonToken), // Block genBlockButtonStyle(buttonToken), // Group (type, ghost, danger, disabled, loading) genTypeButtonStyle(buttonToken), // Button Group (0,_group__WEBPACK_IMPORTED_MODULE_4__["default"])(buttonToken), // Space Compact (0,_style_compact_item__WEBPACK_IMPORTED_MODULE_5__.genCompactItemStyle)(token, { focus: false }), (0,_style_compact_item_vertical__WEBPACK_IMPORTED_MODULE_6__.genCompactItemVerticalStyle)(token)]; })); /***/ }), /***/ "./components/calendar/Header.tsx": /*!****************************************!*\ !*** ./components/calendar/Header.tsx ***! \****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _select__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../select */ "./components/select/index.tsx"); /* harmony import */ var _radio__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../radio */ "./components/radio/Group.tsx"); /* harmony import */ var _radio__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../radio */ "./components/radio/RadioButton.tsx"); /* harmony import */ var _form_FormItemContext__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../form/FormItemContext */ "./components/form/FormItemContext.ts"); const YearSelectOffset = 10; const YearSelectTotal = 20; function YearSelect(props) { const { fullscreen, validRange, generateConfig, locale, prefixCls, value, onChange, divRef } = props; const year = generateConfig.getYear(value || generateConfig.getNow()); let start = year - YearSelectOffset; let end = start + YearSelectTotal; if (validRange) { start = generateConfig.getYear(validRange[0]); end = generateConfig.getYear(validRange[1]) + 1; } const suffix = locale && locale.year === '年' ? '年' : ''; const options = []; for (let index = start; index < end; index++) { options.push({ label: `${index}${suffix}`, value: index }); } return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_select__WEBPACK_IMPORTED_MODULE_3__["default"], { "size": fullscreen ? undefined : 'small', "options": options, "value": year, "class": `${prefixCls}-year-select`, "onChange": numYear => { let newDate = generateConfig.setYear(value, numYear); if (validRange) { const [startDate, endDate] = validRange; const newYear = generateConfig.getYear(newDate); const newMonth = generateConfig.getMonth(newDate); if (newYear === generateConfig.getYear(endDate) && newMonth > generateConfig.getMonth(endDate)) { newDate = generateConfig.setMonth(newDate, generateConfig.getMonth(endDate)); } if (newYear === generateConfig.getYear(startDate) && newMonth < generateConfig.getMonth(startDate)) { newDate = generateConfig.setMonth(newDate, generateConfig.getMonth(startDate)); } } onChange(newDate); }, "getPopupContainer": () => divRef.value }, null); } YearSelect.inheritAttrs = false; function MonthSelect(props) { const { prefixCls, fullscreen, validRange, value, generateConfig, locale, onChange, divRef } = props; const month = generateConfig.getMonth(value || generateConfig.getNow()); let start = 0; let end = 11; if (validRange) { const [rangeStart, rangeEnd] = validRange; const currentYear = generateConfig.getYear(value); if (generateConfig.getYear(rangeEnd) === currentYear) { end = generateConfig.getMonth(rangeEnd); } if (generateConfig.getYear(rangeStart) === currentYear) { start = generateConfig.getMonth(rangeStart); } } const months = locale.shortMonths || generateConfig.locale.getShortMonths(locale.locale); const options = []; for (let index = start; index <= end; index += 1) { options.push({ label: months[index], value: index }); } return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_select__WEBPACK_IMPORTED_MODULE_3__["default"], { "size": fullscreen ? undefined : 'small', "class": `${prefixCls}-month-select`, "value": month, "options": options, "onChange": newMonth => { onChange(generateConfig.setMonth(value, newMonth)); }, "getPopupContainer": () => divRef.value }, null); } MonthSelect.inheritAttrs = false; function ModeSwitch(props) { const { prefixCls, locale, mode, fullscreen, onModeChange } = props; return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_radio__WEBPACK_IMPORTED_MODULE_4__["default"], { "onChange": _ref => { let { target: { value } } = _ref; onModeChange(value); }, "value": mode, "size": fullscreen ? undefined : 'small', "class": `${prefixCls}-mode-switch` }, { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_radio__WEBPACK_IMPORTED_MODULE_5__["default"], { "value": "month" }, { default: () => [locale.month] }), (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_radio__WEBPACK_IMPORTED_MODULE_5__["default"], { "value": "year" }, { default: () => [locale.year] })] }); } ModeSwitch.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ name: 'CalendarHeader', inheritAttrs: false, props: ['mode', 'prefixCls', 'value', 'validRange', 'generateConfig', 'locale', 'mode', 'fullscreen'], setup(_props, _ref2) { let { attrs } = _ref2; const divRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(null); const formItemInputContext = _form_FormItemContext__WEBPACK_IMPORTED_MODULE_6__.FormItemInputContext.useInject(); _form_FormItemContext__WEBPACK_IMPORTED_MODULE_6__.FormItemInputContext.useProvide(formItemInputContext, { isFormItemInput: false }); return () => { const props = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, _props), attrs); const { prefixCls, fullscreen, mode, onChange, onModeChange } = props; const sharedProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, props), { fullscreen, divRef }); return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": `${prefixCls}-header`, "ref": divRef }, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(YearSelect, (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, sharedProps), {}, { "onChange": v => { onChange(v, 'year'); } }), null), mode === 'month' && (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(MonthSelect, (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, sharedProps), {}, { "onChange": v => { onChange(v, 'month'); } }), null), (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(ModeSwitch, (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, sharedProps), {}, { "onModeChange": onModeChange }), null)]); }; } })); /***/ }), /***/ "./components/calendar/dayjs.tsx": /*!***************************************!*\ !*** ./components/calendar/dayjs.tsx ***! \***************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _vc_picker_generate_dayjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../vc-picker/generate/dayjs */ "./components/vc-picker/generate/dayjs.ts"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); /* harmony import */ var _generateCalendar__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./generateCalendar */ "./components/calendar/generateCalendar.tsx"); const Calendar = (0,_generateCalendar__WEBPACK_IMPORTED_MODULE_0__["default"])(_vc_picker_generate_dayjs__WEBPACK_IMPORTED_MODULE_1__["default"]); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_util_type__WEBPACK_IMPORTED_MODULE_2__.withInstall)(Calendar)); /***/ }), /***/ "./components/calendar/generateCalendar.tsx": /*!**************************************************!*\ !*** ./components/calendar/generateCalendar.tsx ***! \**************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_hooks_useMergedState__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../_util/hooks/useMergedState */ "./components/_util/hooks/useMergedState.ts"); /* harmony import */ var _vc_picker__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../vc-picker */ "./components/vc-picker/PickerPanel.tsx"); /* harmony import */ var _locale_provider_LocaleReceiver__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../locale-provider/LocaleReceiver */ "./components/locale/LocaleReceiver.tsx"); /* harmony import */ var _locale_en_US__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./locale/en_US */ "./components/calendar/locale/en_US.ts"); /* harmony import */ var _Header__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./Header */ "./components/calendar/Header.tsx"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./style */ "./components/calendar/style/index.tsx"); // CSSINJS function generateCalendar(generateConfig) { function isSameYear(date1, date2) { return date1 && date2 && generateConfig.getYear(date1) === generateConfig.getYear(date2); } function isSameMonth(date1, date2) { return isSameYear(date1, date2) && generateConfig.getMonth(date1) === generateConfig.getMonth(date2); } function isSameDate(date1, date2) { return isSameMonth(date1, date2) && generateConfig.getDate(date1) === generateConfig.getDate(date2); } const Calendar = (0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ name: 'ACalendar', inheritAttrs: false, props: { prefixCls: String, locale: { type: Object, default: undefined }, validRange: { type: Array, default: undefined }, disabledDate: { type: Function, default: undefined }, dateFullCellRender: { type: Function, default: undefined }, dateCellRender: { type: Function, default: undefined }, monthFullCellRender: { type: Function, default: undefined }, monthCellRender: { type: Function, default: undefined }, headerRender: { type: Function, default: undefined }, value: { type: [Object, String], default: undefined }, defaultValue: { type: [Object, String], default: undefined }, mode: { type: String, default: undefined }, fullscreen: { type: Boolean, default: undefined }, onChange: { type: Function, default: undefined }, 'onUpdate:value': { type: Function, default: undefined }, onPanelChange: { type: Function, default: undefined }, onSelect: { type: Function, default: undefined }, valueFormat: { type: String, default: undefined } }, slots: Object, setup(p, _ref) { let { emit, slots, attrs } = _ref; const props = p; const { prefixCls, direction } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_3__["default"])('picker', props); // style const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_4__["default"])(prefixCls); const calendarPrefixCls = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => `${prefixCls.value}-calendar`); const maybeToString = date => { return props.valueFormat ? generateConfig.toString(date, props.valueFormat) : date; }; const value = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { if (props.value) { return props.valueFormat ? generateConfig.toDate(props.value, props.valueFormat) : props.value; } return props.value === '' ? undefined : props.value; }); const defaultValue = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { if (props.defaultValue) { return props.valueFormat ? generateConfig.toDate(props.defaultValue, props.valueFormat) : props.defaultValue; } return props.defaultValue === '' ? undefined : props.defaultValue; }); // Value const [mergedValue, setMergedValue] = (0,_util_hooks_useMergedState__WEBPACK_IMPORTED_MODULE_5__["default"])(() => value.value || generateConfig.getNow(), { defaultValue: defaultValue.value, value }); // Mode const [mergedMode, setMergedMode] = (0,_util_hooks_useMergedState__WEBPACK_IMPORTED_MODULE_5__["default"])('month', { value: (0,vue__WEBPACK_IMPORTED_MODULE_2__.toRef)(props, 'mode') }); const panelMode = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => mergedMode.value === 'year' ? 'month' : 'date'); const mergedDisabledDate = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { return date => { var _a; const notInRange = props.validRange ? generateConfig.isAfter(props.validRange[0], date) || generateConfig.isAfter(date, props.validRange[1]) : false; return notInRange || !!((_a = props.disabledDate) === null || _a === void 0 ? void 0 : _a.call(props, date)); }; }); // ====================== Events ====================== const triggerPanelChange = (date, newMode) => { emit('panelChange', maybeToString(date), newMode); }; const triggerChange = date => { setMergedValue(date); if (!isSameDate(date, mergedValue.value)) { // Trigger when month panel switch month if (panelMode.value === 'date' && !isSameMonth(date, mergedValue.value) || panelMode.value === 'month' && !isSameYear(date, mergedValue.value)) { triggerPanelChange(date, mergedMode.value); } const val = maybeToString(date); emit('update:value', val); emit('change', val); } }; const triggerModeChange = newMode => { setMergedMode(newMode); triggerPanelChange(mergedValue.value, newMode); }; const onInternalSelect = (date, source) => { triggerChange(date); emit('select', maybeToString(date), { source }); }; // ====================== Locale ====================== const defaultLocale = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { const { locale } = props; const result = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, _locale_en_US__WEBPACK_IMPORTED_MODULE_6__["default"]), locale); result.lang = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, result.lang), (locale || {}).lang); return result; }); const [mergedLocale] = (0,_locale_provider_LocaleReceiver__WEBPACK_IMPORTED_MODULE_7__.useLocaleReceiver)('Calendar', defaultLocale); return () => { const today = generateConfig.getNow(); const { dateFullCellRender = slots === null || slots === void 0 ? void 0 : slots.dateFullCellRender, dateCellRender = slots === null || slots === void 0 ? void 0 : slots.dateCellRender, monthFullCellRender = slots === null || slots === void 0 ? void 0 : slots.monthFullCellRender, monthCellRender = slots === null || slots === void 0 ? void 0 : slots.monthCellRender, headerRender = slots === null || slots === void 0 ? void 0 : slots.headerRender, fullscreen = true, validRange } = props; // ====================== Render ====================== const dateRender = _ref2 => { let { current: date } = _ref2; if (dateFullCellRender) { return dateFullCellRender({ current: date }); } return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_8__["default"])(`${prefixCls.value}-cell-inner`, `${calendarPrefixCls.value}-date`, { [`${calendarPrefixCls.value}-date-today`]: isSameDate(today, date) }) }, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": `${calendarPrefixCls.value}-date-value` }, [String(generateConfig.getDate(date)).padStart(2, '0')]), (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": `${calendarPrefixCls.value}-date-content` }, [dateCellRender && dateCellRender({ current: date })])]); }; const monthRender = (_ref3, locale) => { let { current: date } = _ref3; if (monthFullCellRender) { return monthFullCellRender({ current: date }); } const months = locale.shortMonths || generateConfig.locale.getShortMonths(locale.locale); return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_8__["default"])(`${prefixCls.value}-cell-inner`, `${calendarPrefixCls.value}-date`, { [`${calendarPrefixCls.value}-date-today`]: isSameMonth(today, date) }) }, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": `${calendarPrefixCls.value}-date-value` }, [months[generateConfig.getMonth(date)]]), (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": `${calendarPrefixCls.value}-date-content` }, [monthCellRender && monthCellRender({ current: date })])]); }; return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, attrs), {}, { "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_8__["default"])(calendarPrefixCls.value, { [`${calendarPrefixCls.value}-full`]: fullscreen, [`${calendarPrefixCls.value}-mini`]: !fullscreen, [`${calendarPrefixCls.value}-rtl`]: direction.value === 'rtl' }, attrs.class, hashId.value) }), [headerRender ? headerRender({ value: mergedValue.value, type: mergedMode.value, onChange: nextDate => { onInternalSelect(nextDate, 'customize'); }, onTypeChange: triggerModeChange }) : (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_Header__WEBPACK_IMPORTED_MODULE_9__["default"], { "prefixCls": calendarPrefixCls.value, "value": mergedValue.value, "generateConfig": generateConfig, "mode": mergedMode.value, "fullscreen": fullscreen, "locale": mergedLocale.value.lang, "validRange": validRange, "onChange": onInternalSelect, "onModeChange": triggerModeChange }, null), (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_vc_picker__WEBPACK_IMPORTED_MODULE_10__["default"], { "value": mergedValue.value, "prefixCls": prefixCls.value, "locale": mergedLocale.value.lang, "generateConfig": generateConfig, "dateRender": dateRender, "monthCellRender": obj => monthRender(obj, mergedLocale.value.lang), "onSelect": nextDate => { onInternalSelect(nextDate, panelMode.value); }, "mode": panelMode.value, "picker": panelMode.value, "disabledDate": mergedDisabledDate.value, "hideHeader": true }, null)])); }; } }); Calendar.install = function (app) { app.component(Calendar.name, Calendar); return app; }; return Calendar; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (generateCalendar); /***/ }), /***/ "./components/calendar/index.tsx": /*!***************************************!*\ !*** ./components/calendar/index.tsx ***! \***************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _dayjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./dayjs */ "./components/calendar/dayjs.tsx"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_dayjs__WEBPACK_IMPORTED_MODULE_0__["default"]); /***/ }), /***/ "./components/calendar/locale/en_US.ts": /*!*********************************************!*\ !*** ./components/calendar/locale/en_US.ts ***! \*********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _date_picker_locale_en_US__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../date-picker/locale/en_US */ "./components/date-picker/locale/en_US.ts"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_date_picker_locale_en_US__WEBPACK_IMPORTED_MODULE_0__["default"]); /***/ }), /***/ "./components/calendar/style/index.tsx": /*!*********************************************!*\ !*** ./components/calendar/style/index.tsx ***! \*********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ genCalendarStyles: () => (/* binding */ genCalendarStyles) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../style */ "./components/style/index.ts"); /* harmony import */ var _date_picker_style__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../date-picker/style */ "./components/date-picker/style/index.ts"); /* harmony import */ var _input_style__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../input/style */ "./components/input/style/index.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/genComponentStyleHook.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/statistic.ts"); const genCalendarStyles = token => { const { calendarCls, componentCls, calendarFullBg, calendarFullPanelBg, calendarItemActiveBg } = token; return { [calendarCls]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_date_picker_style__WEBPACK_IMPORTED_MODULE_1__.genPanelStyle)(token)), (0,_style__WEBPACK_IMPORTED_MODULE_2__.resetComponent)(token)), { background: calendarFullBg, '&-rtl': { direction: 'rtl' }, [`${calendarCls}-header`]: { display: 'flex', justifyContent: 'flex-end', padding: `${token.paddingSM}px 0`, [`${calendarCls}-year-select`]: { minWidth: token.yearControlWidth }, [`${calendarCls}-month-select`]: { minWidth: token.monthControlWidth, marginInlineStart: token.marginXS }, [`${calendarCls}-mode-switch`]: { marginInlineStart: token.marginXS } } }), [`${calendarCls} ${componentCls}-panel`]: { background: calendarFullPanelBg, border: 0, borderTop: `${token.lineWidth}px ${token.lineType} ${token.colorSplit}`, borderRadius: 0, [`${componentCls}-month-panel, ${componentCls}-date-panel`]: { width: 'auto' }, [`${componentCls}-body`]: { padding: `${token.paddingXS}px 0` }, [`${componentCls}-content`]: { width: '100%' } }, [`${calendarCls}-mini`]: { borderRadius: token.borderRadiusLG, [`${calendarCls}-header`]: { paddingInlineEnd: token.paddingXS, paddingInlineStart: token.paddingXS }, [`${componentCls}-panel`]: { borderRadius: `0 0 ${token.borderRadiusLG}px ${token.borderRadiusLG}px` }, [`${componentCls}-content`]: { height: token.miniContentHeight, th: { height: 'auto', padding: 0, lineHeight: `${token.weekHeight}px` } }, [`${componentCls}-cell::before`]: { pointerEvents: 'none' } }, [`${calendarCls}${calendarCls}-full`]: { [`${componentCls}-panel`]: { display: 'block', width: '100%', textAlign: 'end', background: calendarFullBg, border: 0, [`${componentCls}-body`]: { 'th, td': { padding: 0 }, th: { height: 'auto', paddingInlineEnd: token.paddingSM, paddingBottom: token.paddingXXS, lineHeight: `${token.weekHeight}px` } } }, [`${componentCls}-cell`]: { '&::before': { display: 'none' }, '&:hover': { [`${calendarCls}-date`]: { background: token.controlItemBgHover } }, [`${calendarCls}-date-today::before`]: { display: 'none' }, // >>> Selected [`&-in-view${componentCls}-cell-selected`]: { [`${calendarCls}-date, ${calendarCls}-date-today`]: { background: calendarItemActiveBg } }, '&-selected, &-selected:hover': { [`${calendarCls}-date, ${calendarCls}-date-today`]: { [`${calendarCls}-date-value`]: { color: token.colorPrimary } } } }, [`${calendarCls}-date`]: { display: 'block', width: 'auto', height: 'auto', margin: `0 ${token.marginXS / 2}px`, padding: `${token.paddingXS / 2}px ${token.paddingXS}px 0`, border: 0, borderTop: `${token.lineWidthBold}px ${token.lineType} ${token.colorSplit}`, borderRadius: 0, transition: `background ${token.motionDurationSlow}`, '&-value': { lineHeight: `${token.dateValueHeight}px`, transition: `color ${token.motionDurationSlow}` }, '&-content': { position: 'static', width: 'auto', height: token.dateContentHeight, overflowY: 'auto', color: token.colorText, lineHeight: token.lineHeight, textAlign: 'start' }, '&-today': { borderColor: token.colorPrimary, [`${calendarCls}-date-value`]: { color: token.colorText } } } }, [`@media only screen and (max-width: ${token.screenXS}px) `]: { [`${calendarCls}`]: { [`${calendarCls}-header`]: { display: 'block', [`${calendarCls}-year-select`]: { width: '50%' }, [`${calendarCls}-month-select`]: { width: `calc(50% - ${token.paddingXS}px)` }, [`${calendarCls}-mode-switch`]: { width: '100%', marginTop: token.marginXS, marginInlineStart: 0, '> label': { width: '50%', textAlign: 'center' } } } } } }; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_theme_internal__WEBPACK_IMPORTED_MODULE_3__["default"])('Calendar', token => { const calendarCls = `${token.componentCls}-calendar`; const calendarToken = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_4__.merge)((0,_input_style__WEBPACK_IMPORTED_MODULE_5__.initInputToken)(token), (0,_date_picker_style__WEBPACK_IMPORTED_MODULE_1__.initPickerPanelToken)(token), { calendarCls, pickerCellInnerCls: `${token.componentCls}-cell-inner`, calendarFullBg: token.colorBgContainer, calendarFullPanelBg: token.colorBgContainer, calendarItemActiveBg: token.controlItemBgActive, dateValueHeight: token.controlHeightSM, weekHeight: token.controlHeightSM * 0.75, dateContentHeight: (token.fontSizeSM * token.lineHeightSM + token.marginXS) * 3 + token.lineWidth * 2 }); return [genCalendarStyles(calendarToken)]; }, { yearControlWidth: 80, monthControlWidth: 70, miniContentHeight: 256 })); /***/ }), /***/ "./components/card/Card.tsx": /*!**********************************!*\ !*** ./components/card/Card.tsx ***! \**********************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ cardProps: () => (/* binding */ cardProps), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _tabs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../tabs */ "./components/tabs/index.ts"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/index.ts"); /* harmony import */ var lodash_es_isPlainObject__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! lodash-es/isPlainObject */ "./node_modules/lodash-es/isPlainObject.js"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _vc_util_devWarning__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../vc-util/devWarning */ "./components/vc-util/devWarning.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./style */ "./components/card/style/index.tsx"); /* harmony import */ var _skeleton__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../skeleton */ "./components/skeleton/index.tsx"); /* harmony import */ var _util_vnode__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../_util/vnode */ "./components/_util/vnode.ts"); const { TabPane } = _tabs__WEBPACK_IMPORTED_MODULE_2__["default"]; const cardProps = () => ({ prefixCls: String, title: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].any, extra: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].any, bordered: { type: Boolean, default: true }, bodyStyle: { type: Object, default: undefined }, headStyle: { type: Object, default: undefined }, loading: { type: Boolean, default: false }, hoverable: { type: Boolean, default: false }, type: { type: String }, size: { type: String }, actions: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].any, tabList: { type: Array }, tabBarExtraContent: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].any, activeTabKey: String, defaultActiveTabKey: String, cover: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].any, onTabChange: { type: Function } }); const Card = (0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'ACard', inheritAttrs: false, props: cardProps(), slots: Object, setup(props, _ref) { let { slots, attrs } = _ref; const { prefixCls, direction, size } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_4__["default"])('card', props); const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_5__["default"])(prefixCls); const getAction = actions => { const actionList = actions.map((action, index) => (0,vue__WEBPACK_IMPORTED_MODULE_1__.isVNode)(action) && !(0,_util_props_util__WEBPACK_IMPORTED_MODULE_6__.isEmptyElement)(action) || !(0,vue__WEBPACK_IMPORTED_MODULE_1__.isVNode)(action) ? (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("li", { "style": { width: `${100 / actions.length}%` }, "key": `action-${index}` }, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", null, [action])]) : null); return actionList; }; const triggerTabChange = key => { var _a; (_a = props.onTabChange) === null || _a === void 0 ? void 0 : _a.call(props, key); }; const isContainGrid = function () { let obj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : []; let containGrid; obj.forEach(element => { if (element && (0,lodash_es_isPlainObject__WEBPACK_IMPORTED_MODULE_7__["default"])(element.type) && element.type.__ANT_CARD_GRID) { containGrid = true; } }); return containGrid; }; return () => { var _a, _b, _c, _d, _e, _f; const { headStyle = {}, bodyStyle = {}, loading, bordered = true, type, tabList, hoverable, activeTabKey, defaultActiveTabKey, tabBarExtraContent = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_6__.filterEmptyWithUndefined)((_a = slots.tabBarExtraContent) === null || _a === void 0 ? void 0 : _a.call(slots)), title = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_6__.filterEmptyWithUndefined)((_b = slots.title) === null || _b === void 0 ? void 0 : _b.call(slots)), extra = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_6__.filterEmptyWithUndefined)((_c = slots.extra) === null || _c === void 0 ? void 0 : _c.call(slots)), actions = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_6__.filterEmptyWithUndefined)((_d = slots.actions) === null || _d === void 0 ? void 0 : _d.call(slots)), cover = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_6__.filterEmptyWithUndefined)((_e = slots.cover) === null || _e === void 0 ? void 0 : _e.call(slots)) } = props; const children = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_6__.flattenChildren)((_f = slots.default) === null || _f === void 0 ? void 0 : _f.call(slots)); const pre = prefixCls.value; const classString = { [`${pre}`]: true, [hashId.value]: true, [`${pre}-loading`]: loading, [`${pre}-bordered`]: bordered, [`${pre}-hoverable`]: !!hoverable, [`${pre}-contain-grid`]: isContainGrid(children), [`${pre}-contain-tabs`]: tabList && tabList.length, [`${pre}-${size.value}`]: size.value, [`${pre}-type-${type}`]: !!type, [`${pre}-rtl`]: direction.value === 'rtl' }; const loadingBlock = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_skeleton__WEBPACK_IMPORTED_MODULE_8__["default"], { "loading": true, "active": true, "paragraph": { rows: 4 }, "title": false }, { default: () => [children] }); const hasActiveTabKey = activeTabKey !== undefined; const tabsProps = { size: 'large', [hasActiveTabKey ? 'activeKey' : 'defaultActiveKey']: hasActiveTabKey ? activeTabKey : defaultActiveTabKey, onChange: triggerTabChange, class: `${pre}-head-tabs` }; let head; const tabs = tabList && tabList.length ? (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_tabs__WEBPACK_IMPORTED_MODULE_2__["default"], tabsProps, { default: () => [tabList.map(item => { const { tab: temp, slots: itemSlots } = item; const name = itemSlots === null || itemSlots === void 0 ? void 0 : itemSlots.tab; (0,_vc_util_devWarning__WEBPACK_IMPORTED_MODULE_9__["default"])(!itemSlots, 'Card', `tabList slots is deprecated, Please use \`customTab\` instead.`); let tab = temp !== undefined ? temp : slots[name] ? slots[name](item) : null; tab = (0,_util_vnode__WEBPACK_IMPORTED_MODULE_10__.customRenderSlot)(slots, 'customTab', item, () => [tab]); return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(TabPane, { "tab": tab, "key": item.key, "disabled": item.disabled }, null); })], rightExtra: tabBarExtraContent ? () => tabBarExtraContent : null }) : null; if (title || extra || tabs) { head = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${pre}-head`, "style": headStyle }, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${pre}-head-wrapper` }, [title && (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${pre}-head-title` }, [title]), extra && (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${pre}-extra` }, [extra])]), tabs]); } const coverDom = cover ? (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${pre}-cover` }, [cover]) : null; const body = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${pre}-body`, "style": bodyStyle }, [loading ? loadingBlock : children]); const actionDom = actions && actions.length ? (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("ul", { "class": `${pre}-actions` }, [getAction(actions)]) : null; return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "ref": "cardContainerRef" }, attrs), {}, { "class": [classString, attrs.class] }), [head, coverDom, children && children.length ? body : null, actionDom])); }; } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Card); /***/ }), /***/ "./components/card/Grid.tsx": /*!**********************************!*\ !*** ./components/card/Grid.tsx ***! \**********************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ cardGridProps: () => (/* binding */ cardGridProps), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); const cardGridProps = () => ({ prefixCls: String, hoverable: { type: Boolean, default: true } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'ACardGrid', __ANT_CARD_GRID: true, props: cardGridProps(), setup(props, _ref) { let { slots } = _ref; const { prefixCls } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_1__["default"])('card', props); const classNames = (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => { return { [`${prefixCls.value}-grid`]: true, [`${prefixCls.value}-grid-hoverable`]: props.hoverable }; }); return () => { var _a; return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", { "class": classNames.value }, [(_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)]); }; } })); /***/ }), /***/ "./components/card/Meta.tsx": /*!**********************************!*\ !*** ./components/card/Meta.tsx ***! \**********************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ cardMetaProps: () => (/* binding */ cardMetaProps), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/index.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); const cardMetaProps = () => ({ prefixCls: String, title: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.vNodeType)(), description: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.vNodeType)(), avatar: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.vNodeType)() }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'ACardMeta', props: cardMetaProps(), slots: Object, setup(props, _ref) { let { slots } = _ref; const { prefixCls } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_2__["default"])('card', props); return () => { const classString = { [`${prefixCls.value}-meta`]: true }; const avatar = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_3__.getPropsSlot)(slots, props, 'avatar'); const title = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_3__.getPropsSlot)(slots, props, 'title'); const description = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_3__.getPropsSlot)(slots, props, 'description'); const avatarDom = avatar ? (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", { "class": `${prefixCls.value}-meta-avatar` }, [avatar]) : null; const titleDom = title ? (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", { "class": `${prefixCls.value}-meta-title` }, [title]) : null; const descriptionDom = description ? (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", { "class": `${prefixCls.value}-meta-description` }, [description]) : null; const MetaDetail = titleDom || descriptionDom ? (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", { "class": `${prefixCls.value}-meta-detail` }, [titleDom, descriptionDom]) : null; return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", { "class": classString }, [avatarDom, MetaDetail]); }; } })); /***/ }), /***/ "./components/card/index.ts": /*!**********************************!*\ !*** ./components/card/index.ts ***! \**********************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ CardGrid: () => (/* reexport safe */ _Grid__WEBPACK_IMPORTED_MODULE_2__["default"]), /* harmony export */ CardMeta: () => (/* reexport safe */ _Meta__WEBPACK_IMPORTED_MODULE_1__["default"]), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _Card__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Card */ "./components/card/Card.tsx"); /* harmony import */ var _Meta__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Meta */ "./components/card/Meta.tsx"); /* harmony import */ var _Grid__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Grid */ "./components/card/Grid.tsx"); _Card__WEBPACK_IMPORTED_MODULE_0__["default"].Meta = _Meta__WEBPACK_IMPORTED_MODULE_1__["default"]; _Card__WEBPACK_IMPORTED_MODULE_0__["default"].Grid = _Grid__WEBPACK_IMPORTED_MODULE_2__["default"]; /* istanbul ignore next */ _Card__WEBPACK_IMPORTED_MODULE_0__["default"].install = function (app) { app.component(_Card__WEBPACK_IMPORTED_MODULE_0__["default"].name, _Card__WEBPACK_IMPORTED_MODULE_0__["default"]); app.component(_Meta__WEBPACK_IMPORTED_MODULE_1__["default"].name, _Meta__WEBPACK_IMPORTED_MODULE_1__["default"]); app.component(_Grid__WEBPACK_IMPORTED_MODULE_2__["default"].name, _Grid__WEBPACK_IMPORTED_MODULE_2__["default"]); return app; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_Card__WEBPACK_IMPORTED_MODULE_0__["default"]); /***/ }), /***/ "./components/card/style/index.tsx": /*!*****************************************!*\ !*** ./components/card/style/index.tsx ***! \*****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/genComponentStyleHook.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/statistic.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../style */ "./components/style/index.ts"); // ============================== Styles ============================== // ============================== Head ============================== const genCardHeadStyle = token => { const { antCls, componentCls, cardHeadHeight, cardPaddingBase, cardHeadTabsMarginBottom } = token; return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ display: 'flex', justifyContent: 'center', flexDirection: 'column', minHeight: cardHeadHeight, marginBottom: -1, padding: `0 ${cardPaddingBase}px`, color: token.colorTextHeading, fontWeight: token.fontWeightStrong, fontSize: token.fontSizeLG, background: 'transparent', borderBottom: `${token.lineWidth}px ${token.lineType} ${token.colorBorderSecondary}`, borderRadius: `${token.borderRadiusLG}px ${token.borderRadiusLG}px 0 0` }, (0,_style__WEBPACK_IMPORTED_MODULE_1__.clearFix)()), { '&-wrapper': { width: '100%', display: 'flex', alignItems: 'center' }, '&-title': (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ display: 'inline-block', flex: 1 }, _style__WEBPACK_IMPORTED_MODULE_1__.textEllipsis), { [` > ${componentCls}-typography, > ${componentCls}-typography-edit-content `]: { insetInlineStart: 0, marginTop: 0, marginBottom: 0 } }), [`${antCls}-tabs-top`]: { clear: 'both', marginBottom: cardHeadTabsMarginBottom, color: token.colorText, fontWeight: 'normal', fontSize: token.fontSize, '&-bar': { borderBottom: `${token.lineWidth}px ${token.lineType} ${token.colorBorderSecondary}` } } }); }; // ============================== Grid ============================== const genCardGridStyle = token => { const { cardPaddingBase, colorBorderSecondary, cardShadow, lineWidth } = token; return { width: '33.33%', padding: cardPaddingBase, border: 0, borderRadius: 0, boxShadow: ` ${lineWidth}px 0 0 0 ${colorBorderSecondary}, 0 ${lineWidth}px 0 0 ${colorBorderSecondary}, ${lineWidth}px ${lineWidth}px 0 0 ${colorBorderSecondary}, ${lineWidth}px 0 0 0 ${colorBorderSecondary} inset, 0 ${lineWidth}px 0 0 ${colorBorderSecondary} inset; `, transition: `all ${token.motionDurationMid}`, '&-hoverable:hover': { position: 'relative', zIndex: 1, boxShadow: cardShadow } }; }; // ============================== Actions ============================== const genCardActionsStyle = token => { const { componentCls, iconCls, cardActionsLiMargin, cardActionsIconSize, colorBorderSecondary } = token; return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ margin: 0, padding: 0, listStyle: 'none', background: token.colorBgContainer, borderTop: `${token.lineWidth}px ${token.lineType} ${colorBorderSecondary}`, display: 'flex', borderRadius: `0 0 ${token.borderRadiusLG}px ${token.borderRadiusLG}px ` }, (0,_style__WEBPACK_IMPORTED_MODULE_1__.clearFix)()), { '& > li': { margin: cardActionsLiMargin, color: token.colorTextDescription, textAlign: 'center', '> span': { position: 'relative', display: 'block', minWidth: token.cardActionsIconSize * 2, fontSize: token.fontSize, lineHeight: token.lineHeight, cursor: 'pointer', '&:hover': { color: token.colorPrimary, transition: `color ${token.motionDurationMid}` }, [`a:not(${componentCls}-btn), > ${iconCls}`]: { display: 'inline-block', width: '100%', color: token.colorTextDescription, lineHeight: `${token.fontSize * token.lineHeight}px`, transition: `color ${token.motionDurationMid}`, '&:hover': { color: token.colorPrimary } }, [`> ${iconCls}`]: { fontSize: cardActionsIconSize, lineHeight: `${cardActionsIconSize * token.lineHeight}px` } }, '&:not(:last-child)': { borderInlineEnd: `${token.lineWidth}px ${token.lineType} ${colorBorderSecondary}` } } }); }; // ============================== Meta ============================== const genCardMetaStyle = token => (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ margin: `-${token.marginXXS}px 0`, display: 'flex' }, (0,_style__WEBPACK_IMPORTED_MODULE_1__.clearFix)()), { '&-avatar': { paddingInlineEnd: token.padding }, '&-detail': { overflow: 'hidden', flex: 1, '> div:not(:last-child)': { marginBottom: token.marginXS } }, '&-title': (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ color: token.colorTextHeading, fontWeight: token.fontWeightStrong, fontSize: token.fontSizeLG }, _style__WEBPACK_IMPORTED_MODULE_1__.textEllipsis), '&-description': { color: token.colorTextDescription } }); // ============================== Inner ============================== const genCardTypeInnerStyle = token => { const { componentCls, cardPaddingBase, colorFillAlter } = token; return { [`${componentCls}-head`]: { padding: `0 ${cardPaddingBase}px`, background: colorFillAlter, '&-title': { fontSize: token.fontSize } }, [`${componentCls}-body`]: { padding: `${token.padding}px ${cardPaddingBase}px` } }; }; // ============================== Loading ============================== const genCardLoadingStyle = token => { const { componentCls } = token; return { overflow: 'hidden', [`${componentCls}-body`]: { userSelect: 'none' } }; }; // ============================== Basic ============================== const genCardStyle = token => { const { componentCls, cardShadow, cardHeadPadding, colorBorderSecondary, boxShadow, cardPaddingBase } = token; return { [componentCls]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_1__.resetComponent)(token)), { position: 'relative', background: token.colorBgContainer, borderRadius: token.borderRadiusLG, [`&:not(${componentCls}-bordered)`]: { boxShadow }, [`${componentCls}-head`]: genCardHeadStyle(token), [`${componentCls}-extra`]: { // https://stackoverflow.com/a/22429853/3040605 marginInlineStart: 'auto', color: '', fontWeight: 'normal', fontSize: token.fontSize }, [`${componentCls}-body`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ padding: cardPaddingBase, borderRadius: ` 0 0 ${token.borderRadiusLG}px ${token.borderRadiusLG}px` }, (0,_style__WEBPACK_IMPORTED_MODULE_1__.clearFix)()), [`${componentCls}-grid`]: genCardGridStyle(token), [`${componentCls}-cover`]: { '> *': { display: 'block', width: '100%' }, img: { borderRadius: `${token.borderRadiusLG}px ${token.borderRadiusLG}px 0 0` } }, [`${componentCls}-actions`]: genCardActionsStyle(token), [`${componentCls}-meta`]: genCardMetaStyle(token) }), [`${componentCls}-bordered`]: { border: `${token.lineWidth}px ${token.lineType} ${colorBorderSecondary}`, [`${componentCls}-cover`]: { marginTop: -1, marginInlineStart: -1, marginInlineEnd: -1 } }, [`${componentCls}-hoverable`]: { cursor: 'pointer', transition: `box-shadow ${token.motionDurationMid}, border-color ${token.motionDurationMid}`, '&:hover': { borderColor: 'transparent', boxShadow: cardShadow } }, [`${componentCls}-contain-grid`]: { [`${componentCls}-body`]: { display: 'flex', flexWrap: 'wrap' }, [`&:not(${componentCls}-loading) ${componentCls}-body`]: { marginBlockStart: -token.lineWidth, marginInlineStart: -token.lineWidth, padding: 0 } }, [`${componentCls}-contain-tabs`]: { [`> ${componentCls}-head`]: { [`${componentCls}-head-title, ${componentCls}-extra`]: { paddingTop: cardHeadPadding } } }, [`${componentCls}-type-inner`]: genCardTypeInnerStyle(token), [`${componentCls}-loading`]: genCardLoadingStyle(token), [`${componentCls}-rtl`]: { direction: 'rtl' } }; }; // ============================== Size ============================== const genCardSizeStyle = token => { const { componentCls, cardPaddingSM, cardHeadHeightSM } = token; return { [`${componentCls}-small`]: { [`> ${componentCls}-head`]: { minHeight: cardHeadHeightSM, padding: `0 ${cardPaddingSM}px`, fontSize: token.fontSize, [`> ${componentCls}-head-wrapper`]: { [`> ${componentCls}-extra`]: { fontSize: token.fontSize } } }, [`> ${componentCls}-body`]: { padding: cardPaddingSM } }, [`${componentCls}-small${componentCls}-contain-tabs`]: { [`> ${componentCls}-head`]: { [`${componentCls}-head-title, ${componentCls}-extra`]: { minHeight: cardHeadHeightSM, paddingTop: 0, display: 'flex', alignItems: 'center' } } } }; }; // ============================== Export ============================== /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_theme_internal__WEBPACK_IMPORTED_MODULE_2__["default"])('Card', token => { const cardToken = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_3__.merge)(token, { cardShadow: token.boxShadowCard, cardHeadHeight: token.fontSizeLG * token.lineHeightLG + token.padding * 2, cardHeadHeightSM: token.fontSize * token.lineHeight + token.paddingXS * 2, cardHeadPadding: token.padding, cardPaddingBase: token.paddingLG, cardHeadTabsMarginBottom: -token.padding - token.lineWidth, cardActionsLiMargin: `${token.paddingSM}px 0`, cardActionsIconSize: token.fontSize, cardPaddingSM: 12 // Fixed padding. }); return [ // Style genCardStyle(cardToken), // Size genCardSizeStyle(cardToken)]; })); /***/ }), /***/ "./components/carousel/index.tsx": /*!***************************************!*\ !*** ./components/carousel/index.tsx ***! \***************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ carouselProps: () => (/* binding */ carouselProps), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _util_warning__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/warning */ "./components/_util/warning.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _vc_slick__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../vc-slick */ "./components/vc-slick/index.js"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./style */ "./components/carousel/style/index.tsx"); var __rest = undefined && undefined.__rest || function (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; }; // CSSINJS // Carousel const carouselProps = () => ({ effect: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.stringType)(), dots: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.booleanType)(true), vertical: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.booleanType)(), autoplay: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.booleanType)(), easing: String, beforeChange: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.functionType)(), afterChange: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.functionType)(), // style: PropTypes.React.CSSProperties, prefixCls: String, accessibility: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.booleanType)(), nextArrow: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].any, prevArrow: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].any, pauseOnHover: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.booleanType)(), // className: String, adaptiveHeight: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.booleanType)(), arrows: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.booleanType)(false), autoplaySpeed: Number, centerMode: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.booleanType)(), centerPadding: String, cssEase: String, dotsClass: String, draggable: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.booleanType)(false), fade: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.booleanType)(), focusOnSelect: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.booleanType)(), infinite: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.booleanType)(), initialSlide: Number, lazyLoad: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.stringType)(), rtl: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.booleanType)(), slide: String, slidesToShow: Number, slidesToScroll: Number, speed: Number, swipe: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.booleanType)(), swipeToSlide: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.booleanType)(), swipeEvent: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.functionType)(), touchMove: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.booleanType)(), touchThreshold: Number, variableWidth: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.booleanType)(), useCSS: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.booleanType)(), slickGoTo: Number, responsive: Array, dotPosition: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.stringType)(), verticalSwiping: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.booleanType)(false) }); const Carousel = (0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'ACarousel', inheritAttrs: false, props: carouselProps(), setup(props, _ref) { let { slots, attrs, expose } = _ref; const slickRef = (0,vue__WEBPACK_IMPORTED_MODULE_1__.ref)(); const goTo = function (slide) { let dontAnimate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false; var _a; (_a = slickRef.value) === null || _a === void 0 ? void 0 : _a.slickGoTo(slide, dontAnimate); }; expose({ goTo, autoplay: palyType => { var _a, _b; (_b = (_a = slickRef.value) === null || _a === void 0 ? void 0 : _a.innerSlider) === null || _b === void 0 ? void 0 : _b.handleAutoPlay(palyType); }, prev: () => { var _a; (_a = slickRef.value) === null || _a === void 0 ? void 0 : _a.slickPrev(); }, next: () => { var _a; (_a = slickRef.value) === null || _a === void 0 ? void 0 : _a.slickNext(); }, innerSlider: (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { var _a; return (_a = slickRef.value) === null || _a === void 0 ? void 0 : _a.innerSlider; }) }); (0,vue__WEBPACK_IMPORTED_MODULE_1__.watchEffect)(() => { (0,_util_warning__WEBPACK_IMPORTED_MODULE_4__["default"])(props.vertical === undefined, 'Carousel', '`vertical` is deprecated, please use `dotPosition` instead.'); }); const { prefixCls, direction } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_5__["default"])('carousel', props); // style const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_6__["default"])(prefixCls); const dotPosition = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { if (props.dotPosition) return props.dotPosition; if (props.vertical !== undefined) return props.vertical ? 'right' : 'bottom'; return 'bottom'; }); const vertical = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => dotPosition.value === 'left' || dotPosition.value === 'right'); const dsClass = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { const dotsClass = 'slick-dots'; return (0,_util_classNames__WEBPACK_IMPORTED_MODULE_7__["default"])({ [dotsClass]: true, [`${dotsClass}-${dotPosition.value}`]: true, [`${props.dotsClass}`]: !!props.dotsClass }); }); return () => { const { dots, arrows, draggable, effect } = props; const { class: cls, style } = attrs, restAttrs = __rest(attrs, ["class", "style"]); const fade = effect === 'fade' ? true : props.fade; const className = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_7__["default"])(prefixCls.value, { [`${prefixCls.value}-rtl`]: direction.value === 'rtl', [`${prefixCls.value}-vertical`]: vertical.value, [`${cls}`]: !!cls }, hashId.value); return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": className, "style": style }, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_vc_slick__WEBPACK_IMPORTED_MODULE_8__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "ref": slickRef }, props), restAttrs), {}, { "dots": !!dots, "dotsClass": dsClass.value, "arrows": arrows, "draggable": draggable, "fade": fade, "vertical": vertical.value }), slots)])); }; } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_util_type__WEBPACK_IMPORTED_MODULE_2__.withInstall)(Carousel)); /***/ }), /***/ "./components/carousel/style/index.tsx": /*!*********************************************!*\ !*** ./components/carousel/style/index.tsx ***! \*********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/genComponentStyleHook.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/statistic.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../style */ "./components/style/index.ts"); const genCarouselStyle = token => { const { componentCls, antCls, carouselArrowSize, carouselDotOffset, marginXXS } = token; const arrowOffset = -carouselArrowSize * 1.25; const carouselDotMargin = marginXXS; return { [componentCls]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_1__.resetComponent)(token)), { '.slick-slider': { position: 'relative', display: 'block', boxSizing: 'border-box', touchAction: 'pan-y', WebkitTouchCallout: 'none', WebkitTapHighlightColor: 'transparent', '.slick-track, .slick-list': { transform: 'translate3d(0, 0, 0)', touchAction: 'pan-y' } }, '.slick-list': { position: 'relative', display: 'block', margin: 0, padding: 0, overflow: 'hidden', '&:focus': { outline: 'none' }, '&.dragging': { cursor: 'pointer' }, '.slick-slide': { pointerEvents: 'none', // https://github.com/ant-design/ant-design/issues/23294 [`input${antCls}-radio-input, input${antCls}-checkbox-input`]: { visibility: 'hidden' }, '&.slick-active': { pointerEvents: 'auto', [`input${antCls}-radio-input, input${antCls}-checkbox-input`]: { visibility: 'visible' } }, // fix Carousel content height not match parent node // when children is empty node // https://github.com/ant-design/ant-design/issues/25878 '> div > div': { verticalAlign: 'bottom' } } }, '.slick-track': { position: 'relative', top: 0, insetInlineStart: 0, display: 'block', '&::before, &::after': { display: 'table', content: '""' }, '&::after': { clear: 'both' } }, '.slick-slide': { display: 'none', float: 'left', height: '100%', minHeight: 1, img: { display: 'block' }, '&.dragging img': { pointerEvents: 'none' } }, '.slick-initialized .slick-slide': { display: 'block' }, '.slick-vertical .slick-slide': { display: 'block', height: 'auto' }, '.slick-arrow.slick-hidden': { display: 'none' }, // Arrows '.slick-prev, .slick-next': { position: 'absolute', top: '50%', display: 'block', width: carouselArrowSize, height: carouselArrowSize, marginTop: -carouselArrowSize / 2, padding: 0, color: 'transparent', fontSize: 0, lineHeight: 0, background: 'transparent', border: 0, outline: 'none', cursor: 'pointer', '&:hover, &:focus': { color: 'transparent', background: 'transparent', outline: 'none', '&::before': { opacity: 1 } }, '&.slick-disabled::before': { opacity: 0.25 } }, '.slick-prev': { insetInlineStart: arrowOffset, '&::before': { content: '"←"' } }, '.slick-next': { insetInlineEnd: arrowOffset, '&::before': { content: '"→"' } }, // Dots '.slick-dots': { position: 'absolute', insetInlineEnd: 0, bottom: 0, insetInlineStart: 0, zIndex: 15, display: 'flex !important', justifyContent: 'center', paddingInlineStart: 0, listStyle: 'none', '&-bottom': { bottom: carouselDotOffset }, '&-top': { top: carouselDotOffset, bottom: 'auto' }, li: { position: 'relative', display: 'inline-block', flex: '0 1 auto', boxSizing: 'content-box', width: token.dotWidth, height: token.dotHeight, marginInline: carouselDotMargin, padding: 0, textAlign: 'center', textIndent: -999, verticalAlign: 'top', transition: `all ${token.motionDurationSlow}`, button: { position: 'relative', display: 'block', width: '100%', height: token.dotHeight, padding: 0, color: 'transparent', fontSize: 0, background: token.colorBgContainer, border: 0, borderRadius: 1, outline: 'none', cursor: 'pointer', opacity: 0.3, transition: `all ${token.motionDurationSlow}`, '&: hover, &:focus': { opacity: 0.75 }, '&::after': { position: 'absolute', inset: -carouselDotMargin, content: '""' } }, '&.slick-active': { width: token.dotWidthActive, '& button': { background: token.colorBgContainer, opacity: 1 }, '&: hover, &:focus': { opacity: 1 } } } } }) }; }; const genCarouselVerticalStyle = token => { const { componentCls, carouselDotOffset, marginXXS } = token; const reverseSizeOfDot = { width: token.dotHeight, height: token.dotWidth }; return { [`${componentCls}-vertical`]: { '.slick-dots': { top: '50%', bottom: 'auto', flexDirection: 'column', width: token.dotHeight, height: 'auto', margin: 0, transform: 'translateY(-50%)', '&-left': { insetInlineEnd: 'auto', insetInlineStart: carouselDotOffset }, '&-right': { insetInlineEnd: carouselDotOffset, insetInlineStart: 'auto' }, li: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, reverseSizeOfDot), { margin: `${marginXXS}px 0`, verticalAlign: 'baseline', button: reverseSizeOfDot, '&.slick-active': (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, reverseSizeOfDot), { button: reverseSizeOfDot }) }) } } }; }; const genCarouselRtlStyle = token => { const { componentCls } = token; return [{ [`${componentCls}-rtl`]: { direction: 'rtl', // Dots '.slick-dots': { [`${componentCls}-rtl&`]: { flexDirection: 'row-reverse' } } } }, { [`${componentCls}-vertical`]: { '.slick-dots': { [`${componentCls}-rtl&`]: { flexDirection: 'column' } } } }]; }; // ============================== Export ============================== /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_theme_internal__WEBPACK_IMPORTED_MODULE_2__["default"])('Carousel', token => { const { controlHeightLG, controlHeightSM } = token; const carouselToken = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_3__.merge)(token, { carouselArrowSize: controlHeightLG / 2, carouselDotOffset: controlHeightSM / 2 }); return [genCarouselStyle(carouselToken), genCarouselVerticalStyle(carouselToken), genCarouselRtlStyle(carouselToken)]; }, { dotWidth: 16, dotHeight: 3, dotWidthActive: 24 })); /***/ }), /***/ "./components/cascader/index.tsx": /*!***************************************!*\ !*** ./components/cascader/index.tsx ***! \***************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ cascaderProps: () => (/* binding */ cascaderProps), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _vc_cascader__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../vc-cascader */ "./components/vc-cascader/Cascader.tsx"); /* harmony import */ var _vc_cascader__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../vc-cascader */ "./components/vc-cascader/index.tsx"); /* harmony import */ var _vc_cascader__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../vc-cascader */ "./components/vc-cascader/utils/commonUtil.ts"); /* harmony import */ var _ant_design_icons_vue_es_icons_RightOutlined__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/RightOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/RightOutlined.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_LoadingOutlined__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/LoadingOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/LoadingOutlined.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_LeftOutlined__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/LeftOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/LeftOutlined.js"); /* harmony import */ var _select_utils_iconUtil__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../select/utils/iconUtil */ "./components/select/utils/iconUtil.tsx"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); /* harmony import */ var _util_omit__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/omit */ "./components/_util/omit.ts"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/initDefaultProps.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _vc_util_devWarning__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../vc-util/devWarning */ "./components/vc-util/devWarning.ts"); /* harmony import */ var _util_transition__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../_util/transition */ "./components/_util/transition.tsx"); /* harmony import */ var _form__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../form/FormItemContext */ "./components/form/FormItemContext.ts"); /* harmony import */ var _util_statusUtils__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../_util/statusUtils */ "./components/_util/statusUtils.tsx"); /* harmony import */ var _space_Compact__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../space/Compact */ "./components/space/Compact.tsx"); /* harmony import */ var _select_style__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../select/style */ "./components/select/style/index.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./style */ "./components/cascader/style/index.ts"); /* harmony import */ var _config_provider_DisabledContext__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../config-provider/DisabledContext */ "./components/config-provider/DisabledContext.ts"); var __rest = undefined && undefined.__rest || function (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 highlightKeyword(str, lowerKeyword, prefixCls) { const cells = str.toLowerCase().split(lowerKeyword).reduce((list, cur, index) => index === 0 ? [cur] : [...list, lowerKeyword, cur], []); const fillCells = []; let start = 0; cells.forEach((cell, index) => { const end = start + cell.length; let originWorld = str.slice(start, end); start = end; if (index % 2 === 1) { const _originWorld = function () { return originWorld; }(); originWorld = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", { "class": `${prefixCls}-menu-item-keyword`, "key": "seperator" }, [originWorld]); } fillCells.push(originWorld); }); return fillCells; } const defaultSearchRender = _ref => { let { inputValue, path, prefixCls, fieldNames } = _ref; const optionList = []; // We do lower here to save perf const lower = inputValue.toLowerCase(); path.forEach((node, index) => { if (index !== 0) { optionList.push(' / '); } let label = node[fieldNames.label]; const type = typeof label; if (type === 'string' || type === 'number') { label = highlightKeyword(String(label), lower, prefixCls); } optionList.push(label); }); return optionList; }; function cascaderProps() { return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, (0,_util_omit__WEBPACK_IMPORTED_MODULE_3__["default"])((0,_vc_cascader__WEBPACK_IMPORTED_MODULE_4__.internalCascaderProps)(), ['customSlots', 'checkable', 'options'])), { multiple: { type: Boolean, default: undefined }, size: String, bordered: { type: Boolean, default: undefined }, placement: { type: String }, suffixIcon: _util_vue_types__WEBPACK_IMPORTED_MODULE_5__["default"].any, status: String, options: Array, popupClassName: String, /** @deprecated Please use `popupClassName` instead */ dropdownClassName: String, 'onUpdate:value': Function }); } const Cascader = (0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'ACascader', inheritAttrs: false, props: (0,_util_props_util__WEBPACK_IMPORTED_MODULE_6__["default"])(cascaderProps(), { bordered: true, choiceTransitionName: '', allowClear: true }), setup(props, _ref2) { let { attrs, expose, slots, emit } = _ref2; // ====================== Warning ====================== if (true) { (0,_vc_util_devWarning__WEBPACK_IMPORTED_MODULE_7__["default"])(!props.dropdownClassName, 'Cascader', '`dropdownClassName` is deprecated. Please use `popupClassName` instead.'); } const formItemContext = (0,_form__WEBPACK_IMPORTED_MODULE_8__.useInjectFormItemContext)(); const formItemInputContext = _form__WEBPACK_IMPORTED_MODULE_8__.FormItemInputContext.useInject(); const mergedStatus = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => (0,_util_statusUtils__WEBPACK_IMPORTED_MODULE_9__.getMergedStatus)(formItemInputContext.status, props.status)); const { prefixCls: cascaderPrefixCls, rootPrefixCls, getPrefixCls, direction, getPopupContainer, renderEmpty, size: contextSize, disabled } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_10__["default"])('cascader', props); const prefixCls = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => getPrefixCls('select', props.prefixCls)); const { compactSize, compactItemClassnames } = (0,_space_Compact__WEBPACK_IMPORTED_MODULE_11__.useCompactItemContext)(prefixCls, direction); const mergedSize = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => compactSize.value || contextSize.value); const contextDisabled = (0,_config_provider_DisabledContext__WEBPACK_IMPORTED_MODULE_12__.useInjectDisabled)(); const mergedDisabled = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { var _a; return (_a = disabled.value) !== null && _a !== void 0 ? _a : contextDisabled.value; }); const [wrapSelectSSR, hashId] = (0,_select_style__WEBPACK_IMPORTED_MODULE_13__["default"])(prefixCls); const [wrapCascaderSSR] = (0,_style__WEBPACK_IMPORTED_MODULE_14__["default"])(cascaderPrefixCls); const isRtl = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => direction.value === 'rtl'); // =================== Warning ===================== if (true) { (0,vue__WEBPACK_IMPORTED_MODULE_2__.watchEffect)(() => { (0,_vc_util_devWarning__WEBPACK_IMPORTED_MODULE_7__["default"])(!props.multiple || !props.displayRender || !slots.displayRender, 'Cascader', '`displayRender` not work on `multiple`. Please use `tagRender` instead.'); }); } // ==================== Search ===================== const mergedShowSearch = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { if (!props.showSearch) { return props.showSearch; } let searchConfig = { render: defaultSearchRender }; if (typeof props.showSearch === 'object') { searchConfig = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, searchConfig), props.showSearch); } return searchConfig; }); // =================== Dropdown ==================== const mergedDropdownClassName = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => (0,_util_classNames__WEBPACK_IMPORTED_MODULE_15__["default"])(props.popupClassName || props.dropdownClassName, `${cascaderPrefixCls.value}-dropdown`, { [`${cascaderPrefixCls.value}-dropdown-rtl`]: isRtl.value }, hashId.value)); const selectRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(); expose({ focus() { var _a; (_a = selectRef.value) === null || _a === void 0 ? void 0 : _a.focus(); }, blur() { var _a; (_a = selectRef.value) === null || _a === void 0 ? void 0 : _a.blur(); } }); const handleChange = function () { for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) { args[_key] = arguments[_key]; } emit('update:value', args[0]); emit('change', ...args); formItemContext.onFieldChange(); }; const handleBlur = function () { for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) { args[_key2] = arguments[_key2]; } emit('blur', ...args); formItemContext.onFieldBlur(); }; const mergedShowArrow = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.showArrow !== undefined ? props.showArrow : props.loading || !props.multiple); const placement = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { if (props.placement !== undefined) { return props.placement; } return direction.value === 'rtl' ? 'bottomRight' : 'bottomLeft'; }); return () => { var _a, _b; const { notFoundContent = (_a = slots.notFoundContent) === null || _a === void 0 ? void 0 : _a.call(slots), expandIcon = (_b = slots.expandIcon) === null || _b === void 0 ? void 0 : _b.call(slots), multiple, bordered, allowClear, choiceTransitionName, transitionName, id = formItemContext.id.value } = props, restProps = __rest(props, ["notFoundContent", "expandIcon", "multiple", "bordered", "allowClear", "choiceTransitionName", "transitionName", "id"]); // =================== No Found ==================== const mergedNotFoundContent = notFoundContent || renderEmpty('Cascader'); // ===================== Icon ====================== let mergedExpandIcon = expandIcon; if (!expandIcon) { mergedExpandIcon = isRtl.value ? (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_ant_design_icons_vue_es_icons_LeftOutlined__WEBPACK_IMPORTED_MODULE_16__["default"], null, null) : (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_ant_design_icons_vue_es_icons_RightOutlined__WEBPACK_IMPORTED_MODULE_17__["default"], null, null); } const loadingIcon = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", { "class": `${prefixCls.value}-menu-item-loading-icon` }, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_ant_design_icons_vue_es_icons_LoadingOutlined__WEBPACK_IMPORTED_MODULE_18__["default"], { "spin": true }, null)]); // ===================== Icons ===================== const { suffixIcon, removeIcon, clearIcon } = (0,_select_utils_iconUtil__WEBPACK_IMPORTED_MODULE_19__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, props), { hasFeedback: formItemInputContext.hasFeedback, feedbackIcon: formItemInputContext.feedbackIcon, multiple, prefixCls: prefixCls.value, showArrow: mergedShowArrow.value }), slots); return wrapCascaderSSR(wrapSelectSSR((0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_vc_cascader__WEBPACK_IMPORTED_MODULE_20__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, restProps), attrs), {}, { "id": id, "prefixCls": prefixCls.value, "class": [cascaderPrefixCls.value, { [`${prefixCls.value}-lg`]: mergedSize.value === 'large', [`${prefixCls.value}-sm`]: mergedSize.value === 'small', [`${prefixCls.value}-rtl`]: isRtl.value, [`${prefixCls.value}-borderless`]: !bordered, [`${prefixCls.value}-in-form-item`]: formItemInputContext.isFormItemInput }, (0,_util_statusUtils__WEBPACK_IMPORTED_MODULE_9__.getStatusClassNames)(prefixCls.value, mergedStatus.value, formItemInputContext.hasFeedback), compactItemClassnames.value, attrs.class, hashId.value], "disabled": mergedDisabled.value, "direction": direction.value, "placement": placement.value, "notFoundContent": mergedNotFoundContent, "allowClear": allowClear, "showSearch": mergedShowSearch.value, "expandIcon": mergedExpandIcon, "inputIcon": suffixIcon, "removeIcon": removeIcon, "clearIcon": clearIcon, "loadingIcon": loadingIcon, "checkable": !!multiple, "dropdownClassName": mergedDropdownClassName.value, "dropdownPrefixCls": cascaderPrefixCls.value, "choiceTransitionName": (0,_util_transition__WEBPACK_IMPORTED_MODULE_21__.getTransitionName)(rootPrefixCls.value, '', choiceTransitionName), "transitionName": (0,_util_transition__WEBPACK_IMPORTED_MODULE_21__.getTransitionName)(rootPrefixCls.value, (0,_util_transition__WEBPACK_IMPORTED_MODULE_21__.getTransitionDirection)(placement.value), transitionName), "getPopupContainer": getPopupContainer === null || getPopupContainer === void 0 ? void 0 : getPopupContainer.value, "customSlots": (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, slots), { checkable: () => (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", { "class": `${cascaderPrefixCls.value}-checkbox-inner` }, null) }), "tagRender": props.tagRender || slots.tagRender, "displayRender": props.displayRender || slots.displayRender, "maxTagPlaceholder": props.maxTagPlaceholder || slots.maxTagPlaceholder, "showArrow": formItemInputContext.hasFeedback || props.showArrow, "onChange": handleChange, "onBlur": handleBlur, "ref": selectRef }), slots))); }; } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_util_type__WEBPACK_IMPORTED_MODULE_22__.withInstall)((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])(Cascader, { SHOW_CHILD: _vc_cascader__WEBPACK_IMPORTED_MODULE_23__.SHOW_CHILD, SHOW_PARENT: _vc_cascader__WEBPACK_IMPORTED_MODULE_23__.SHOW_PARENT }))); /***/ }), /***/ "./components/cascader/style/index.ts": /*!********************************************!*\ !*** ./components/cascader/style/index.ts ***! \********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _checkbox_style__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../checkbox/style */ "./components/checkbox/style/index.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/genComponentStyleHook.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../style */ "./components/style/index.ts"); /* harmony import */ var _style_compact_item__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../style/compact-item */ "./components/style/compact-item.ts"); // =============================== Base =============================== const genBaseStyle = token => { const { prefixCls, componentCls, antCls } = token; const cascaderMenuItemCls = `${componentCls}-menu-item`; const iconCls = ` &${cascaderMenuItemCls}-expand ${cascaderMenuItemCls}-expand-icon, ${cascaderMenuItemCls}-loading-icon `; const itemPaddingVertical = Math.round((token.controlHeight - token.fontSize * token.lineHeight) / 2); return [ // ===================================================== // == Control == // ===================================================== { [componentCls]: { width: token.controlWidth } }, // ===================================================== // == Popup == // ===================================================== { [`${componentCls}-dropdown`]: [ // ==================== Checkbox ==================== (0,_checkbox_style__WEBPACK_IMPORTED_MODULE_1__.getStyle)(`${prefixCls}-checkbox`, token), { [`&${antCls}-select-dropdown`]: { padding: 0 } }, { [componentCls]: { // ================== Checkbox ================== '&-checkbox': { top: 0, marginInlineEnd: token.paddingXS }, // ==================== Menu ==================== // >>> Menus '&-menus': { display: 'flex', flexWrap: 'nowrap', alignItems: 'flex-start', [`&${componentCls}-menu-empty`]: { [`${componentCls}-menu`]: { width: '100%', height: 'auto', [cascaderMenuItemCls]: { color: token.colorTextDisabled } } } }, // >>> Menu '&-menu': { flexGrow: 1, minWidth: token.controlItemWidth, height: token.dropdownHeight, margin: 0, padding: token.paddingXXS, overflow: 'auto', verticalAlign: 'top', listStyle: 'none', '-ms-overflow-style': '-ms-autohiding-scrollbar', '&:not(:last-child)': { borderInlineEnd: `${token.lineWidth}px ${token.lineType} ${token.colorSplit}` }, '&-item': (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, _style__WEBPACK_IMPORTED_MODULE_2__.textEllipsis), { display: 'flex', flexWrap: 'nowrap', alignItems: 'center', padding: `${itemPaddingVertical}px ${token.paddingSM}px`, lineHeight: token.lineHeight, cursor: 'pointer', transition: `all ${token.motionDurationMid}`, borderRadius: token.borderRadiusSM, '&:hover': { background: token.controlItemBgHover }, '&-disabled': { color: token.colorTextDisabled, cursor: 'not-allowed', '&:hover': { background: 'transparent' }, [iconCls]: { color: token.colorTextDisabled } }, [`&-active:not(${cascaderMenuItemCls}-disabled)`]: { [`&, &:hover`]: { fontWeight: token.fontWeightStrong, backgroundColor: token.controlItemBgActive } }, '&-content': { flex: 'auto' }, [iconCls]: { marginInlineStart: token.paddingXXS, color: token.colorTextDescription, fontSize: token.fontSizeIcon }, '&-keyword': { color: token.colorHighlight } }) } } }] }, // ===================================================== // == RTL == // ===================================================== { [`${componentCls}-dropdown-rtl`]: { direction: 'rtl' } }, // ===================================================== // == Space Compact == // ===================================================== (0,_style_compact_item__WEBPACK_IMPORTED_MODULE_3__.genCompactItemStyle)(token)]; }; // ============================== Export ============================== /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_theme_internal__WEBPACK_IMPORTED_MODULE_4__["default"])('Cascader', token => [genBaseStyle(token)], { controlWidth: 184, controlItemWidth: 111, dropdownHeight: 180 })); /***/ }), /***/ "./components/checkbox/Checkbox.tsx": /*!******************************************!*\ !*** ./components/checkbox/Checkbox.tsx ***! \******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _vc_checkbox_Checkbox__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../vc-checkbox/Checkbox */ "./components/vc-checkbox/Checkbox.tsx"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/index.ts"); /* harmony import */ var _util_warning__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../_util/warning */ "./components/_util/warning.ts"); /* harmony import */ var _form_FormItemContext__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../form/FormItemContext */ "./components/form/FormItemContext.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _config_provider_DisabledContext__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../config-provider/DisabledContext */ "./components/config-provider/DisabledContext.ts"); /* harmony import */ var _interface__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./interface */ "./components/checkbox/interface.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./style */ "./components/checkbox/style/index.ts"); var __rest = undefined && undefined.__rest || function (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; }; // CSSINJS /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'ACheckbox', inheritAttrs: false, __ANT_CHECKBOX: true, props: (0,_interface__WEBPACK_IMPORTED_MODULE_3__.checkboxProps)(), // emits: ['change', 'update:checked'], setup(props, _ref) { let { emit, attrs, slots, expose } = _ref; const formItemContext = (0,_form_FormItemContext__WEBPACK_IMPORTED_MODULE_4__.useInjectFormItemContext)(); const formItemInputContext = _form_FormItemContext__WEBPACK_IMPORTED_MODULE_4__.FormItemInputContext.useInject(); const { prefixCls, direction, disabled } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_5__["default"])('checkbox', props); const contextDisabled = (0,_config_provider_DisabledContext__WEBPACK_IMPORTED_MODULE_6__.useInjectDisabled)(); // style const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_7__["default"])(prefixCls); const checkboxGroup = (0,vue__WEBPACK_IMPORTED_MODULE_2__.inject)(_interface__WEBPACK_IMPORTED_MODULE_3__.CheckboxGroupContextKey, undefined); const uniId = Symbol('checkboxUniId'); const mergedDisabled = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { return (checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.disabled.value) || disabled.value; }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watchEffect)(() => { if (!props.skipGroup && checkboxGroup) { checkboxGroup.registerValue(uniId, props.value); } }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.onBeforeUnmount)(() => { if (checkboxGroup) { checkboxGroup.cancelValue(uniId); } }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.onMounted)(() => { (0,_util_warning__WEBPACK_IMPORTED_MODULE_8__["default"])(!!(props.checked !== undefined || checkboxGroup || props.value === undefined), 'Checkbox', '`value` is not validate prop, do you mean `checked`?'); }); const handleChange = event => { const targetChecked = event.target.checked; emit('update:checked', targetChecked); emit('change', event); formItemContext.onFieldChange(); }; const checkboxRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(); const focus = () => { var _a; (_a = checkboxRef.value) === null || _a === void 0 ? void 0 : _a.focus(); }; const blur = () => { var _a; (_a = checkboxRef.value) === null || _a === void 0 ? void 0 : _a.blur(); }; expose({ focus, blur }); return () => { var _a; const children = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_9__.flattenChildren)((_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)); const { indeterminate, skipGroup, id = formItemContext.id.value } = props, restProps = __rest(props, ["indeterminate", "skipGroup", "id"]); const { onMouseenter, onMouseleave, onInput, class: className, style } = attrs, restAttrs = __rest(attrs, ["onMouseenter", "onMouseleave", "onInput", "class", "style"]); const checkboxProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, restProps), { id, prefixCls: prefixCls.value }), restAttrs), { disabled: mergedDisabled.value }); if (checkboxGroup && !skipGroup) { checkboxProps.onChange = function () { for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) { args[_key] = arguments[_key]; } emit('change', ...args); checkboxGroup.toggleOption({ label: children, value: props.value }); }; checkboxProps.name = checkboxGroup.name.value; checkboxProps.checked = checkboxGroup.mergedValue.value.includes(props.value); checkboxProps.disabled = mergedDisabled.value || contextDisabled.value; checkboxProps.indeterminate = indeterminate; } else { checkboxProps.onChange = handleChange; } const classString = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_10__["default"])({ [`${prefixCls.value}-wrapper`]: true, [`${prefixCls.value}-rtl`]: direction.value === 'rtl', [`${prefixCls.value}-wrapper-checked`]: checkboxProps.checked, [`${prefixCls.value}-wrapper-disabled`]: checkboxProps.disabled, [`${prefixCls.value}-wrapper-in-form-item`]: formItemInputContext.isFormItemInput }, className, hashId.value); const checkboxClass = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_10__["default"])({ [`${prefixCls.value}-indeterminate`]: indeterminate }, hashId.value); const ariaChecked = indeterminate ? 'mixed' : undefined; return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("label", { "class": classString, "style": style, "onMouseenter": onMouseenter, "onMouseleave": onMouseleave }, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_vc_checkbox_Checkbox__WEBPACK_IMPORTED_MODULE_11__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "aria-checked": ariaChecked }, checkboxProps), {}, { "class": checkboxClass, "ref": checkboxRef }), null), children.length ? (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", null, [children]) : null])); }; } })); /***/ }), /***/ "./components/checkbox/Group.tsx": /*!***************************************!*\ !*** ./components/checkbox/Group.tsx ***! \***************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _Checkbox__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./Checkbox */ "./components/checkbox/Checkbox.tsx"); /* harmony import */ var _form_FormItemContext__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../form/FormItemContext */ "./components/form/FormItemContext.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _interface__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./interface */ "./components/checkbox/interface.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./style */ "./components/checkbox/style/index.ts"); // CSSINJS /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'ACheckboxGroup', inheritAttrs: false, props: (0,_interface__WEBPACK_IMPORTED_MODULE_2__.checkboxGroupProps)(), // emits: ['change', 'update:value'], setup(props, _ref) { let { slots, attrs, emit, expose } = _ref; const formItemContext = (0,_form_FormItemContext__WEBPACK_IMPORTED_MODULE_3__.useInjectFormItemContext)(); const { prefixCls, direction } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_4__["default"])('checkbox', props); const groupPrefixCls = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => `${prefixCls.value}-group`); // style const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_5__["default"])(groupPrefixCls); const mergedValue = (0,vue__WEBPACK_IMPORTED_MODULE_1__.ref)((props.value === undefined ? props.defaultValue : props.value) || []); (0,vue__WEBPACK_IMPORTED_MODULE_1__.watch)(() => props.value, () => { mergedValue.value = props.value || []; }); const options = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { return props.options.map(option => { if (typeof option === 'string' || typeof option === 'number') { return { label: option, value: option }; } return option; }); }); const triggerUpdate = (0,vue__WEBPACK_IMPORTED_MODULE_1__.ref)(Symbol()); const registeredValuesMap = (0,vue__WEBPACK_IMPORTED_MODULE_1__.ref)(new Map()); const cancelValue = id => { registeredValuesMap.value.delete(id); triggerUpdate.value = Symbol(); }; const registerValue = (id, value) => { registeredValuesMap.value.set(id, value); triggerUpdate.value = Symbol(); }; const registeredValues = (0,vue__WEBPACK_IMPORTED_MODULE_1__.ref)(new Map()); (0,vue__WEBPACK_IMPORTED_MODULE_1__.watch)(triggerUpdate, () => { const valuseMap = new Map(); for (const value of registeredValuesMap.value.values()) { valuseMap.set(value, true); } registeredValues.value = valuseMap; }); const toggleOption = option => { const optionIndex = mergedValue.value.indexOf(option.value); const value = [...mergedValue.value]; if (optionIndex === -1) { value.push(option.value); } else { value.splice(optionIndex, 1); } if (props.value === undefined) { mergedValue.value = value; } const val = value.filter(val => registeredValues.value.has(val)).sort((a, b) => { const indexA = options.value.findIndex(opt => opt.value === a); const indexB = options.value.findIndex(opt => opt.value === b); return indexA - indexB; }); emit('update:value', val); emit('change', val); formItemContext.onFieldChange(); }; (0,vue__WEBPACK_IMPORTED_MODULE_1__.provide)(_interface__WEBPACK_IMPORTED_MODULE_2__.CheckboxGroupContextKey, { cancelValue, registerValue, toggleOption, mergedValue, name: (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => props.name), disabled: (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => props.disabled) }); expose({ mergedValue }); return () => { var _a; const { id = formItemContext.id.value } = props; let children = null; if (options.value && options.value.length > 0) { children = options.value.map(option => { var _a; return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_Checkbox__WEBPACK_IMPORTED_MODULE_6__["default"], { "prefixCls": prefixCls.value, "key": option.value.toString(), "disabled": 'disabled' in option ? option.disabled : props.disabled, "indeterminate": option.indeterminate, "value": option.value, "checked": mergedValue.value.indexOf(option.value) !== -1, "onChange": option.onChange, "class": `${groupPrefixCls.value}-item` }, { default: () => [slots.label !== undefined ? (_a = slots.label) === null || _a === void 0 ? void 0 : _a.call(slots, option) : option.label] }); }); } return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, attrs), {}, { "class": [groupPrefixCls.value, { [`${groupPrefixCls.value}-rtl`]: direction.value === 'rtl' }, attrs.class, hashId.value], "id": id }), [children || ((_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots))])); }; } })); /***/ }), /***/ "./components/checkbox/index.ts": /*!**************************************!*\ !*** ./components/checkbox/index.ts ***! \**************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ CheckboxGroup: () => (/* reexport safe */ _Group__WEBPACK_IMPORTED_MODULE_2__["default"]), /* harmony export */ checkboxGroupProps: () => (/* reexport safe */ _interface__WEBPACK_IMPORTED_MODULE_0__.checkboxGroupProps), /* harmony export */ checkboxProps: () => (/* reexport safe */ _interface__WEBPACK_IMPORTED_MODULE_0__.checkboxProps), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _Checkbox__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Checkbox */ "./components/checkbox/Checkbox.tsx"); /* harmony import */ var _Group__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Group */ "./components/checkbox/Group.tsx"); /* harmony import */ var _interface__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./interface */ "./components/checkbox/interface.ts"); _Checkbox__WEBPACK_IMPORTED_MODULE_1__["default"].Group = _Group__WEBPACK_IMPORTED_MODULE_2__["default"]; /* istanbul ignore next */ _Checkbox__WEBPACK_IMPORTED_MODULE_1__["default"].install = function (app) { app.component(_Checkbox__WEBPACK_IMPORTED_MODULE_1__["default"].name, _Checkbox__WEBPACK_IMPORTED_MODULE_1__["default"]); app.component(_Group__WEBPACK_IMPORTED_MODULE_2__["default"].name, _Group__WEBPACK_IMPORTED_MODULE_2__["default"]); return app; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_Checkbox__WEBPACK_IMPORTED_MODULE_1__["default"]); /***/ }), /***/ "./components/checkbox/interface.ts": /*!******************************************!*\ !*** ./components/checkbox/interface.ts ***! \******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ CheckboxGroupContextKey: () => (/* binding */ CheckboxGroupContextKey), /* harmony export */ abstractCheckboxGroupProps: () => (/* binding */ abstractCheckboxGroupProps), /* harmony export */ abstractCheckboxProps: () => (/* binding */ abstractCheckboxProps), /* harmony export */ checkboxGroupProps: () => (/* binding */ checkboxGroupProps), /* harmony export */ checkboxProps: () => (/* binding */ checkboxProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); const abstractCheckboxGroupProps = () => { return { name: String, prefixCls: String, options: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.arrayType)([]), disabled: Boolean, id: String }; }; const checkboxGroupProps = () => { return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, abstractCheckboxGroupProps()), { defaultValue: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.arrayType)(), value: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.arrayType)(), onChange: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.functionType)(), 'onUpdate:value': (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.functionType)() }); }; const abstractCheckboxProps = () => { return { prefixCls: String, defaultChecked: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.booleanType)(), checked: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.booleanType)(), disabled: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.booleanType)(), isGroup: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.booleanType)(), value: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].any, name: String, id: String, indeterminate: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.booleanType)(), type: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.stringType)('checkbox'), autofocus: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.booleanType)(), onChange: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.functionType)(), 'onUpdate:checked': (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.functionType)(), onClick: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.functionType)(), skipGroup: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.booleanType)(false) }; }; const checkboxProps = () => { return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, abstractCheckboxProps()), { indeterminate: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.booleanType)(false) }); }; const CheckboxGroupContextKey = Symbol('CheckboxGroupContext'); /***/ }), /***/ "./components/checkbox/style/index.ts": /*!********************************************!*\ !*** ./components/checkbox/style/index.ts ***! \********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ genCheckboxStyle: () => (/* binding */ genCheckboxStyle), /* harmony export */ getStyle: () => (/* binding */ getStyle) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _util_cssinjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../_util/cssinjs */ "./components/_util/cssinjs/Keyframes.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/statistic.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/genComponentStyleHook.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../style */ "./components/style/index.ts"); // ============================== Motion ============================== const antCheckboxEffect = new _util_cssinjs__WEBPACK_IMPORTED_MODULE_1__["default"]('antCheckboxEffect', { '0%': { transform: 'scale(1)', opacity: 0.5 }, '100%': { transform: 'scale(1.6)', opacity: 0 } }); // ============================== Styles ============================== const genCheckboxStyle = token => { const { checkboxCls } = token; const wrapperCls = `${checkboxCls}-wrapper`; return [ // ===================== Basic ===================== { // Group [`${checkboxCls}-group`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_2__.resetComponent)(token)), { display: 'inline-flex', flexWrap: 'wrap', columnGap: token.marginXS, // Group > Grid [`> ${token.antCls}-row`]: { flex: 1 } }), // Wrapper [wrapperCls]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_2__.resetComponent)(token)), { display: 'inline-flex', alignItems: 'baseline', cursor: 'pointer', // Fix checkbox & radio in flex align #30260 '&:after': { display: 'inline-block', width: 0, overflow: 'hidden', content: "'\\a0'" }, // Checkbox near checkbox [`& + ${wrapperCls}`]: { marginInlineStart: 0 }, [`&${wrapperCls}-in-form-item`]: { 'input[type="checkbox"]': { width: 14, height: 14 // FIXME: magic } } }), // Wrapper > Checkbox [checkboxCls]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_2__.resetComponent)(token)), { position: 'relative', whiteSpace: 'nowrap', lineHeight: 1, cursor: 'pointer', // To make alignment right when `controlHeight` is changed // Ref: https://github.com/ant-design/ant-design/issues/41564 alignSelf: 'center', // Wrapper > Checkbox > input [`${checkboxCls}-input`]: { position: 'absolute', // Since baseline align will get additional space offset, // we need to move input to top to make it align with text. // Ref: https://github.com/ant-design/ant-design/issues/38926#issuecomment-1486137799 inset: 0, zIndex: 1, cursor: 'pointer', opacity: 0, margin: 0, [`&:focus-visible + ${checkboxCls}-inner`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_2__.genFocusOutline)(token)) }, // Wrapper > Checkbox > inner [`${checkboxCls}-inner`]: { boxSizing: 'border-box', position: 'relative', top: 0, insetInlineStart: 0, display: 'block', width: token.checkboxSize, height: token.checkboxSize, direction: 'ltr', backgroundColor: token.colorBgContainer, border: `${token.lineWidth}px ${token.lineType} ${token.colorBorder}`, borderRadius: token.borderRadiusSM, borderCollapse: 'separate', transition: `all ${token.motionDurationSlow}`, '&:after': { boxSizing: 'border-box', position: 'absolute', top: '50%', insetInlineStart: '21.5%', display: 'table', width: token.checkboxSize / 14 * 5, height: token.checkboxSize / 14 * 8, border: `${token.lineWidthBold}px solid ${token.colorWhite}`, borderTop: 0, borderInlineStart: 0, transform: 'rotate(45deg) scale(0) translate(-50%,-50%)', opacity: 0, content: '""', transition: `all ${token.motionDurationFast} ${token.motionEaseInBack}, opacity ${token.motionDurationFast}` } }, // Wrapper > Checkbox + Text '& + span': { paddingInlineStart: token.paddingXS, paddingInlineEnd: token.paddingXS } }) }, // ================= Indeterminate ================= { [checkboxCls]: { '&-indeterminate': { // Wrapper > Checkbox > inner [`${checkboxCls}-inner`]: { '&:after': { top: '50%', insetInlineStart: '50%', width: token.fontSizeLG / 2, height: token.fontSizeLG / 2, backgroundColor: token.colorPrimary, border: 0, transform: 'translate(-50%, -50%) scale(1)', opacity: 1, content: '""' } } } } }, // ===================== Hover ===================== { // Wrapper [`${wrapperCls}:hover ${checkboxCls}:after`]: { visibility: 'visible' }, // Wrapper & Wrapper > Checkbox [` ${wrapperCls}:not(${wrapperCls}-disabled), ${checkboxCls}:not(${checkboxCls}-disabled) `]: { [`&:hover ${checkboxCls}-inner`]: { borderColor: token.colorPrimary } }, [`${wrapperCls}:not(${wrapperCls}-disabled)`]: { [`&:hover ${checkboxCls}-checked:not(${checkboxCls}-disabled) ${checkboxCls}-inner`]: { backgroundColor: token.colorPrimaryHover, borderColor: 'transparent' }, [`&:hover ${checkboxCls}-checked:not(${checkboxCls}-disabled):after`]: { borderColor: token.colorPrimaryHover } } }, // ==================== Checked ==================== { // Wrapper > Checkbox [`${checkboxCls}-checked`]: { [`${checkboxCls}-inner`]: { backgroundColor: token.colorPrimary, borderColor: token.colorPrimary, '&:after': { opacity: 1, transform: 'rotate(45deg) scale(1) translate(-50%,-50%)', transition: `all ${token.motionDurationMid} ${token.motionEaseOutBack} ${token.motionDurationFast}` } }, // Checked Effect '&:after': { position: 'absolute', top: 0, insetInlineStart: 0, width: '100%', height: '100%', borderRadius: token.borderRadiusSM, visibility: 'hidden', border: `${token.lineWidthBold}px solid ${token.colorPrimary}`, animationName: antCheckboxEffect, animationDuration: token.motionDurationSlow, animationTimingFunction: 'ease-in-out', animationFillMode: 'backwards', content: '""', transition: `all ${token.motionDurationSlow}` } }, [` ${wrapperCls}-checked:not(${wrapperCls}-disabled), ${checkboxCls}-checked:not(${checkboxCls}-disabled) `]: { [`&:hover ${checkboxCls}-inner`]: { backgroundColor: token.colorPrimaryHover, borderColor: 'transparent' }, [`&:hover ${checkboxCls}:after`]: { borderColor: token.colorPrimaryHover } } }, // ==================== Disable ==================== { // Wrapper [`${wrapperCls}-disabled`]: { cursor: 'not-allowed' }, // Wrapper > Checkbox [`${checkboxCls}-disabled`]: { // Wrapper > Checkbox > input [`&, ${checkboxCls}-input`]: { cursor: 'not-allowed', // Disabled for native input to enable Tooltip event handler // ref: https://github.com/ant-design/ant-design/issues/39822#issuecomment-1365075901 pointerEvents: 'none' }, // Wrapper > Checkbox > inner [`${checkboxCls}-inner`]: { background: token.colorBgContainerDisabled, borderColor: token.colorBorder, '&:after': { borderColor: token.colorTextDisabled } }, '&:after': { display: 'none' }, '& + span': { color: token.colorTextDisabled }, [`&${checkboxCls}-indeterminate ${checkboxCls}-inner::after`]: { background: token.colorTextDisabled } } }]; }; // ============================== Export ============================== function getStyle(prefixCls, token) { const checkboxToken = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_3__.merge)(token, { checkboxCls: `.${prefixCls}`, checkboxSize: token.controlInteractiveSize }); return [genCheckboxStyle(checkboxToken)]; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_theme_internal__WEBPACK_IMPORTED_MODULE_4__["default"])('Checkbox', (token, _ref) => { let { prefixCls } = _ref; return [getStyle(prefixCls, token)]; })); /***/ }), /***/ "./components/col/index.ts": /*!*********************************!*\ !*** ./components/col/index.ts ***! \*********************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _grid__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../grid */ "./components/grid/Col.tsx"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_util_type__WEBPACK_IMPORTED_MODULE_0__.withInstall)(_grid__WEBPACK_IMPORTED_MODULE_1__["default"])); /***/ }), /***/ "./components/collapse/Collapse.tsx": /*!******************************************!*\ !*** ./components/collapse/Collapse.tsx ***! \******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ collapseProps: () => (/* reexport safe */ _commonProps__WEBPACK_IMPORTED_MODULE_2__.collapseProps), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/initDefaultProps.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/index.ts"); /* harmony import */ var _util_vnode__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../_util/vnode */ "./components/_util/vnode.ts"); /* harmony import */ var _commonProps__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./commonProps */ "./components/collapse/commonProps.ts"); /* harmony import */ var _util_util__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../_util/util */ "./components/_util/util.ts"); /* harmony import */ var _ant_design_icons_vue_es_icons_RightOutlined__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/RightOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/RightOutlined.js"); /* harmony import */ var _util_firstNotUndefined__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/firstNotUndefined */ "./components/_util/firstNotUndefined.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _util_collapseMotion__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../_util/collapseMotion */ "./components/_util/collapseMotion.tsx"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./style */ "./components/collapse/style/index.tsx"); // CSSINJS function getActiveKeysArray(activeKey) { let currentActiveKey = activeKey; if (!Array.isArray(currentActiveKey)) { const activeKeyType = typeof currentActiveKey; currentActiveKey = activeKeyType === 'number' || activeKeyType === 'string' ? [currentActiveKey] : []; } return currentActiveKey.map(key => String(key)); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'ACollapse', inheritAttrs: false, props: (0,_util_props_util__WEBPACK_IMPORTED_MODULE_3__["default"])((0,_commonProps__WEBPACK_IMPORTED_MODULE_2__.collapseProps)(), { accordion: false, destroyInactivePanel: false, bordered: true, expandIconPosition: 'start' }), slots: Object, setup(props, _ref) { let { attrs, slots, emit } = _ref; const stateActiveKey = (0,vue__WEBPACK_IMPORTED_MODULE_1__.ref)(getActiveKeysArray((0,_util_firstNotUndefined__WEBPACK_IMPORTED_MODULE_4__["default"])([props.activeKey, props.defaultActiveKey]))); (0,vue__WEBPACK_IMPORTED_MODULE_1__.watch)(() => props.activeKey, () => { stateActiveKey.value = getActiveKeysArray(props.activeKey); }, { deep: true }); const { prefixCls, direction, rootPrefixCls } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_5__["default"])('collapse', props); // style const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_6__["default"])(prefixCls); const iconPosition = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { const { expandIconPosition } = props; if (expandIconPosition !== undefined) { return expandIconPosition; } return direction.value === 'rtl' ? 'end' : 'start'; }); const renderExpandIcon = panelProps => { const { expandIcon = slots.expandIcon } = props; const icon = expandIcon ? expandIcon(panelProps) : (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_ant_design_icons_vue_es_icons_RightOutlined__WEBPACK_IMPORTED_MODULE_7__["default"], { "rotate": panelProps.isActive ? 90 : undefined }, null); return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": [`${prefixCls.value}-expand-icon`, hashId.value], "onClick": () => ['header', 'icon'].includes(props.collapsible) && onClickItem(panelProps.panelKey) }, [(0,_util_props_util__WEBPACK_IMPORTED_MODULE_8__.isValidElement)(Array.isArray(expandIcon) ? icon[0] : icon) ? (0,_util_vnode__WEBPACK_IMPORTED_MODULE_9__.cloneElement)(icon, { class: `${prefixCls.value}-arrow` }, false) : icon]); }; const setActiveKey = activeKey => { if (props.activeKey === undefined) { stateActiveKey.value = activeKey; } const newKey = props.accordion ? activeKey[0] : activeKey; emit('update:activeKey', newKey); emit('change', newKey); }; const onClickItem = key => { let activeKey = stateActiveKey.value; if (props.accordion) { activeKey = activeKey[0] === key ? [] : [key]; } else { activeKey = [...activeKey]; const index = activeKey.indexOf(key); const isActive = index > -1; if (isActive) { // remove active state activeKey.splice(index, 1); } else { activeKey.push(key); } } setActiveKey(activeKey); }; const getNewChild = (child, index) => { var _a, _b, _c; if ((0,_util_props_util__WEBPACK_IMPORTED_MODULE_8__.isEmptyElement)(child)) return; const activeKey = stateActiveKey.value; const { accordion, destroyInactivePanel, collapsible, openAnimation } = props; const animation = openAnimation || (0,_util_collapseMotion__WEBPACK_IMPORTED_MODULE_10__["default"])(`${rootPrefixCls.value}-motion-collapse`); // If there is no key provide, use the panel order as default key const key = String((_a = child.key) !== null && _a !== void 0 ? _a : index); const { header = (_c = (_b = child.children) === null || _b === void 0 ? void 0 : _b.header) === null || _c === void 0 ? void 0 : _c.call(_b), headerClass, collapsible: childCollapsible, disabled } = child.props || {}; let isActive = false; if (accordion) { isActive = activeKey[0] === key; } else { isActive = activeKey.indexOf(key) > -1; } let mergeCollapsible = childCollapsible !== null && childCollapsible !== void 0 ? childCollapsible : collapsible; // legacy 2.x if (disabled || disabled === '') { mergeCollapsible = 'disabled'; } const newProps = { key, panelKey: key, header, headerClass, isActive, prefixCls: prefixCls.value, destroyInactivePanel, openAnimation: animation, accordion, onItemClick: mergeCollapsible === 'disabled' ? null : onClickItem, expandIcon: renderExpandIcon, collapsible: mergeCollapsible }; return (0,_util_vnode__WEBPACK_IMPORTED_MODULE_9__.cloneElement)(child, newProps); }; const getItems = () => { var _a; return (0,_util_props_util__WEBPACK_IMPORTED_MODULE_8__.flattenChildren)((_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)).map(getNewChild); }; return () => { const { accordion, bordered, ghost } = props; const collapseClassName = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_11__["default"])(prefixCls.value, { [`${prefixCls.value}-borderless`]: !bordered, [`${prefixCls.value}-icon-position-${iconPosition.value}`]: true, [`${prefixCls.value}-rtl`]: direction.value === 'rtl', [`${prefixCls.value}-ghost`]: !!ghost, [attrs.class]: !!attrs.class }, hashId.value); return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "class": collapseClassName }, (0,_util_util__WEBPACK_IMPORTED_MODULE_12__.getDataAndAriaProps)(attrs)), {}, { "style": attrs.style, "role": accordion ? 'tablist' : null }), [getItems()])); }; } })); /***/ }), /***/ "./components/collapse/CollapsePanel.tsx": /*!***********************************************!*\ !*** ./components/collapse/CollapsePanel.tsx ***! \***********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ collapsePanelProps: () => (/* reexport safe */ _commonProps__WEBPACK_IMPORTED_MODULE_3__.collapsePanelProps), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _PanelContent__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./PanelContent */ "./components/collapse/PanelContent.tsx"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/initDefaultProps.ts"); /* harmony import */ var _commonProps__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./commonProps */ "./components/collapse/commonProps.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _vc_util_devWarning__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../vc-util/devWarning */ "./components/vc-util/devWarning.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'ACollapsePanel', inheritAttrs: false, props: (0,_util_props_util__WEBPACK_IMPORTED_MODULE_4__["default"])((0,_commonProps__WEBPACK_IMPORTED_MODULE_3__.collapsePanelProps)(), { showArrow: true, isActive: false, onItemClick() {}, headerClass: '', forceRender: false }), slots: Object, // emits: ['itemClick'], setup(props, _ref) { let { slots, emit, attrs } = _ref; (0,_vc_util_devWarning__WEBPACK_IMPORTED_MODULE_5__["default"])(props.disabled === undefined, 'Collapse.Panel', '`disabled` is deprecated. Please use `collapsible="disabled"` instead.'); const { prefixCls } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_6__["default"])('collapse', props); const handleItemClick = () => { emit('itemClick', props.panelKey); }; const handleKeyPress = e => { if (e.key === 'Enter' || e.keyCode === 13 || e.which === 13) { handleItemClick(); } }; return () => { var _a, _b; const { header = (_a = slots.header) === null || _a === void 0 ? void 0 : _a.call(slots), headerClass, isActive, showArrow, destroyInactivePanel, accordion, forceRender, openAnimation, expandIcon = slots.expandIcon, extra = (_b = slots.extra) === null || _b === void 0 ? void 0 : _b.call(slots), collapsible } = props; const disabled = collapsible === 'disabled'; const prefixClsValue = prefixCls.value; const headerCls = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_7__["default"])(`${prefixClsValue}-header`, { [headerClass]: headerClass, [`${prefixClsValue}-header-collapsible-only`]: collapsible === 'header', [`${prefixClsValue}-icon-collapsible-only`]: collapsible === 'icon' }); const itemCls = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_7__["default"])({ [`${prefixClsValue}-item`]: true, [`${prefixClsValue}-item-active`]: isActive, [`${prefixClsValue}-item-disabled`]: disabled, [`${prefixClsValue}-no-arrow`]: !showArrow, [`${attrs.class}`]: !!attrs.class }); let icon = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("i", { "class": "arrow" }, null); if (showArrow && typeof expandIcon === 'function') { icon = expandIcon(props); } const panelContent = (0,vue__WEBPACK_IMPORTED_MODULE_2__.withDirectives)((0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_PanelContent__WEBPACK_IMPORTED_MODULE_8__["default"], { "prefixCls": prefixClsValue, "isActive": isActive, "forceRender": forceRender, "role": accordion ? 'tabpanel' : null }, { default: slots.default }), [[vue__WEBPACK_IMPORTED_MODULE_2__.vShow, isActive]]); const transitionProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({ appear: false, css: false }, openAnimation); return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, attrs), {}, { "class": itemCls }), [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": headerCls, "onClick": () => !['header', 'icon'].includes(collapsible) && handleItemClick(), "role": accordion ? 'tab' : 'button', "tabindex": disabled ? -1 : 0, "aria-expanded": isActive, "onKeypress": handleKeyPress }, [showArrow && icon, (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", { "onClick": () => collapsible === 'header' && handleItemClick(), "class": `${prefixClsValue}-header-text` }, [header]), extra && (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": `${prefixClsValue}-extra` }, [extra])]), (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_2__.Transition, transitionProps, { default: () => [!destroyInactivePanel || isActive ? panelContent : null] })]); }; } })); /***/ }), /***/ "./components/collapse/PanelContent.tsx": /*!**********************************************!*\ !*** ./components/collapse/PanelContent.tsx ***! \**********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _commonProps__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./commonProps */ "./components/collapse/commonProps.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'PanelContent', props: (0,_commonProps__WEBPACK_IMPORTED_MODULE_1__.collapsePanelProps)(), setup(props, _ref) { let { slots } = _ref; const rendered = (0,vue__WEBPACK_IMPORTED_MODULE_0__.shallowRef)(false); (0,vue__WEBPACK_IMPORTED_MODULE_0__.watchEffect)(() => { if (props.isActive || props.forceRender) { rendered.value = true; } }); return () => { var _a; if (!rendered.value) return null; const { prefixCls, isActive, role } = props; return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", { "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_2__["default"])(`${prefixCls}-content`, { [`${prefixCls}-content-active`]: isActive, [`${prefixCls}-content-inactive`]: !isActive }), "role": role }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", { "class": `${prefixCls}-content-box` }, [(_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)])]); }; } })); /***/ }), /***/ "./components/collapse/commonProps.ts": /*!********************************************!*\ !*** ./components/collapse/commonProps.ts ***! \********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ collapsePanelProps: () => (/* binding */ collapsePanelProps), /* harmony export */ collapseProps: () => (/* binding */ collapseProps) /* harmony export */ }); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); const collapseProps = () => ({ prefixCls: String, activeKey: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.someType)([Array, Number, String]), defaultActiveKey: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.someType)([Array, Number, String]), accordion: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.booleanType)(), destroyInactivePanel: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.booleanType)(), bordered: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.booleanType)(), expandIcon: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.functionType)(), openAnimation: _util_vue_types__WEBPACK_IMPORTED_MODULE_1__["default"].object, expandIconPosition: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.stringType)(), collapsible: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.stringType)(), ghost: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.booleanType)(), onChange: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.functionType)(), 'onUpdate:activeKey': (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.functionType)() }); const collapsePanelProps = () => ({ openAnimation: _util_vue_types__WEBPACK_IMPORTED_MODULE_1__["default"].object, prefixCls: String, header: _util_vue_types__WEBPACK_IMPORTED_MODULE_1__["default"].any, headerClass: String, showArrow: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.booleanType)(), isActive: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.booleanType)(), destroyInactivePanel: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.booleanType)(), /** @deprecated Use `collapsible="disabled"` instead */ disabled: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.booleanType)(), accordion: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.booleanType)(), forceRender: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.booleanType)(), expandIcon: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.functionType)(), extra: _util_vue_types__WEBPACK_IMPORTED_MODULE_1__["default"].any, panelKey: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.someType)(), collapsible: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.stringType)(), role: String, onItemClick: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.functionType)() }); /***/ }), /***/ "./components/collapse/index.ts": /*!**************************************!*\ !*** ./components/collapse/index.ts ***! \**************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ CollapsePanel: () => (/* reexport safe */ _CollapsePanel__WEBPACK_IMPORTED_MODULE_1__["default"]), /* harmony export */ collapsePanelProps: () => (/* reexport safe */ _Collapse__WEBPACK_IMPORTED_MODULE_2__.collapsePanelProps), /* harmony export */ collapseProps: () => (/* reexport safe */ _Collapse__WEBPACK_IMPORTED_MODULE_2__.collapseProps), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _Collapse__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Collapse */ "./components/collapse/Collapse.tsx"); /* harmony import */ var _Collapse__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./CollapsePanel */ "./components/collapse/commonProps.ts"); /* harmony import */ var _CollapsePanel__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./CollapsePanel */ "./components/collapse/CollapsePanel.tsx"); _Collapse__WEBPACK_IMPORTED_MODULE_0__["default"].Panel = _CollapsePanel__WEBPACK_IMPORTED_MODULE_1__["default"]; /* istanbul ignore next */ _Collapse__WEBPACK_IMPORTED_MODULE_0__["default"].install = function (app) { app.component(_Collapse__WEBPACK_IMPORTED_MODULE_0__["default"].name, _Collapse__WEBPACK_IMPORTED_MODULE_0__["default"]); app.component(_CollapsePanel__WEBPACK_IMPORTED_MODULE_1__["default"].name, _CollapsePanel__WEBPACK_IMPORTED_MODULE_1__["default"]); return app; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_Collapse__WEBPACK_IMPORTED_MODULE_0__["default"]); /***/ }), /***/ "./components/collapse/style/index.tsx": /*!*********************************************!*\ !*** ./components/collapse/style/index.tsx ***! \*********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ genBaseStyle: () => (/* binding */ genBaseStyle) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _style_motion__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../style/motion */ "./components/style/motion/collapse.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/genComponentStyleHook.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/statistic.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../style */ "./components/style/index.ts"); const genBaseStyle = token => { const { componentCls, collapseContentBg, padding, collapseContentPaddingHorizontal, collapseHeaderBg, collapseHeaderPadding, collapsePanelBorderRadius, lineWidth, lineType, colorBorder, colorText, colorTextHeading, colorTextDisabled, fontSize, lineHeight, marginSM, paddingSM, motionDurationSlow, fontSizeIcon } = token; const borderBase = `${lineWidth}px ${lineType} ${colorBorder}`; return { [componentCls]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_1__.resetComponent)(token)), { backgroundColor: collapseHeaderBg, border: borderBase, borderBottom: 0, borderRadius: `${collapsePanelBorderRadius}px`, [`&-rtl`]: { direction: 'rtl' }, [`& > ${componentCls}-item`]: { borderBottom: borderBase, [`&:last-child`]: { [` &, & > ${componentCls}-header`]: { borderRadius: `0 0 ${collapsePanelBorderRadius}px ${collapsePanelBorderRadius}px` } }, [`> ${componentCls}-header`]: { position: 'relative', display: 'flex', flexWrap: 'nowrap', alignItems: 'flex-start', padding: collapseHeaderPadding, color: colorTextHeading, lineHeight, cursor: 'pointer', transition: `all ${motionDurationSlow}, visibility 0s`, [`> ${componentCls}-header-text`]: { flex: 'auto' }, '&:focus': { outline: 'none' }, // >>>>> Arrow [`${componentCls}-expand-icon`]: { height: fontSize * lineHeight, display: 'flex', alignItems: 'center', paddingInlineEnd: marginSM }, [`${componentCls}-arrow`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_1__.resetIcon)()), { fontSize: fontSizeIcon, svg: { transition: `transform ${motionDurationSlow}` } }), // >>>>> Text [`${componentCls}-header-text`]: { marginInlineEnd: 'auto' } }, [`${componentCls}-header-collapsible-only`]: { cursor: 'default', [`${componentCls}-header-text`]: { flex: 'none', cursor: 'pointer' }, [`${componentCls}-expand-icon`]: { cursor: 'pointer' } }, [`${componentCls}-icon-collapsible-only`]: { cursor: 'default', [`${componentCls}-expand-icon`]: { cursor: 'pointer' } }, [`&${componentCls}-no-arrow`]: { [`> ${componentCls}-header`]: { paddingInlineStart: paddingSM } } }, [`${componentCls}-content`]: { color: colorText, backgroundColor: collapseContentBg, borderTop: borderBase, [`& > ${componentCls}-content-box`]: { padding: `${padding}px ${collapseContentPaddingHorizontal}px` }, [`&-hidden`]: { display: 'none' } }, [`${componentCls}-item:last-child`]: { [`> ${componentCls}-content`]: { borderRadius: `0 0 ${collapsePanelBorderRadius}px ${collapsePanelBorderRadius}px` } }, [`& ${componentCls}-item-disabled > ${componentCls}-header`]: { [` &, & > .arrow `]: { color: colorTextDisabled, cursor: 'not-allowed' } }, // ========================== Icon Position ========================== [`&${componentCls}-icon-position-end`]: { [`& > ${componentCls}-item`]: { [`> ${componentCls}-header`]: { [`${componentCls}-expand-icon`]: { order: 1, paddingInlineEnd: 0, paddingInlineStart: marginSM } } } } }) }; }; const genArrowStyle = token => { const { componentCls } = token; const fixedSelector = `> ${componentCls}-item > ${componentCls}-header ${componentCls}-arrow svg`; return { [`${componentCls}-rtl`]: { [fixedSelector]: { transform: `rotate(180deg)` } } }; }; const genBorderlessStyle = token => { const { componentCls, collapseHeaderBg, paddingXXS, colorBorder } = token; return { [`${componentCls}-borderless`]: { backgroundColor: collapseHeaderBg, border: 0, [`> ${componentCls}-item`]: { borderBottom: `1px solid ${colorBorder}` }, [` > ${componentCls}-item:last-child, > ${componentCls}-item:last-child ${componentCls}-header `]: { borderRadius: 0 }, [`> ${componentCls}-item:last-child`]: { borderBottom: 0 }, [`> ${componentCls}-item > ${componentCls}-content`]: { backgroundColor: 'transparent', borderTop: 0 }, [`> ${componentCls}-item > ${componentCls}-content > ${componentCls}-content-box`]: { paddingTop: paddingXXS } } }; }; const genGhostStyle = token => { const { componentCls, paddingSM } = token; return { [`${componentCls}-ghost`]: { backgroundColor: 'transparent', border: 0, [`> ${componentCls}-item`]: { borderBottom: 0, [`> ${componentCls}-content`]: { backgroundColor: 'transparent', border: 0, [`> ${componentCls}-content-box`]: { paddingBlock: paddingSM } } } } }; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_theme_internal__WEBPACK_IMPORTED_MODULE_2__["default"])('Collapse', token => { const collapseToken = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_3__.merge)(token, { collapseContentBg: token.colorBgContainer, collapseHeaderBg: token.colorFillAlter, collapseHeaderPadding: `${token.paddingSM}px ${token.padding}px`, collapsePanelBorderRadius: token.borderRadiusLG, collapseContentPaddingHorizontal: 16 // Fixed value }); return [genBaseStyle(collapseToken), genBorderlessStyle(collapseToken), genGhostStyle(collapseToken), genArrowStyle(collapseToken), (0,_style_motion__WEBPACK_IMPORTED_MODULE_4__["default"])(collapseToken)]; })); /***/ }), /***/ "./components/comment/index.tsx": /*!**************************************!*\ !*** ./components/comment/index.tsx ***! \**************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ commentProps: () => (/* binding */ commentProps), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/index.ts"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./style */ "./components/comment/style/index.ts"); // CSSINJS const commentProps = () => ({ actions: Array, /** The element to display as the comment author. */ author: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].any, /** The element to display as the comment avatar - generally an antd Avatar */ avatar: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].any, /** The main content of the comment */ content: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].any, /** Comment prefix defaults to '.ant-comment' */ prefixCls: String, /** A datetime element containing the time to be displayed */ datetime: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].any }); const Comment = (0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'AComment', inheritAttrs: false, props: commentProps(), slots: Object, setup(props, _ref) { let { slots, attrs } = _ref; const { prefixCls, direction } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_3__["default"])('comment', props); // style const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_4__["default"])(prefixCls); const renderNested = (prefixCls, children) => { return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${prefixCls}-nested` }, [children]); }; const getAction = actions => { if (!actions || !actions.length) { return null; } const actionList = actions.map((action, index) => (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("li", { "key": `action-${index}` }, [action])); return actionList; }; return () => { var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l; const pre = prefixCls.value; const actions = (_a = props.actions) !== null && _a !== void 0 ? _a : (_b = slots.actions) === null || _b === void 0 ? void 0 : _b.call(slots); const author = (_c = props.author) !== null && _c !== void 0 ? _c : (_d = slots.author) === null || _d === void 0 ? void 0 : _d.call(slots); const avatar = (_e = props.avatar) !== null && _e !== void 0 ? _e : (_f = slots.avatar) === null || _f === void 0 ? void 0 : _f.call(slots); const content = (_g = props.content) !== null && _g !== void 0 ? _g : (_h = slots.content) === null || _h === void 0 ? void 0 : _h.call(slots); const datetime = (_j = props.datetime) !== null && _j !== void 0 ? _j : (_k = slots.datetime) === null || _k === void 0 ? void 0 : _k.call(slots); const avatarDom = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${pre}-avatar` }, [typeof avatar === 'string' ? (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("img", { "src": avatar, "alt": "comment-avatar" }, null) : avatar]); const actionDom = actions ? (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("ul", { "class": `${pre}-actions` }, [getAction(Array.isArray(actions) ? actions : [actions])]) : null; const authorContent = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${pre}-content-author` }, [author && (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", { "class": `${pre}-content-author-name` }, [author]), datetime && (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", { "class": `${pre}-content-author-time` }, [datetime])]); const contentDom = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${pre}-content` }, [authorContent, (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${pre}-content-detail` }, [content]), actionDom]); const comment = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${pre}-inner` }, [avatarDom, contentDom]); const children = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_5__.flattenChildren)((_l = slots.default) === null || _l === void 0 ? void 0 : _l.call(slots)); return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, attrs), {}, { "class": [pre, { [`${pre}-rtl`]: direction.value === 'rtl' }, attrs.class, hashId.value] }), [comment, children && children.length ? renderNested(pre, children) : null])); }; } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_util_type__WEBPACK_IMPORTED_MODULE_6__.withInstall)(Comment)); /***/ }), /***/ "./components/comment/style/index.ts": /*!*******************************************!*\ !*** ./components/comment/style/index.ts ***! \*******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/genComponentStyleHook.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/statistic.ts"); const genBaseStyle = token => { const { componentCls, commentBg, commentPaddingBase, commentNestIndent, commentFontSizeBase, commentFontSizeSm, commentAuthorNameColor, commentAuthorTimeColor, commentActionColor, commentActionHoverColor, commentActionsMarginBottom, commentActionsMarginTop, commentContentDetailPMarginBottom } = token; return { [componentCls]: { position: 'relative', backgroundColor: commentBg, [`${componentCls}-inner`]: { display: 'flex', padding: commentPaddingBase }, [`${componentCls}-avatar`]: { position: 'relative', flexShrink: 0, marginRight: token.marginSM, cursor: 'pointer', [`img`]: { width: '32px', height: '32px', borderRadius: '50%' } }, [`${componentCls}-content`]: { position: 'relative', flex: `1 1 auto`, minWidth: `1px`, fontSize: commentFontSizeBase, wordWrap: 'break-word', [`&-author`]: { display: 'flex', flexWrap: 'wrap', justifyContent: 'flex-start', marginBottom: token.marginXXS, fontSize: commentFontSizeBase, [`& > a,& > span`]: { paddingRight: token.paddingXS, fontSize: commentFontSizeSm, lineHeight: `18px` }, [`&-name`]: { color: commentAuthorNameColor, fontSize: commentFontSizeBase, transition: `color ${token.motionDurationSlow}`, [`> *`]: { color: commentAuthorNameColor, [`&:hover`]: { color: commentAuthorNameColor } } }, [`&-time`]: { color: commentAuthorTimeColor, whiteSpace: 'nowrap', cursor: 'auto' } }, [`&-detail p`]: { marginBottom: commentContentDetailPMarginBottom, whiteSpace: 'pre-wrap' } }, [`${componentCls}-actions`]: { marginTop: commentActionsMarginTop, marginBottom: commentActionsMarginBottom, paddingLeft: 0, [`> li`]: { display: 'inline-block', color: commentActionColor, [`> span`]: { marginRight: '10px', color: commentActionColor, fontSize: commentFontSizeSm, cursor: 'pointer', transition: `color ${token.motionDurationSlow}`, userSelect: 'none', [`&:hover`]: { color: commentActionHoverColor } } } }, [`${componentCls}-nested`]: { marginLeft: commentNestIndent }, '&-rtl': { direction: 'rtl' } } }; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_theme_internal__WEBPACK_IMPORTED_MODULE_0__["default"])('Comment', token => { const commentToken = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_1__.merge)(token, { commentBg: 'inherit', commentPaddingBase: `${token.paddingMD}px 0`, commentNestIndent: `44px`, commentFontSizeBase: token.fontSize, commentFontSizeSm: token.fontSizeSM, commentAuthorNameColor: token.colorTextTertiary, commentAuthorTimeColor: token.colorTextPlaceholder, commentActionColor: token.colorTextTertiary, commentActionHoverColor: token.colorTextSecondary, commentActionsMarginBottom: 'inherit', commentActionsMarginTop: token.marginSM, commentContentDetailPMarginBottom: 'inherit' }); return [genBaseStyle(commentToken)]; })); /***/ }), /***/ "./components/components.ts": /*!**********************************!*\ !*** ./components/components.ts ***! \**********************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ Affix: () => (/* reexport safe */ _affix__WEBPACK_IMPORTED_MODULE_0__["default"]), /* harmony export */ Alert: () => (/* reexport safe */ _alert__WEBPACK_IMPORTED_MODULE_4__["default"]), /* harmony export */ Anchor: () => (/* reexport safe */ _anchor__WEBPACK_IMPORTED_MODULE_1__["default"]), /* harmony export */ AnchorLink: () => (/* reexport safe */ _anchor__WEBPACK_IMPORTED_MODULE_2__["default"]), /* harmony export */ App: () => (/* reexport safe */ _app__WEBPACK_IMPORTED_MODULE_115__["default"]), /* harmony export */ AutoComplete: () => (/* reexport safe */ _auto_complete__WEBPACK_IMPORTED_MODULE_3__["default"]), /* harmony export */ AutoCompleteOptGroup: () => (/* reexport safe */ _auto_complete__WEBPACK_IMPORTED_MODULE_3__.AutoCompleteOptGroup), /* harmony export */ AutoCompleteOption: () => (/* reexport safe */ _auto_complete__WEBPACK_IMPORTED_MODULE_3__.AutoCompleteOption), /* harmony export */ Avatar: () => (/* reexport safe */ _avatar__WEBPACK_IMPORTED_MODULE_5__["default"]), /* harmony export */ AvatarGroup: () => (/* reexport safe */ _avatar__WEBPACK_IMPORTED_MODULE_6__["default"]), /* harmony export */ BackTop: () => (/* reexport safe */ _float_button__WEBPACK_IMPORTED_MODULE_37__["default"]), /* harmony export */ Badge: () => (/* reexport safe */ _badge__WEBPACK_IMPORTED_MODULE_7__["default"]), /* harmony export */ BadgeRibbon: () => (/* reexport safe */ _badge__WEBPACK_IMPORTED_MODULE_8__["default"]), /* harmony export */ Breadcrumb: () => (/* reexport safe */ _breadcrumb__WEBPACK_IMPORTED_MODULE_9__["default"]), /* harmony export */ BreadcrumbItem: () => (/* reexport safe */ _breadcrumb__WEBPACK_IMPORTED_MODULE_10__["default"]), /* harmony export */ BreadcrumbSeparator: () => (/* reexport safe */ _breadcrumb__WEBPACK_IMPORTED_MODULE_11__["default"]), /* harmony export */ Button: () => (/* reexport safe */ _button__WEBPACK_IMPORTED_MODULE_12__["default"]), /* harmony export */ ButtonGroup: () => (/* reexport safe */ _button__WEBPACK_IMPORTED_MODULE_13__["default"]), /* harmony export */ Calendar: () => (/* reexport safe */ _calendar__WEBPACK_IMPORTED_MODULE_14__["default"]), /* harmony export */ Card: () => (/* reexport safe */ _card__WEBPACK_IMPORTED_MODULE_15__["default"]), /* harmony export */ CardGrid: () => (/* reexport safe */ _card__WEBPACK_IMPORTED_MODULE_16__["default"]), /* harmony export */ CardMeta: () => (/* reexport safe */ _card__WEBPACK_IMPORTED_MODULE_17__["default"]), /* harmony export */ Carousel: () => (/* reexport safe */ _carousel__WEBPACK_IMPORTED_MODULE_20__["default"]), /* harmony export */ Cascader: () => (/* reexport safe */ _cascader__WEBPACK_IMPORTED_MODULE_21__["default"]), /* harmony export */ CheckableTag: () => (/* reexport safe */ _tag__WEBPACK_IMPORTED_MODULE_98__["default"]), /* harmony export */ Checkbox: () => (/* reexport safe */ _checkbox__WEBPACK_IMPORTED_MODULE_22__["default"]), /* harmony export */ CheckboxGroup: () => (/* reexport safe */ _checkbox__WEBPACK_IMPORTED_MODULE_23__["default"]), /* harmony export */ Col: () => (/* reexport safe */ _col__WEBPACK_IMPORTED_MODULE_24__["default"]), /* harmony export */ Collapse: () => (/* reexport safe */ _collapse__WEBPACK_IMPORTED_MODULE_18__["default"]), /* harmony export */ CollapsePanel: () => (/* reexport safe */ _collapse__WEBPACK_IMPORTED_MODULE_19__["default"]), /* harmony export */ Comment: () => (/* reexport safe */ _comment__WEBPACK_IMPORTED_MODULE_25__["default"]), /* harmony export */ Compact: () => (/* reexport safe */ _space__WEBPACK_IMPORTED_MODULE_84__["default"]), /* harmony export */ ConfigProvider: () => (/* reexport safe */ _config_provider__WEBPACK_IMPORTED_MODULE_26__["default"]), /* harmony export */ DatePicker: () => (/* reexport safe */ _date_picker__WEBPACK_IMPORTED_MODULE_27__["default"]), /* harmony export */ Descriptions: () => (/* reexport safe */ _descriptions__WEBPACK_IMPORTED_MODULE_29__["default"]), /* harmony export */ DescriptionsItem: () => (/* reexport safe */ _descriptions__WEBPACK_IMPORTED_MODULE_29__.DescriptionsItem), /* harmony export */ DirectoryTree: () => (/* reexport safe */ _tree__WEBPACK_IMPORTED_MODULE_93__["default"]), /* harmony export */ Divider: () => (/* reexport safe */ _divider__WEBPACK_IMPORTED_MODULE_30__["default"]), /* harmony export */ Drawer: () => (/* reexport safe */ _drawer__WEBPACK_IMPORTED_MODULE_33__["default"]), /* harmony export */ Dropdown: () => (/* reexport safe */ _dropdown__WEBPACK_IMPORTED_MODULE_31__["default"]), /* harmony export */ DropdownButton: () => (/* reexport safe */ _dropdown__WEBPACK_IMPORTED_MODULE_32__["default"]), /* harmony export */ Empty: () => (/* reexport safe */ _empty__WEBPACK_IMPORTED_MODULE_34__["default"]), /* harmony export */ Flex: () => (/* reexport safe */ _flex__WEBPACK_IMPORTED_MODULE_116__["default"]), /* harmony export */ FloatButton: () => (/* reexport safe */ _float_button__WEBPACK_IMPORTED_MODULE_35__["default"]), /* harmony export */ FloatButtonGroup: () => (/* reexport safe */ _float_button__WEBPACK_IMPORTED_MODULE_36__["default"]), /* harmony export */ Form: () => (/* reexport safe */ _form__WEBPACK_IMPORTED_MODULE_38__["default"]), /* harmony export */ FormItem: () => (/* reexport safe */ _form__WEBPACK_IMPORTED_MODULE_39__["default"]), /* harmony export */ FormItemRest: () => (/* reexport safe */ _form__WEBPACK_IMPORTED_MODULE_40__["default"]), /* harmony export */ Grid: () => (/* reexport safe */ _grid__WEBPACK_IMPORTED_MODULE_41__["default"]), /* harmony export */ Image: () => (/* reexport safe */ _image__WEBPACK_IMPORTED_MODULE_47__["default"]), /* harmony export */ ImagePreviewGroup: () => (/* reexport safe */ _image__WEBPACK_IMPORTED_MODULE_48__["default"]), /* harmony export */ Input: () => (/* reexport safe */ _input__WEBPACK_IMPORTED_MODULE_42__["default"]), /* harmony export */ InputGroup: () => (/* reexport safe */ _input__WEBPACK_IMPORTED_MODULE_43__["default"]), /* harmony export */ InputNumber: () => (/* reexport safe */ _input_number__WEBPACK_IMPORTED_MODULE_49__["default"]), /* harmony export */ InputPassword: () => (/* reexport safe */ _input__WEBPACK_IMPORTED_MODULE_44__["default"]), /* harmony export */ InputSearch: () => (/* reexport safe */ _input__WEBPACK_IMPORTED_MODULE_45__["default"]), /* harmony export */ Layout: () => (/* reexport safe */ _layout__WEBPACK_IMPORTED_MODULE_50__["default"]), /* harmony export */ LayoutContent: () => (/* reexport safe */ _layout__WEBPACK_IMPORTED_MODULE_50__.LayoutContent), /* harmony export */ LayoutFooter: () => (/* reexport safe */ _layout__WEBPACK_IMPORTED_MODULE_50__.LayoutFooter), /* harmony export */ LayoutHeader: () => (/* reexport safe */ _layout__WEBPACK_IMPORTED_MODULE_50__.LayoutHeader), /* harmony export */ LayoutSider: () => (/* reexport safe */ _layout__WEBPACK_IMPORTED_MODULE_50__.LayoutSider), /* harmony export */ List: () => (/* reexport safe */ _list__WEBPACK_IMPORTED_MODULE_51__["default"]), /* harmony export */ ListItem: () => (/* reexport safe */ _list__WEBPACK_IMPORTED_MODULE_52__["default"]), /* harmony export */ ListItemMeta: () => (/* reexport safe */ _list__WEBPACK_IMPORTED_MODULE_53__["default"]), /* harmony export */ LocaleProvider: () => (/* reexport safe */ _locale_provider__WEBPACK_IMPORTED_MODULE_110__["default"]), /* harmony export */ Mentions: () => (/* reexport safe */ _mentions__WEBPACK_IMPORTED_MODULE_60__["default"]), /* harmony export */ MentionsOption: () => (/* reexport safe */ _mentions__WEBPACK_IMPORTED_MODULE_60__.MentionsOption), /* harmony export */ Menu: () => (/* reexport safe */ _menu__WEBPACK_IMPORTED_MODULE_55__["default"]), /* harmony export */ MenuDivider: () => (/* reexport safe */ _menu__WEBPACK_IMPORTED_MODULE_56__["default"]), /* harmony export */ MenuItem: () => (/* reexport safe */ _menu__WEBPACK_IMPORTED_MODULE_57__["default"]), /* harmony export */ MenuItemGroup: () => (/* reexport safe */ _menu__WEBPACK_IMPORTED_MODULE_58__["default"]), /* harmony export */ Modal: () => (/* reexport safe */ _modal__WEBPACK_IMPORTED_MODULE_61__["default"]), /* harmony export */ MonthPicker: () => (/* reexport safe */ _date_picker__WEBPACK_IMPORTED_MODULE_28__.MonthPicker), /* harmony export */ PageHeader: () => (/* reexport safe */ _page_header__WEBPACK_IMPORTED_MODULE_64__["default"]), /* harmony export */ Pagination: () => (/* reexport safe */ _pagination__WEBPACK_IMPORTED_MODULE_65__["default"]), /* harmony export */ Popconfirm: () => (/* reexport safe */ _popconfirm__WEBPACK_IMPORTED_MODULE_66__["default"]), /* harmony export */ Popover: () => (/* reexport safe */ _popover__WEBPACK_IMPORTED_MODULE_67__["default"]), /* harmony export */ Progress: () => (/* reexport safe */ _progress__WEBPACK_IMPORTED_MODULE_68__["default"]), /* harmony export */ QRCode: () => (/* reexport safe */ _qrcode__WEBPACK_IMPORTED_MODULE_113__["default"]), /* harmony export */ QuarterPicker: () => (/* reexport safe */ _date_picker__WEBPACK_IMPORTED_MODULE_28__.QuarterPicker), /* harmony export */ Radio: () => (/* reexport safe */ _radio__WEBPACK_IMPORTED_MODULE_69__["default"]), /* harmony export */ RadioButton: () => (/* reexport safe */ _radio__WEBPACK_IMPORTED_MODULE_70__["default"]), /* harmony export */ RadioGroup: () => (/* reexport safe */ _radio__WEBPACK_IMPORTED_MODULE_71__["default"]), /* harmony export */ RangePicker: () => (/* reexport safe */ _date_picker__WEBPACK_IMPORTED_MODULE_28__.RangePicker), /* harmony export */ Rate: () => (/* reexport safe */ _rate__WEBPACK_IMPORTED_MODULE_72__["default"]), /* harmony export */ Result: () => (/* reexport safe */ _result__WEBPACK_IMPORTED_MODULE_73__["default"]), /* harmony export */ Row: () => (/* reexport safe */ _row__WEBPACK_IMPORTED_MODULE_74__["default"]), /* harmony export */ Segmented: () => (/* reexport safe */ _segmented__WEBPACK_IMPORTED_MODULE_112__["default"]), /* harmony export */ Select: () => (/* reexport safe */ _select__WEBPACK_IMPORTED_MODULE_75__["default"]), /* harmony export */ SelectOptGroup: () => (/* reexport safe */ _select__WEBPACK_IMPORTED_MODULE_75__.SelectOptGroup), /* harmony export */ SelectOption: () => (/* reexport safe */ _select__WEBPACK_IMPORTED_MODULE_75__.SelectOption), /* harmony export */ Skeleton: () => (/* reexport safe */ _skeleton__WEBPACK_IMPORTED_MODULE_76__["default"]), /* harmony export */ SkeletonAvatar: () => (/* reexport safe */ _skeleton__WEBPACK_IMPORTED_MODULE_78__["default"]), /* harmony export */ SkeletonButton: () => (/* reexport safe */ _skeleton__WEBPACK_IMPORTED_MODULE_77__["default"]), /* harmony export */ SkeletonImage: () => (/* reexport safe */ _skeleton__WEBPACK_IMPORTED_MODULE_80__["default"]), /* harmony export */ SkeletonInput: () => (/* reexport safe */ _skeleton__WEBPACK_IMPORTED_MODULE_79__["default"]), /* harmony export */ SkeletonTitle: () => (/* reexport safe */ _skeleton__WEBPACK_IMPORTED_MODULE_81__["default"]), /* harmony export */ Slider: () => (/* reexport safe */ _slider__WEBPACK_IMPORTED_MODULE_82__["default"]), /* harmony export */ Space: () => (/* reexport safe */ _space__WEBPACK_IMPORTED_MODULE_83__["default"]), /* harmony export */ Spin: () => (/* reexport safe */ _spin__WEBPACK_IMPORTED_MODULE_85__["default"]), /* harmony export */ Statistic: () => (/* reexport safe */ _statistic__WEBPACK_IMPORTED_MODULE_62__["default"]), /* harmony export */ StatisticCountdown: () => (/* reexport safe */ _statistic__WEBPACK_IMPORTED_MODULE_62__.StatisticCountdown), /* harmony export */ Step: () => (/* reexport safe */ _steps__WEBPACK_IMPORTED_MODULE_86__.Step), /* harmony export */ Steps: () => (/* reexport safe */ _steps__WEBPACK_IMPORTED_MODULE_86__["default"]), /* harmony export */ SubMenu: () => (/* reexport safe */ _menu__WEBPACK_IMPORTED_MODULE_59__["default"]), /* harmony export */ Switch: () => (/* reexport safe */ _switch__WEBPACK_IMPORTED_MODULE_87__["default"]), /* harmony export */ TabPane: () => (/* reexport safe */ _tabs__WEBPACK_IMPORTED_MODULE_96__["default"]), /* harmony export */ Table: () => (/* reexport safe */ _table__WEBPACK_IMPORTED_MODULE_88__["default"]), /* harmony export */ TableColumn: () => (/* reexport safe */ _table__WEBPACK_IMPORTED_MODULE_89__["default"]), /* harmony export */ TableColumnGroup: () => (/* reexport safe */ _table__WEBPACK_IMPORTED_MODULE_90__["default"]), /* harmony export */ TableSummary: () => (/* reexport safe */ _table__WEBPACK_IMPORTED_MODULE_88__.TableSummary), /* harmony export */ TableSummaryCell: () => (/* reexport safe */ _table__WEBPACK_IMPORTED_MODULE_88__.TableSummaryCell), /* harmony export */ TableSummaryRow: () => (/* reexport safe */ _table__WEBPACK_IMPORTED_MODULE_88__.TableSummaryRow), /* harmony export */ Tabs: () => (/* reexport safe */ _tabs__WEBPACK_IMPORTED_MODULE_95__["default"]), /* harmony export */ Tag: () => (/* reexport safe */ _tag__WEBPACK_IMPORTED_MODULE_97__["default"]), /* harmony export */ Textarea: () => (/* reexport safe */ _input__WEBPACK_IMPORTED_MODULE_46__["default"]), /* harmony export */ TimePicker: () => (/* reexport safe */ _time_picker__WEBPACK_IMPORTED_MODULE_99__["default"]), /* harmony export */ TimeRangePicker: () => (/* reexport safe */ _time_picker__WEBPACK_IMPORTED_MODULE_100__.TimeRangePicker), /* harmony export */ Timeline: () => (/* reexport safe */ _timeline__WEBPACK_IMPORTED_MODULE_101__["default"]), /* harmony export */ TimelineItem: () => (/* reexport safe */ _timeline__WEBPACK_IMPORTED_MODULE_102__["default"]), /* harmony export */ Tooltip: () => (/* reexport safe */ _tooltip__WEBPACK_IMPORTED_MODULE_103__["default"]), /* harmony export */ Tour: () => (/* reexport safe */ _tour__WEBPACK_IMPORTED_MODULE_114__["default"]), /* harmony export */ Transfer: () => (/* reexport safe */ _transfer__WEBPACK_IMPORTED_MODULE_91__["default"]), /* harmony export */ Tree: () => (/* reexport safe */ _tree__WEBPACK_IMPORTED_MODULE_92__["default"]), /* harmony export */ TreeNode: () => (/* reexport safe */ _tree__WEBPACK_IMPORTED_MODULE_92__.TreeNode), /* harmony export */ TreeSelect: () => (/* reexport safe */ _tree_select__WEBPACK_IMPORTED_MODULE_94__["default"]), /* harmony export */ TreeSelectNode: () => (/* reexport safe */ _tree_select__WEBPACK_IMPORTED_MODULE_94__.TreeSelectNode), /* harmony export */ Typography: () => (/* reexport safe */ _typography__WEBPACK_IMPORTED_MODULE_104__["default"]), /* harmony export */ TypographyLink: () => (/* reexport safe */ _typography__WEBPACK_IMPORTED_MODULE_105__["default"]), /* harmony export */ TypographyParagraph: () => (/* reexport safe */ _typography__WEBPACK_IMPORTED_MODULE_106__["default"]), /* harmony export */ TypographyText: () => (/* reexport safe */ _typography__WEBPACK_IMPORTED_MODULE_107__["default"]), /* harmony export */ TypographyTitle: () => (/* reexport safe */ _typography__WEBPACK_IMPORTED_MODULE_108__["default"]), /* harmony export */ Upload: () => (/* reexport safe */ _upload__WEBPACK_IMPORTED_MODULE_109__["default"]), /* harmony export */ UploadDragger: () => (/* reexport safe */ _upload__WEBPACK_IMPORTED_MODULE_109__.UploadDragger), /* harmony export */ Watermark: () => (/* reexport safe */ _watermark__WEBPACK_IMPORTED_MODULE_111__["default"]), /* harmony export */ WeekPicker: () => (/* reexport safe */ _date_picker__WEBPACK_IMPORTED_MODULE_28__.WeekPicker), /* harmony export */ message: () => (/* reexport safe */ _message__WEBPACK_IMPORTED_MODULE_54__["default"]), /* harmony export */ notification: () => (/* reexport safe */ _notification__WEBPACK_IMPORTED_MODULE_63__["default"]) /* harmony export */ }); /* harmony import */ var _affix__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./affix */ "./components/affix/index.tsx"); /* harmony import */ var _anchor__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./anchor */ "./components/anchor/index.tsx"); /* harmony import */ var _anchor__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./anchor */ "./components/anchor/AnchorLink.tsx"); /* harmony import */ var _auto_complete__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./auto-complete */ "./components/auto-complete/index.tsx"); /* harmony import */ var _alert__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./alert */ "./components/alert/index.tsx"); /* harmony import */ var _avatar__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./avatar */ "./components/avatar/index.ts"); /* harmony import */ var _avatar__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./avatar */ "./components/avatar/Group.tsx"); /* harmony import */ var _badge__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./badge */ "./components/badge/index.ts"); /* harmony import */ var _badge__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./badge */ "./components/badge/Ribbon.tsx"); /* harmony import */ var _breadcrumb__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./breadcrumb */ "./components/breadcrumb/index.ts"); /* harmony import */ var _breadcrumb__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./breadcrumb */ "./components/breadcrumb/BreadcrumbItem.tsx"); /* harmony import */ var _breadcrumb__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./breadcrumb */ "./components/breadcrumb/BreadcrumbSeparator.tsx"); /* harmony import */ var _button__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./button */ "./components/button/index.ts"); /* harmony import */ var _button__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./button */ "./components/button/button-group.tsx"); /* harmony import */ var _calendar__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./calendar */ "./components/calendar/index.tsx"); /* harmony import */ var _card__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./card */ "./components/card/index.ts"); /* harmony import */ var _card__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./card */ "./components/card/Grid.tsx"); /* harmony import */ var _card__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./card */ "./components/card/Meta.tsx"); /* harmony import */ var _collapse__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./collapse */ "./components/collapse/index.ts"); /* harmony import */ var _collapse__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./collapse */ "./components/collapse/CollapsePanel.tsx"); /* harmony import */ var _carousel__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./carousel */ "./components/carousel/index.tsx"); /* harmony import */ var _cascader__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./cascader */ "./components/cascader/index.tsx"); /* harmony import */ var _checkbox__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./checkbox */ "./components/checkbox/index.ts"); /* harmony import */ var _checkbox__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./checkbox */ "./components/checkbox/Group.tsx"); /* harmony import */ var _col__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./col */ "./components/col/index.ts"); /* harmony import */ var _comment__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./comment */ "./components/comment/index.tsx"); /* harmony import */ var _config_provider__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./config-provider */ "./components/config-provider/index.tsx"); /* harmony import */ var _date_picker__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ./date-picker */ "./components/date-picker/index.tsx"); /* harmony import */ var _date_picker__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ./date-picker */ "./components/date-picker/dayjs.tsx"); /* harmony import */ var _descriptions__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ./descriptions */ "./components/descriptions/index.tsx"); /* harmony import */ var _divider__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ./divider */ "./components/divider/index.tsx"); /* harmony import */ var _dropdown__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! ./dropdown */ "./components/dropdown/index.ts"); /* harmony import */ var _dropdown__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! ./dropdown */ "./components/dropdown/dropdown-button.tsx"); /* harmony import */ var _drawer__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(/*! ./drawer */ "./components/drawer/index.tsx"); /* harmony import */ var _empty__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__(/*! ./empty */ "./components/empty/index.tsx"); /* harmony import */ var _float_button__WEBPACK_IMPORTED_MODULE_35__ = __webpack_require__(/*! ./float-button */ "./components/float-button/index.ts"); /* harmony import */ var _float_button__WEBPACK_IMPORTED_MODULE_36__ = __webpack_require__(/*! ./float-button */ "./components/float-button/FloatButtonGroup.tsx"); /* harmony import */ var _float_button__WEBPACK_IMPORTED_MODULE_37__ = __webpack_require__(/*! ./float-button */ "./components/float-button/BackTop.tsx"); /* harmony import */ var _form__WEBPACK_IMPORTED_MODULE_38__ = __webpack_require__(/*! ./form */ "./components/form/index.tsx"); /* harmony import */ var _form__WEBPACK_IMPORTED_MODULE_39__ = __webpack_require__(/*! ./form */ "./components/form/FormItem.tsx"); /* harmony import */ var _form__WEBPACK_IMPORTED_MODULE_40__ = __webpack_require__(/*! ./form */ "./components/form/FormItemContext.ts"); /* harmony import */ var _grid__WEBPACK_IMPORTED_MODULE_41__ = __webpack_require__(/*! ./grid */ "./components/grid/index.ts"); /* harmony import */ var _input__WEBPACK_IMPORTED_MODULE_42__ = __webpack_require__(/*! ./input */ "./components/input/index.ts"); /* harmony import */ var _input__WEBPACK_IMPORTED_MODULE_43__ = __webpack_require__(/*! ./input */ "./components/input/Group.tsx"); /* harmony import */ var _input__WEBPACK_IMPORTED_MODULE_44__ = __webpack_require__(/*! ./input */ "./components/input/Password.tsx"); /* harmony import */ var _input__WEBPACK_IMPORTED_MODULE_45__ = __webpack_require__(/*! ./input */ "./components/input/Search.tsx"); /* harmony import */ var _input__WEBPACK_IMPORTED_MODULE_46__ = __webpack_require__(/*! ./input */ "./components/input/TextArea.tsx"); /* harmony import */ var _image__WEBPACK_IMPORTED_MODULE_47__ = __webpack_require__(/*! ./image */ "./components/image/index.tsx"); /* harmony import */ var _image__WEBPACK_IMPORTED_MODULE_48__ = __webpack_require__(/*! ./image */ "./components/image/PreviewGroup.tsx"); /* harmony import */ var _input_number__WEBPACK_IMPORTED_MODULE_49__ = __webpack_require__(/*! ./input-number */ "./components/input-number/index.tsx"); /* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_50__ = __webpack_require__(/*! ./layout */ "./components/layout/index.ts"); /* harmony import */ var _list__WEBPACK_IMPORTED_MODULE_51__ = __webpack_require__(/*! ./list */ "./components/list/index.tsx"); /* harmony import */ var _list__WEBPACK_IMPORTED_MODULE_52__ = __webpack_require__(/*! ./list */ "./components/list/Item.tsx"); /* harmony import */ var _list__WEBPACK_IMPORTED_MODULE_53__ = __webpack_require__(/*! ./list */ "./components/list/ItemMeta.tsx"); /* harmony import */ var _message__WEBPACK_IMPORTED_MODULE_54__ = __webpack_require__(/*! ./message */ "./components/message/index.tsx"); /* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_55__ = __webpack_require__(/*! ./menu */ "./components/menu/index.tsx"); /* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_56__ = __webpack_require__(/*! ./menu */ "./components/menu/src/Divider.tsx"); /* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_57__ = __webpack_require__(/*! ./menu */ "./components/menu/src/MenuItem.tsx"); /* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_58__ = __webpack_require__(/*! ./menu */ "./components/menu/src/ItemGroup.tsx"); /* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_59__ = __webpack_require__(/*! ./menu */ "./components/menu/src/SubMenu.tsx"); /* harmony import */ var _mentions__WEBPACK_IMPORTED_MODULE_60__ = __webpack_require__(/*! ./mentions */ "./components/mentions/index.tsx"); /* harmony import */ var _modal__WEBPACK_IMPORTED_MODULE_61__ = __webpack_require__(/*! ./modal */ "./components/modal/index.tsx"); /* harmony import */ var _statistic__WEBPACK_IMPORTED_MODULE_62__ = __webpack_require__(/*! ./statistic */ "./components/statistic/index.ts"); /* harmony import */ var _notification__WEBPACK_IMPORTED_MODULE_63__ = __webpack_require__(/*! ./notification */ "./components/notification/index.tsx"); /* harmony import */ var _page_header__WEBPACK_IMPORTED_MODULE_64__ = __webpack_require__(/*! ./page-header */ "./components/page-header/index.tsx"); /* harmony import */ var _pagination__WEBPACK_IMPORTED_MODULE_65__ = __webpack_require__(/*! ./pagination */ "./components/pagination/index.ts"); /* harmony import */ var _popconfirm__WEBPACK_IMPORTED_MODULE_66__ = __webpack_require__(/*! ./popconfirm */ "./components/popconfirm/index.tsx"); /* harmony import */ var _popover__WEBPACK_IMPORTED_MODULE_67__ = __webpack_require__(/*! ./popover */ "./components/popover/index.tsx"); /* harmony import */ var _progress__WEBPACK_IMPORTED_MODULE_68__ = __webpack_require__(/*! ./progress */ "./components/progress/index.ts"); /* harmony import */ var _radio__WEBPACK_IMPORTED_MODULE_69__ = __webpack_require__(/*! ./radio */ "./components/radio/index.ts"); /* harmony import */ var _radio__WEBPACK_IMPORTED_MODULE_70__ = __webpack_require__(/*! ./radio */ "./components/radio/RadioButton.tsx"); /* harmony import */ var _radio__WEBPACK_IMPORTED_MODULE_71__ = __webpack_require__(/*! ./radio */ "./components/radio/Group.tsx"); /* harmony import */ var _rate__WEBPACK_IMPORTED_MODULE_72__ = __webpack_require__(/*! ./rate */ "./components/rate/index.tsx"); /* harmony import */ var _result__WEBPACK_IMPORTED_MODULE_73__ = __webpack_require__(/*! ./result */ "./components/result/index.tsx"); /* harmony import */ var _row__WEBPACK_IMPORTED_MODULE_74__ = __webpack_require__(/*! ./row */ "./components/row/index.ts"); /* harmony import */ var _select__WEBPACK_IMPORTED_MODULE_75__ = __webpack_require__(/*! ./select */ "./components/select/index.tsx"); /* harmony import */ var _skeleton__WEBPACK_IMPORTED_MODULE_76__ = __webpack_require__(/*! ./skeleton */ "./components/skeleton/index.tsx"); /* harmony import */ var _skeleton__WEBPACK_IMPORTED_MODULE_77__ = __webpack_require__(/*! ./skeleton */ "./components/skeleton/Button.tsx"); /* harmony import */ var _skeleton__WEBPACK_IMPORTED_MODULE_78__ = __webpack_require__(/*! ./skeleton */ "./components/skeleton/Avatar.tsx"); /* harmony import */ var _skeleton__WEBPACK_IMPORTED_MODULE_79__ = __webpack_require__(/*! ./skeleton */ "./components/skeleton/Input.tsx"); /* harmony import */ var _skeleton__WEBPACK_IMPORTED_MODULE_80__ = __webpack_require__(/*! ./skeleton */ "./components/skeleton/Image.tsx"); /* harmony import */ var _skeleton__WEBPACK_IMPORTED_MODULE_81__ = __webpack_require__(/*! ./skeleton */ "./components/skeleton/Title.tsx"); /* harmony import */ var _slider__WEBPACK_IMPORTED_MODULE_82__ = __webpack_require__(/*! ./slider */ "./components/slider/index.tsx"); /* harmony import */ var _space__WEBPACK_IMPORTED_MODULE_83__ = __webpack_require__(/*! ./space */ "./components/space/index.tsx"); /* harmony import */ var _space__WEBPACK_IMPORTED_MODULE_84__ = __webpack_require__(/*! ./space */ "./components/space/Compact.tsx"); /* harmony import */ var _spin__WEBPACK_IMPORTED_MODULE_85__ = __webpack_require__(/*! ./spin */ "./components/spin/index.ts"); /* harmony import */ var _steps__WEBPACK_IMPORTED_MODULE_86__ = __webpack_require__(/*! ./steps */ "./components/steps/index.tsx"); /* harmony import */ var _switch__WEBPACK_IMPORTED_MODULE_87__ = __webpack_require__(/*! ./switch */ "./components/switch/index.tsx"); /* harmony import */ var _table__WEBPACK_IMPORTED_MODULE_88__ = __webpack_require__(/*! ./table */ "./components/table/index.tsx"); /* harmony import */ var _table__WEBPACK_IMPORTED_MODULE_89__ = __webpack_require__(/*! ./table */ "./components/table/Column.tsx"); /* harmony import */ var _table__WEBPACK_IMPORTED_MODULE_90__ = __webpack_require__(/*! ./table */ "./components/table/ColumnGroup.tsx"); /* harmony import */ var _transfer__WEBPACK_IMPORTED_MODULE_91__ = __webpack_require__(/*! ./transfer */ "./components/transfer/index.tsx"); /* harmony import */ var _tree__WEBPACK_IMPORTED_MODULE_92__ = __webpack_require__(/*! ./tree */ "./components/tree/index.tsx"); /* harmony import */ var _tree__WEBPACK_IMPORTED_MODULE_93__ = __webpack_require__(/*! ./tree */ "./components/tree/DirectoryTree.tsx"); /* harmony import */ var _tree_select__WEBPACK_IMPORTED_MODULE_94__ = __webpack_require__(/*! ./tree-select */ "./components/tree-select/index.tsx"); /* harmony import */ var _tabs__WEBPACK_IMPORTED_MODULE_95__ = __webpack_require__(/*! ./tabs */ "./components/tabs/index.ts"); /* harmony import */ var _tabs__WEBPACK_IMPORTED_MODULE_96__ = __webpack_require__(/*! ./tabs */ "./components/tabs/src/TabPanelList/TabPane.tsx"); /* harmony import */ var _tag__WEBPACK_IMPORTED_MODULE_97__ = __webpack_require__(/*! ./tag */ "./components/tag/index.tsx"); /* harmony import */ var _tag__WEBPACK_IMPORTED_MODULE_98__ = __webpack_require__(/*! ./tag */ "./components/tag/CheckableTag.tsx"); /* harmony import */ var _time_picker__WEBPACK_IMPORTED_MODULE_99__ = __webpack_require__(/*! ./time-picker */ "./components/time-picker/index.tsx"); /* harmony import */ var _time_picker__WEBPACK_IMPORTED_MODULE_100__ = __webpack_require__(/*! ./time-picker */ "./components/time-picker/dayjs.tsx"); /* harmony import */ var _timeline__WEBPACK_IMPORTED_MODULE_101__ = __webpack_require__(/*! ./timeline */ "./components/timeline/index.tsx"); /* harmony import */ var _timeline__WEBPACK_IMPORTED_MODULE_102__ = __webpack_require__(/*! ./timeline */ "./components/timeline/TimelineItem.tsx"); /* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_103__ = __webpack_require__(/*! ./tooltip */ "./components/tooltip/index.ts"); /* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_104__ = __webpack_require__(/*! ./typography */ "./components/typography/index.tsx"); /* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_105__ = __webpack_require__(/*! ./typography */ "./components/typography/Link.tsx"); /* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_106__ = __webpack_require__(/*! ./typography */ "./components/typography/Paragraph.tsx"); /* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_107__ = __webpack_require__(/*! ./typography */ "./components/typography/Text.tsx"); /* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_108__ = __webpack_require__(/*! ./typography */ "./components/typography/Title.tsx"); /* harmony import */ var _upload__WEBPACK_IMPORTED_MODULE_109__ = __webpack_require__(/*! ./upload */ "./components/upload/index.tsx"); /* harmony import */ var _locale_provider__WEBPACK_IMPORTED_MODULE_110__ = __webpack_require__(/*! ./locale-provider */ "./components/locale-provider/index.ts"); /* harmony import */ var _watermark__WEBPACK_IMPORTED_MODULE_111__ = __webpack_require__(/*! ./watermark */ "./components/watermark/index.tsx"); /* harmony import */ var _segmented__WEBPACK_IMPORTED_MODULE_112__ = __webpack_require__(/*! ./segmented */ "./components/segmented/index.ts"); /* harmony import */ var _qrcode__WEBPACK_IMPORTED_MODULE_113__ = __webpack_require__(/*! ./qrcode */ "./components/qrcode/index.tsx"); /* harmony import */ var _tour__WEBPACK_IMPORTED_MODULE_114__ = __webpack_require__(/*! ./tour */ "./components/tour/index.tsx"); /* harmony import */ var _app__WEBPACK_IMPORTED_MODULE_115__ = __webpack_require__(/*! ./app */ "./components/app/index.tsx"); /* harmony import */ var _flex__WEBPACK_IMPORTED_MODULE_116__ = __webpack_require__(/*! ./flex */ "./components/flex/index.tsx"); /***/ }), /***/ "./components/config-provider/DisabledContext.ts": /*!*******************************************************!*\ !*** ./components/config-provider/DisabledContext.ts ***! \*******************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ useInjectDisabled: () => (/* binding */ useInjectDisabled), /* harmony export */ useProviderDisabled: () => (/* binding */ useProviderDisabled) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); const DisabledContextKey = Symbol('DisabledContextKey'); const useInjectDisabled = () => { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.inject)(DisabledContextKey, (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)(undefined)); }; const useProviderDisabled = disabled => { const parentDisabled = useInjectDisabled(); (0,vue__WEBPACK_IMPORTED_MODULE_0__.provide)(DisabledContextKey, (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => { var _a; return (_a = disabled.value) !== null && _a !== void 0 ? _a : parentDisabled.value; })); return disabled; }; /***/ }), /***/ "./components/config-provider/SizeContext.ts": /*!***************************************************!*\ !*** ./components/config-provider/SizeContext.ts ***! \***************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ useInjectSize: () => (/* binding */ useInjectSize), /* harmony export */ useProviderSize: () => (/* binding */ useProviderSize) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); const SizeContextKey = Symbol('SizeContextKey'); const useInjectSize = () => { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.inject)(SizeContextKey, (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)(undefined)); }; const useProviderSize = size => { const parentSize = useInjectSize(); (0,vue__WEBPACK_IMPORTED_MODULE_0__.provide)(SizeContextKey, (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => size.value || parentSize.value)); return size; }; /***/ }), /***/ "./components/config-provider/context.ts": /*!***********************************************!*\ !*** ./components/config-provider/context.ts ***! \***********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ GlobalConfigContextKey: () => (/* binding */ GlobalConfigContextKey), /* harmony export */ GlobalFormContextKey: () => (/* binding */ GlobalFormContextKey), /* harmony export */ configProviderKey: () => (/* binding */ configProviderKey), /* harmony export */ configProviderProps: () => (/* binding */ configProviderProps), /* harmony export */ defaultConfigProvider: () => (/* binding */ defaultConfigProvider), /* harmony export */ defaultIconPrefixCls: () => (/* binding */ defaultIconPrefixCls), /* harmony export */ useConfigContextInject: () => (/* binding */ useConfigContextInject), /* harmony export */ useConfigContextProvider: () => (/* binding */ useConfigContextProvider), /* harmony export */ useInjectGlobalForm: () => (/* binding */ useInjectGlobalForm), /* harmony export */ useProvideGlobalForm: () => (/* binding */ useProvideGlobalForm) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); const defaultIconPrefixCls = 'anticon'; const GlobalFormContextKey = Symbol('GlobalFormContextKey'); const useProvideGlobalForm = state => { (0,vue__WEBPACK_IMPORTED_MODULE_0__.provide)(GlobalFormContextKey, state); }; const useInjectGlobalForm = () => { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.inject)(GlobalFormContextKey, { validateMessages: (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => undefined) }); }; const GlobalConfigContextKey = Symbol('GlobalConfigContextKey'); const configProviderProps = () => ({ iconPrefixCls: String, getTargetContainer: { type: Function }, getPopupContainer: { type: Function }, prefixCls: String, getPrefixCls: { type: Function }, renderEmpty: { type: Function }, transformCellText: { type: Function }, csp: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.objectType)(), input: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.objectType)(), autoInsertSpaceInButton: { type: Boolean, default: undefined }, locale: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.objectType)(), pageHeader: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.objectType)(), componentSize: { type: String }, componentDisabled: { type: Boolean, default: undefined }, direction: { type: String, default: 'ltr' }, space: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.objectType)(), virtual: { type: Boolean, default: undefined }, dropdownMatchSelectWidth: { type: [Number, Boolean], default: true }, form: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.objectType)(), pagination: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.objectType)(), theme: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.objectType)(), select: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.objectType)(), wave: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.objectType)() }); const configProviderKey = Symbol('configProvider'); const defaultConfigProvider = { getPrefixCls: (suffixCls, customizePrefixCls) => { if (customizePrefixCls) return customizePrefixCls; return suffixCls ? `ant-${suffixCls}` : 'ant'; }, iconPrefixCls: (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => defaultIconPrefixCls), getPopupContainer: (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => () => document.body), direction: (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => 'ltr') }; const useConfigContextInject = () => { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.inject)(configProviderKey, defaultConfigProvider); }; const useConfigContextProvider = props => { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.provide)(configProviderKey, props); }; /***/ }), /***/ "./components/config-provider/cssVariables.ts": /*!****************************************************!*\ !*** ./components/config-provider/cssVariables.ts ***! \****************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ getStyle: () => (/* binding */ getStyle), /* harmony export */ registerTheme: () => (/* binding */ registerTheme) /* harmony export */ }); /* harmony import */ var _ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @ctrl/tinycolor */ "./node_modules/@ctrl/tinycolor/dist/module/index.js"); /* harmony import */ var _ant_design_colors__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @ant-design/colors */ "./node_modules/@ant-design/colors/dist/index.esm.js"); /* harmony import */ var _vc_util_Dom_dynamicCSS__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../vc-util/Dom/dynamicCSS */ "./components/vc-util/Dom/dynamicCSS.ts"); /* harmony import */ var _util_canUseDom__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../_util/canUseDom */ "./components/_util/canUseDom.ts"); /* harmony import */ var _util_warning__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/warning */ "./components/_util/warning.ts"); /* eslint-disable import/prefer-default-export, prefer-destructuring */ const dynamicStyleMark = `-ant-${Date.now()}-${Math.random()}`; function getStyle(globalPrefixCls, theme) { const variables = {}; const formatColor = (color, updater) => { let clone = color.clone(); clone = (updater === null || updater === void 0 ? void 0 : updater(clone)) || clone; return clone.toRgbString(); }; const fillColor = (colorVal, type) => { const baseColor = new _ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_1__.TinyColor(colorVal); const colorPalettes = (0,_ant_design_colors__WEBPACK_IMPORTED_MODULE_0__.generate)(baseColor.toRgbString()); variables[`${type}-color`] = formatColor(baseColor); variables[`${type}-color-disabled`] = colorPalettes[1]; variables[`${type}-color-hover`] = colorPalettes[4]; variables[`${type}-color-active`] = colorPalettes[6]; variables[`${type}-color-outline`] = baseColor.clone().setAlpha(0.2).toRgbString(); variables[`${type}-color-deprecated-bg`] = colorPalettes[0]; variables[`${type}-color-deprecated-border`] = colorPalettes[2]; }; // ================ Primary Color ================ if (theme.primaryColor) { fillColor(theme.primaryColor, 'primary'); const primaryColor = new _ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_1__.TinyColor(theme.primaryColor); const primaryColors = (0,_ant_design_colors__WEBPACK_IMPORTED_MODULE_0__.generate)(primaryColor.toRgbString()); // Legacy - We should use semantic naming standard primaryColors.forEach((color, index) => { variables[`primary-${index + 1}`] = color; }); // Deprecated variables['primary-color-deprecated-l-35'] = formatColor(primaryColor, c => c.lighten(35)); variables['primary-color-deprecated-l-20'] = formatColor(primaryColor, c => c.lighten(20)); variables['primary-color-deprecated-t-20'] = formatColor(primaryColor, c => c.tint(20)); variables['primary-color-deprecated-t-50'] = formatColor(primaryColor, c => c.tint(50)); variables['primary-color-deprecated-f-12'] = formatColor(primaryColor, c => c.setAlpha(c.getAlpha() * 0.12)); const primaryActiveColor = new _ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_1__.TinyColor(primaryColors[0]); variables['primary-color-active-deprecated-f-30'] = formatColor(primaryActiveColor, c => c.setAlpha(c.getAlpha() * 0.3)); variables['primary-color-active-deprecated-d-02'] = formatColor(primaryActiveColor, c => c.darken(2)); } // ================ Success Color ================ if (theme.successColor) { fillColor(theme.successColor, 'success'); } // ================ Warning Color ================ if (theme.warningColor) { fillColor(theme.warningColor, 'warning'); } // ================= Error Color ================= if (theme.errorColor) { fillColor(theme.errorColor, 'error'); } // ================= Info Color ================== if (theme.infoColor) { fillColor(theme.infoColor, 'info'); } // Convert to css variables const cssList = Object.keys(variables).map(key => `--${globalPrefixCls}-${key}: ${variables[key]};`); return ` :root { ${cssList.join('\n')} } `.trim(); } function registerTheme(globalPrefixCls, theme) { const style = getStyle(globalPrefixCls, theme); if ((0,_util_canUseDom__WEBPACK_IMPORTED_MODULE_2__["default"])()) { (0,_vc_util_Dom_dynamicCSS__WEBPACK_IMPORTED_MODULE_3__.updateCSS)(style, `${dynamicStyleMark}-dynamic-theme`); } else { (0,_util_warning__WEBPACK_IMPORTED_MODULE_4__["default"])(false, 'ConfigProvider', 'SSR do not support dynamic theme with css variables.'); } } /***/ }), /***/ "./components/config-provider/hooks/useConfigInject.ts": /*!*************************************************************!*\ !*** ./components/config-provider/hooks/useConfigInject.ts ***! \*************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../context */ "./components/config-provider/context.ts"); /* harmony import */ var _DisabledContext__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../DisabledContext */ "./components/config-provider/DisabledContext.ts"); /* harmony import */ var _renderEmpty__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../renderEmpty */ "./components/config-provider/renderEmpty.tsx"); /* harmony import */ var _SizeContext__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../SizeContext */ "./components/config-provider/SizeContext.ts"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((name, props) => { const sizeContext = (0,_SizeContext__WEBPACK_IMPORTED_MODULE_2__.useInjectSize)(); const disabledContext = (0,_DisabledContext__WEBPACK_IMPORTED_MODULE_3__.useInjectDisabled)(); const configProvider = (0,vue__WEBPACK_IMPORTED_MODULE_1__.inject)(_context__WEBPACK_IMPORTED_MODULE_4__.configProviderKey, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, _context__WEBPACK_IMPORTED_MODULE_4__.defaultConfigProvider), { renderEmpty: name => (0,vue__WEBPACK_IMPORTED_MODULE_1__.h)(_renderEmpty__WEBPACK_IMPORTED_MODULE_5__.DefaultRenderEmpty, { componentName: name }) })); const prefixCls = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => configProvider.getPrefixCls(name, props.prefixCls)); const direction = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { var _a, _b; return (_a = props.direction) !== null && _a !== void 0 ? _a : (_b = configProvider.direction) === null || _b === void 0 ? void 0 : _b.value; }); const iconPrefixCls = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { var _a; return (_a = props.iconPrefixCls) !== null && _a !== void 0 ? _a : configProvider.iconPrefixCls.value; }); const rootPrefixCls = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => configProvider.getPrefixCls()); const autoInsertSpaceInButton = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { var _a; return (_a = configProvider.autoInsertSpaceInButton) === null || _a === void 0 ? void 0 : _a.value; }); const renderEmpty = configProvider.renderEmpty; const space = configProvider.space; const pageHeader = configProvider.pageHeader; const form = configProvider.form; const getTargetContainer = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { var _a, _b; return (_a = props.getTargetContainer) !== null && _a !== void 0 ? _a : (_b = configProvider.getTargetContainer) === null || _b === void 0 ? void 0 : _b.value; }); const getPopupContainer = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { var _a, _b, _c; return (_b = (_a = props.getContainer) !== null && _a !== void 0 ? _a : props.getPopupContainer) !== null && _b !== void 0 ? _b : (_c = configProvider.getPopupContainer) === null || _c === void 0 ? void 0 : _c.value; }); const dropdownMatchSelectWidth = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { var _a, _b; return (_a = props.dropdownMatchSelectWidth) !== null && _a !== void 0 ? _a : (_b = configProvider.dropdownMatchSelectWidth) === null || _b === void 0 ? void 0 : _b.value; }); const virtual = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { var _a; return (props.virtual === undefined ? ((_a = configProvider.virtual) === null || _a === void 0 ? void 0 : _a.value) !== false : props.virtual !== false) && dropdownMatchSelectWidth.value !== false; }); const size = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => props.size || sizeContext.value); const autocomplete = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { var _a, _b, _c; return (_a = props.autocomplete) !== null && _a !== void 0 ? _a : (_c = (_b = configProvider.input) === null || _b === void 0 ? void 0 : _b.value) === null || _c === void 0 ? void 0 : _c.autocomplete; }); const disabled = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { var _a; return (_a = props.disabled) !== null && _a !== void 0 ? _a : disabledContext.value; }); const csp = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { var _a; return (_a = props.csp) !== null && _a !== void 0 ? _a : configProvider.csp; }); const wave = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { var _a, _b; return (_a = props.wave) !== null && _a !== void 0 ? _a : (_b = configProvider.wave) === null || _b === void 0 ? void 0 : _b.value; }); return { configProvider, prefixCls, direction, size, getTargetContainer, getPopupContainer, space, pageHeader, form, autoInsertSpaceInButton, renderEmpty, virtual, dropdownMatchSelectWidth, rootPrefixCls, getPrefixCls: configProvider.getPrefixCls, autocomplete, csp, iconPrefixCls, disabled, select: configProvider.select, wave }; }); /***/ }), /***/ "./components/config-provider/hooks/useTheme.ts": /*!******************************************************!*\ !*** ./components/config-provider/hooks/useTheme.ts ***! \******************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ useTheme) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/internal.ts"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); function useTheme(theme, parentTheme) { const themeConfig = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => (theme === null || theme === void 0 ? void 0 : theme.value) || {}); const parentThemeConfig = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => themeConfig.value.inherit === false || !(parentTheme === null || parentTheme === void 0 ? void 0 : parentTheme.value) ? _theme_internal__WEBPACK_IMPORTED_MODULE_2__.defaultConfig : parentTheme.value); const mergedTheme = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { if (!(theme === null || theme === void 0 ? void 0 : theme.value)) { return parentTheme === null || parentTheme === void 0 ? void 0 : parentTheme.value; } // Override const mergedComponents = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, parentThemeConfig.value.components); Object.keys(theme.value.components || {}).forEach(componentName => { mergedComponents[componentName] = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, mergedComponents[componentName]), theme.value.components[componentName]); }); // Base token return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, parentThemeConfig.value), themeConfig.value), { token: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, parentThemeConfig.value.token), themeConfig.value.token), components: mergedComponents }); }); return mergedTheme; } /***/ }), /***/ "./components/config-provider/index.tsx": /*!**********************************************!*\ !*** ./components/config-provider/index.tsx ***! \**********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ configConsumerProps: () => (/* binding */ configConsumerProps), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ defaultIconPrefixCls: () => (/* reexport safe */ _context__WEBPACK_IMPORTED_MODULE_2__.defaultIconPrefixCls), /* harmony export */ defaultPrefixCls: () => (/* binding */ defaultPrefixCls), /* harmony export */ globalConfig: () => (/* binding */ globalConfig), /* harmony export */ globalConfigForApi: () => (/* binding */ globalConfigForApi) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _renderEmpty__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./renderEmpty */ "./components/config-provider/renderEmpty.tsx"); /* harmony import */ var _locale_provider__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../locale-provider */ "./components/locale-provider/index.ts"); /* harmony import */ var _locale_provider__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../locale-provider */ "./components/locale/index.tsx"); /* harmony import */ var _locale_provider_LocaleReceiver__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../locale-provider/LocaleReceiver */ "./components/locale-provider/LocaleReceiver.tsx"); /* harmony import */ var _message__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../message */ "./components/message/index.tsx"); /* harmony import */ var _notification__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../notification */ "./components/notification/index.tsx"); /* harmony import */ var _cssVariables__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./cssVariables */ "./components/config-provider/cssVariables.ts"); /* harmony import */ var _locale_en_US__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../locale/en_US */ "./components/locale/en_US.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./style */ "./components/config-provider/style/index.ts"); /* harmony import */ var _hooks_useTheme__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./hooks/useTheme */ "./components/config-provider/hooks/useTheme.ts"); /* harmony import */ var _theme_themes_seed__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../theme/themes/seed */ "./components/theme/themes/seed.ts"); /* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./context */ "./components/config-provider/context.ts"); /* harmony import */ var _SizeContext__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./SizeContext */ "./components/config-provider/SizeContext.ts"); /* harmony import */ var _DisabledContext__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./DisabledContext */ "./components/config-provider/DisabledContext.ts"); /* harmony import */ var _util_cssinjs__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../_util/cssinjs */ "./components/_util/cssinjs/theme/createTheme.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../theme/internal */ "./components/theme/internal.ts"); var __rest = undefined && undefined.__rest || function (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; }; const defaultPrefixCls = 'ant'; function getGlobalPrefixCls() { return globalConfigForApi.prefixCls || defaultPrefixCls; } function getGlobalIconPrefixCls() { return globalConfigForApi.iconPrefixCls || _context__WEBPACK_IMPORTED_MODULE_2__.defaultIconPrefixCls; } const globalConfigBySet = (0,vue__WEBPACK_IMPORTED_MODULE_1__.reactive)({}); // 权重最大 const globalConfigForApi = (0,vue__WEBPACK_IMPORTED_MODULE_1__.reactive)({}); const configConsumerProps = ['getTargetContainer', 'getPopupContainer', 'rootPrefixCls', 'getPrefixCls', 'renderEmpty', 'csp', 'autoInsertSpaceInButton', 'locale', 'pageHeader']; (0,vue__WEBPACK_IMPORTED_MODULE_1__.watchEffect)(() => { (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])(globalConfigForApi, globalConfigBySet); globalConfigForApi.prefixCls = getGlobalPrefixCls(); globalConfigForApi.iconPrefixCls = getGlobalIconPrefixCls(); globalConfigForApi.getPrefixCls = (suffixCls, customizePrefixCls) => { if (customizePrefixCls) return customizePrefixCls; return suffixCls ? `${globalConfigForApi.prefixCls}-${suffixCls}` : globalConfigForApi.prefixCls; }; globalConfigForApi.getRootPrefixCls = () => { // If Global prefixCls provided, use this if (globalConfigForApi.prefixCls) { return globalConfigForApi.prefixCls; } // Fallback to default prefixCls return getGlobalPrefixCls(); }; }); let stopWatchEffect; const setGlobalConfig = params => { if (stopWatchEffect) { stopWatchEffect(); } stopWatchEffect = (0,vue__WEBPACK_IMPORTED_MODULE_1__.watchEffect)(() => { (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])(globalConfigBySet, (0,vue__WEBPACK_IMPORTED_MODULE_1__.reactive)(params)); (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])(globalConfigForApi, (0,vue__WEBPACK_IMPORTED_MODULE_1__.reactive)(params)); }); if (params.theme) { (0,_cssVariables__WEBPACK_IMPORTED_MODULE_3__.registerTheme)(getGlobalPrefixCls(), params.theme); } }; const globalConfig = () => ({ getPrefixCls: (suffixCls, customizePrefixCls) => { if (customizePrefixCls) return customizePrefixCls; return suffixCls ? `${getGlobalPrefixCls()}-${suffixCls}` : getGlobalPrefixCls(); }, getIconPrefixCls: getGlobalIconPrefixCls, getRootPrefixCls: () => { // If Global prefixCls provided, use this if (globalConfigForApi.prefixCls) { return globalConfigForApi.prefixCls; } // Fallback to default prefixCls return getGlobalPrefixCls(); } }); const ConfigProvider = (0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'AConfigProvider', inheritAttrs: false, props: (0,_context__WEBPACK_IMPORTED_MODULE_2__.configProviderProps)(), setup(props, _ref) { let { slots } = _ref; const parentContext = (0,_context__WEBPACK_IMPORTED_MODULE_2__.useConfigContextInject)(); const getPrefixCls = (suffixCls, customizePrefixCls) => { const { prefixCls = 'ant' } = props; if (customizePrefixCls) return customizePrefixCls; const mergedPrefixCls = prefixCls || parentContext.getPrefixCls(''); return suffixCls ? `${mergedPrefixCls}-${suffixCls}` : mergedPrefixCls; }; const iconPrefixCls = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => props.iconPrefixCls || parentContext.iconPrefixCls.value || _context__WEBPACK_IMPORTED_MODULE_2__.defaultIconPrefixCls); const shouldWrapSSR = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => iconPrefixCls.value !== parentContext.iconPrefixCls.value); const csp = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { var _a; return props.csp || ((_a = parentContext.csp) === null || _a === void 0 ? void 0 : _a.value); }); const wrapSSR = (0,_style__WEBPACK_IMPORTED_MODULE_4__["default"])(iconPrefixCls); const mergedTheme = (0,_hooks_useTheme__WEBPACK_IMPORTED_MODULE_5__["default"])((0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => props.theme), (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { var _a; return (_a = parentContext.theme) === null || _a === void 0 ? void 0 : _a.value; })); const renderEmptyComponent = name => { const renderEmpty = props.renderEmpty || slots.renderEmpty || parentContext.renderEmpty || _renderEmpty__WEBPACK_IMPORTED_MODULE_6__["default"]; return renderEmpty(name); }; const autoInsertSpaceInButton = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { var _a, _b; return (_a = props.autoInsertSpaceInButton) !== null && _a !== void 0 ? _a : (_b = parentContext.autoInsertSpaceInButton) === null || _b === void 0 ? void 0 : _b.value; }); const locale = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { var _a; return props.locale || ((_a = parentContext.locale) === null || _a === void 0 ? void 0 : _a.value); }); (0,vue__WEBPACK_IMPORTED_MODULE_1__.watch)(locale, () => { globalConfigBySet.locale = locale.value; }, { immediate: true }); const direction = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { var _a; return props.direction || ((_a = parentContext.direction) === null || _a === void 0 ? void 0 : _a.value); }); const space = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { var _a, _b; return (_a = props.space) !== null && _a !== void 0 ? _a : (_b = parentContext.space) === null || _b === void 0 ? void 0 : _b.value; }); const virtual = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { var _a, _b; return (_a = props.virtual) !== null && _a !== void 0 ? _a : (_b = parentContext.virtual) === null || _b === void 0 ? void 0 : _b.value; }); const dropdownMatchSelectWidth = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { var _a, _b; return (_a = props.dropdownMatchSelectWidth) !== null && _a !== void 0 ? _a : (_b = parentContext.dropdownMatchSelectWidth) === null || _b === void 0 ? void 0 : _b.value; }); const getTargetContainer = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { var _a; return props.getTargetContainer !== undefined ? props.getTargetContainer : (_a = parentContext.getTargetContainer) === null || _a === void 0 ? void 0 : _a.value; }); const getPopupContainer = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { var _a; return props.getPopupContainer !== undefined ? props.getPopupContainer : (_a = parentContext.getPopupContainer) === null || _a === void 0 ? void 0 : _a.value; }); const pageHeader = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { var _a; return props.pageHeader !== undefined ? props.pageHeader : (_a = parentContext.pageHeader) === null || _a === void 0 ? void 0 : _a.value; }); const input = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { var _a; return props.input !== undefined ? props.input : (_a = parentContext.input) === null || _a === void 0 ? void 0 : _a.value; }); const pagination = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { var _a; return props.pagination !== undefined ? props.pagination : (_a = parentContext.pagination) === null || _a === void 0 ? void 0 : _a.value; }); const form = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { var _a; return props.form !== undefined ? props.form : (_a = parentContext.form) === null || _a === void 0 ? void 0 : _a.value; }); const select = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { var _a; return props.select !== undefined ? props.select : (_a = parentContext.select) === null || _a === void 0 ? void 0 : _a.value; }); const componentSize = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => props.componentSize); const componentDisabled = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => props.componentDisabled); const wave = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { var _a, _b; return (_a = props.wave) !== null && _a !== void 0 ? _a : (_b = parentContext.wave) === null || _b === void 0 ? void 0 : _b.value; }); const configProvider = { csp, autoInsertSpaceInButton, locale, direction, space, virtual, dropdownMatchSelectWidth, getPrefixCls, iconPrefixCls, theme: (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { var _a, _b; return (_a = mergedTheme.value) !== null && _a !== void 0 ? _a : (_b = parentContext.theme) === null || _b === void 0 ? void 0 : _b.value; }), renderEmpty: renderEmptyComponent, getTargetContainer, getPopupContainer, pageHeader, input, pagination, form, select, componentSize, componentDisabled, transformCellText: (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => props.transformCellText), wave }; // ================================ Dynamic theme ================================ const memoTheme = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { const _a = mergedTheme.value || {}, { algorithm, token } = _a, rest = __rest(_a, ["algorithm", "token"]); const themeObj = algorithm && (!Array.isArray(algorithm) || algorithm.length > 0) ? (0,_util_cssinjs__WEBPACK_IMPORTED_MODULE_7__["default"])(algorithm) : undefined; return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, rest), { theme: themeObj, token: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, _theme_themes_seed__WEBPACK_IMPORTED_MODULE_8__["default"]), token) }); }); const validateMessagesRef = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { var _a, _b; // Additional Form provider let validateMessages = {}; if (locale.value) { validateMessages = ((_a = locale.value.Form) === null || _a === void 0 ? void 0 : _a.defaultValidateMessages) || ((_b = _locale_en_US__WEBPACK_IMPORTED_MODULE_9__["default"].Form) === null || _b === void 0 ? void 0 : _b.defaultValidateMessages) || {}; } if (props.form && props.form.validateMessages) { validateMessages = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, validateMessages), props.form.validateMessages); } return validateMessages; }); (0,_context__WEBPACK_IMPORTED_MODULE_2__.useConfigContextProvider)(configProvider); (0,_context__WEBPACK_IMPORTED_MODULE_2__.useProvideGlobalForm)({ validateMessages: validateMessagesRef }); (0,_SizeContext__WEBPACK_IMPORTED_MODULE_10__.useProviderSize)(componentSize); (0,_DisabledContext__WEBPACK_IMPORTED_MODULE_11__.useProviderDisabled)(componentDisabled); const renderProvider = legacyLocale => { var _a, _b; let childNode = shouldWrapSSR.value ? wrapSSR((_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)) : (_b = slots.default) === null || _b === void 0 ? void 0 : _b.call(slots); if (props.theme) { const _childNode = function () { return childNode; }(); childNode = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_theme_internal__WEBPACK_IMPORTED_MODULE_12__.DesignTokenProvider, { "value": memoTheme.value }, { default: () => [_childNode] }); } return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_locale_provider__WEBPACK_IMPORTED_MODULE_13__["default"], { "locale": locale.value || legacyLocale, "ANT_MARK__": _locale_provider__WEBPACK_IMPORTED_MODULE_14__.ANT_MARK }, { default: () => [childNode] }); }; (0,vue__WEBPACK_IMPORTED_MODULE_1__.watchEffect)(() => { if (direction.value) { _message__WEBPACK_IMPORTED_MODULE_15__["default"].config({ rtl: direction.value === 'rtl' }); _notification__WEBPACK_IMPORTED_MODULE_16__["default"].config({ rtl: direction.value === 'rtl' }); } }); return () => (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_locale_provider_LocaleReceiver__WEBPACK_IMPORTED_MODULE_17__["default"], { "children": (_, __, legacyLocale) => renderProvider(legacyLocale) }, null); } }); ConfigProvider.config = setGlobalConfig; ConfigProvider.install = function (app) { app.component(ConfigProvider.name, ConfigProvider); }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ConfigProvider); /***/ }), /***/ "./components/config-provider/renderEmpty.tsx": /*!****************************************************!*\ !*** ./components/config-provider/renderEmpty.tsx ***! \****************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ DefaultRenderEmpty: () => (/* binding */ DefaultRenderEmpty), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _empty__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../empty */ "./components/empty/index.tsx"); /* harmony import */ var _hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); const DefaultRenderEmpty = props => { const { prefixCls } = (0,_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_1__["default"])('empty', props); const renderHtml = componentName => { switch (componentName) { case 'Table': case 'List': return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_empty__WEBPACK_IMPORTED_MODULE_2__["default"], { "image": _empty__WEBPACK_IMPORTED_MODULE_2__["default"].PRESENTED_IMAGE_SIMPLE }, null); case 'Select': case 'TreeSelect': case 'Cascader': case 'Transfer': case 'Mentions': return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_empty__WEBPACK_IMPORTED_MODULE_2__["default"], { "image": _empty__WEBPACK_IMPORTED_MODULE_2__["default"].PRESENTED_IMAGE_SIMPLE, "class": `${prefixCls.value}-small` }, null); default: return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_empty__WEBPACK_IMPORTED_MODULE_2__["default"], null, null); } }; return renderHtml(props.componentName); }; function renderEmpty(componentName) { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(DefaultRenderEmpty, { "componentName": componentName }, null); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (renderEmpty); /***/ }), /***/ "./components/config-provider/style/index.ts": /*!***************************************************!*\ !*** ./components/config-provider/style/index.ts ***! \***************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _util_cssinjs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../_util/cssinjs */ "./components/_util/cssinjs/hooks/useStyleRegister/index.tsx"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../style */ "./components/style/index.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/internal.ts"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); const useStyle = iconPrefixCls => { const [theme, token] = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_2__.useToken)(); // Generate style for icons return (0,_util_cssinjs__WEBPACK_IMPORTED_MODULE_3__["default"])((0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => ({ theme: theme.value, token: token.value, hashId: '', path: ['ant-design-icons', iconPrefixCls.value] })), () => [{ [`.${iconPrefixCls.value}`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_4__.resetIcon)()), { [`.${iconPrefixCls.value} .${iconPrefixCls.value}-icon`]: { display: 'block' } }) }]); }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useStyle); /***/ }), /***/ "./components/date-picker/PickerButton.tsx": /*!*************************************************!*\ !*** ./components/date-picker/PickerButton.tsx ***! \*************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _button__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../button */ "./components/button/index.ts"); const PickerButton = (props, _ref) => { let { attrs, slots } = _ref; return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_button__WEBPACK_IMPORTED_MODULE_2__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "size": "small", "type": "primary" }, props), attrs), slots); }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PickerButton); /***/ }), /***/ "./components/date-picker/PickerTag.tsx": /*!**********************************************!*\ !*** ./components/date-picker/PickerTag.tsx ***! \**********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ PickerTag) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _tag__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../tag */ "./components/tag/index.tsx"); function PickerTag(props, _ref) { let { slots, attrs } = _ref; return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_tag__WEBPACK_IMPORTED_MODULE_2__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "color": "blue" }, props), attrs), slots); } /***/ }), /***/ "./components/date-picker/dayjs.tsx": /*!******************************************!*\ !*** ./components/date-picker/dayjs.tsx ***! \******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ MonthPicker: () => (/* binding */ MonthPicker), /* harmony export */ QuarterPicker: () => (/* binding */ QuarterPicker), /* harmony export */ RangePicker: () => (/* binding */ RangePicker), /* harmony export */ WeekPicker: () => (/* binding */ WeekPicker), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _vc_picker_generate_dayjs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../vc-picker/generate/dayjs */ "./components/vc-picker/generate/dayjs.ts"); /* harmony import */ var _generatePicker__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./generatePicker */ "./components/date-picker/generatePicker/index.tsx"); const { DatePicker, WeekPicker, MonthPicker, YearPicker, TimePicker, QuarterPicker, RangePicker } = (0,_generatePicker__WEBPACK_IMPORTED_MODULE_1__["default"])(_vc_picker_generate_dayjs__WEBPACK_IMPORTED_MODULE_2__["default"]); /* istanbul ignore next */ /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])(DatePicker, { WeekPicker, MonthPicker, YearPicker, RangePicker, TimePicker, QuarterPicker, install: app => { app.component(DatePicker.name, DatePicker); app.component(RangePicker.name, RangePicker); app.component(MonthPicker.name, MonthPicker); app.component(WeekPicker.name, WeekPicker); app.component(QuarterPicker.name, QuarterPicker); return app; } })); /***/ }), /***/ "./components/date-picker/generatePicker/generateRangePicker.tsx": /*!***********************************************************************!*\ !*** ./components/date-picker/generatePicker/generateRangePicker.tsx ***! \***********************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ generateRangePicker) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_vue_es_icons_CalendarOutlined__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/CalendarOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/CalendarOutlined.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_ClockCircleOutlined__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/ClockCircleOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/ClockCircleOutlined.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_CloseCircleFilled__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/CloseCircleFilled */ "./node_modules/@ant-design/icons-vue/es/icons/CloseCircleFilled.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_SwapRightOutlined__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/SwapRightOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/SwapRightOutlined.js"); /* harmony import */ var _vc_picker__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../vc-picker */ "./components/vc-picker/RangePicker.tsx"); /* harmony import */ var _locale_en_US__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../locale/en_US */ "./components/date-picker/locale/en_US.ts"); /* harmony import */ var _locale_provider_LocaleReceiver__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../locale-provider/LocaleReceiver */ "./components/locale/LocaleReceiver.tsx"); /* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../util */ "./components/date-picker/util.ts"); /* harmony import */ var ___WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! . */ "./components/date-picker/generatePicker/index.tsx"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _props__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./props */ "./components/date-picker/generatePicker/props.ts"); /* harmony import */ var _form_FormItemContext__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../form/FormItemContext */ "./components/form/FormItemContext.ts"); /* harmony import */ var _util_omit__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../_util/omit */ "./components/_util/omit.ts"); /* harmony import */ var _util_statusUtils__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../../_util/statusUtils */ "./components/_util/statusUtils.tsx"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../style */ "./components/date-picker/style/index.ts"); /* harmony import */ var _space_Compact__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../space/Compact */ "./components/space/Compact.tsx"); /* harmony import */ var _vc_util_devWarning__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../vc-util/devWarning */ "./components/vc-util/devWarning.ts"); var __rest = undefined && undefined.__rest || function (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; }; //CSSINJS function generateRangePicker(generateConfig, extraProps) { const RangePicker = (0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'ARangePicker', inheritAttrs: false, props: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, (0,_props__WEBPACK_IMPORTED_MODULE_3__.commonProps)()), (0,_props__WEBPACK_IMPORTED_MODULE_3__.rangePickerProps)()), extraProps), slots: Object, setup(_props, _ref) { let { expose, slots, attrs, emit } = _ref; const props = _props; const formItemContext = (0,_form_FormItemContext__WEBPACK_IMPORTED_MODULE_4__.useInjectFormItemContext)(); const formItemInputContext = _form_FormItemContext__WEBPACK_IMPORTED_MODULE_4__.FormItemInputContext.useInject(); // =================== Warning ===================== if (true) { (0,_vc_util_devWarning__WEBPACK_IMPORTED_MODULE_5__["default"])(!props.dropdownClassName, 'RangePicker', '`dropdownClassName` is deprecated. Please use `popupClassName` instead.'); (0,_vc_util_devWarning__WEBPACK_IMPORTED_MODULE_5__["default"])(!attrs.getCalendarContainer, 'DatePicker', '`getCalendarContainer` is deprecated. Please use `getPopupContainer"` instead.'); } const { prefixCls, direction, getPopupContainer, size, rootPrefixCls, disabled } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_6__["default"])('picker', props); const { compactSize, compactItemClassnames } = (0,_space_Compact__WEBPACK_IMPORTED_MODULE_7__.useCompactItemContext)(prefixCls, direction); const mergedSize = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => compactSize.value || size.value); // style const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_8__["default"])(prefixCls); const pickerRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(); expose({ focus: () => { var _a; (_a = pickerRef.value) === null || _a === void 0 ? void 0 : _a.focus(); }, blur: () => { var _a; (_a = pickerRef.value) === null || _a === void 0 ? void 0 : _a.blur(); } }); const maybeToStrings = dates => { return props.valueFormat ? generateConfig.toString(dates, props.valueFormat) : dates; }; const onChange = (dates, dateStrings) => { const values = maybeToStrings(dates); emit('update:value', values); emit('change', values, dateStrings); formItemContext.onFieldChange(); }; const onOpenChange = open => { emit('update:open', open); emit('openChange', open); }; const onFocus = e => { emit('focus', e); }; const onBlur = e => { emit('blur', e); formItemContext.onFieldBlur(); }; const onPanelChange = (dates, modes) => { const values = maybeToStrings(dates); emit('panelChange', values, modes); }; const onOk = dates => { const value = maybeToStrings(dates); emit('ok', value); }; const onCalendarChange = (dates, dateStrings, info) => { const values = maybeToStrings(dates); emit('calendarChange', values, dateStrings, info); }; const [contextLocale] = (0,_locale_provider_LocaleReceiver__WEBPACK_IMPORTED_MODULE_9__.useLocaleReceiver)('DatePicker', _locale_en_US__WEBPACK_IMPORTED_MODULE_10__["default"]); const value = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { if (props.value) { return props.valueFormat ? generateConfig.toDate(props.value, props.valueFormat) : props.value; } return props.value; }); const defaultValue = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { if (props.defaultValue) { return props.valueFormat ? generateConfig.toDate(props.defaultValue, props.valueFormat) : props.defaultValue; } return props.defaultValue; }); const defaultPickerValue = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { if (props.defaultPickerValue) { return props.valueFormat ? generateConfig.toDate(props.defaultPickerValue, props.valueFormat) : props.defaultPickerValue; } return props.defaultPickerValue; }); return () => { var _a, _b, _c, _d, _e, _f, _g; const locale = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, contextLocale.value), props.locale); const p = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, props), attrs); const { prefixCls: customizePrefixCls, bordered = true, placeholder, suffixIcon = (_a = slots.suffixIcon) === null || _a === void 0 ? void 0 : _a.call(slots), picker = 'date', transitionName, allowClear = true, dateRender = slots.dateRender, renderExtraFooter = slots.renderExtraFooter, separator = (_b = slots.separator) === null || _b === void 0 ? void 0 : _b.call(slots), clearIcon = (_c = slots.clearIcon) === null || _c === void 0 ? void 0 : _c.call(slots), id = formItemContext.id.value } = p, restProps = __rest(p, ["prefixCls", "bordered", "placeholder", "suffixIcon", "picker", "transitionName", "allowClear", "dateRender", "renderExtraFooter", "separator", "clearIcon", "id"]); delete restProps['onUpdate:value']; delete restProps['onUpdate:open']; const { format, showTime } = p; let additionalOverrideProps = {}; additionalOverrideProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, additionalOverrideProps), showTime ? (0,___WEBPACK_IMPORTED_MODULE_11__.getTimeProps)((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({ format, picker }, showTime)) : {}), picker === 'time' ? (0,___WEBPACK_IMPORTED_MODULE_11__.getTimeProps)((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({ format }, (0,_util_omit__WEBPACK_IMPORTED_MODULE_12__["default"])(restProps, ['disabledTime'])), { picker })) : {}); const pre = prefixCls.value; const suffixNode = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_2__.Fragment, null, [suffixIcon || (picker === 'time' ? (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_ant_design_icons_vue_es_icons_ClockCircleOutlined__WEBPACK_IMPORTED_MODULE_13__["default"], null, null) : (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_ant_design_icons_vue_es_icons_CalendarOutlined__WEBPACK_IMPORTED_MODULE_14__["default"], null, null)), formItemInputContext.hasFeedback && formItemInputContext.feedbackIcon]); return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_vc_picker__WEBPACK_IMPORTED_MODULE_15__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "dateRender": dateRender, "renderExtraFooter": renderExtraFooter, "separator": separator || (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", { "aria-label": "to", "class": `${pre}-separator` }, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_ant_design_icons_vue_es_icons_SwapRightOutlined__WEBPACK_IMPORTED_MODULE_16__["default"], null, null)]), "ref": pickerRef, "dropdownAlign": (0,_util__WEBPACK_IMPORTED_MODULE_17__.transPlacement2DropdownAlign)(direction.value, props.placement), "placeholder": (0,_util__WEBPACK_IMPORTED_MODULE_17__.getRangePlaceholder)(locale, picker, placeholder), "suffixIcon": suffixNode, "clearIcon": clearIcon || (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_ant_design_icons_vue_es_icons_CloseCircleFilled__WEBPACK_IMPORTED_MODULE_18__["default"], null, null), "allowClear": allowClear, "transitionName": transitionName || `${rootPrefixCls.value}-slide-up` }, restProps), additionalOverrideProps), {}, { "disabled": disabled.value, "id": id, "value": value.value, "defaultValue": defaultValue.value, "defaultPickerValue": defaultPickerValue.value, "picker": picker, "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_19__["default"])({ [`${pre}-${mergedSize.value}`]: mergedSize.value, [`${pre}-borderless`]: !bordered }, (0,_util_statusUtils__WEBPACK_IMPORTED_MODULE_20__.getStatusClassNames)(pre, (0,_util_statusUtils__WEBPACK_IMPORTED_MODULE_20__.getMergedStatus)(formItemInputContext.status, props.status), formItemInputContext.hasFeedback), attrs.class, hashId.value, compactItemClassnames.value), "locale": locale.lang, "prefixCls": pre, "getPopupContainer": attrs.getCalendarContainer || getPopupContainer.value, "generateConfig": generateConfig, "prevIcon": ((_d = slots.prevIcon) === null || _d === void 0 ? void 0 : _d.call(slots)) || (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", { "class": `${pre}-prev-icon` }, null), "nextIcon": ((_e = slots.nextIcon) === null || _e === void 0 ? void 0 : _e.call(slots)) || (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", { "class": `${pre}-next-icon` }, null), "superPrevIcon": ((_f = slots.superPrevIcon) === null || _f === void 0 ? void 0 : _f.call(slots)) || (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", { "class": `${pre}-super-prev-icon` }, null), "superNextIcon": ((_g = slots.superNextIcon) === null || _g === void 0 ? void 0 : _g.call(slots)) || (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", { "class": `${pre}-super-next-icon` }, null), "components": ___WEBPACK_IMPORTED_MODULE_11__.Components, "direction": direction.value, "dropdownClassName": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_19__["default"])(hashId.value, props.popupClassName, props.dropdownClassName), "onChange": onChange, "onOpenChange": onOpenChange, "onFocus": onFocus, "onBlur": onBlur, "onPanelChange": onPanelChange, "onOk": onOk, "onCalendarChange": onCalendarChange }), null)); }; } }); return RangePicker; } /***/ }), /***/ "./components/date-picker/generatePicker/generateSinglePicker.tsx": /*!************************************************************************!*\ !*** ./components/date-picker/generatePicker/generateSinglePicker.tsx ***! \************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ generateSinglePicker) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_vue_es_icons_CalendarOutlined__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/CalendarOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/CalendarOutlined.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_ClockCircleOutlined__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/ClockCircleOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/ClockCircleOutlined.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_CloseCircleFilled__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/CloseCircleFilled */ "./node_modules/@ant-design/icons-vue/es/icons/CloseCircleFilled.js"); /* harmony import */ var _vc_picker__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../vc-picker */ "./components/vc-picker/index.tsx"); /* harmony import */ var _locale_en_US__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../locale/en_US */ "./components/date-picker/locale/en_US.ts"); /* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../util */ "./components/date-picker/util.ts"); /* harmony import */ var _locale_provider_LocaleReceiver__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../locale-provider/LocaleReceiver */ "./components/locale/LocaleReceiver.tsx"); /* harmony import */ var ___WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! . */ "./components/date-picker/generatePicker/index.tsx"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _props__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./props */ "./components/date-picker/generatePicker/props.ts"); /* harmony import */ var _vc_util_devWarning__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../vc-util/devWarning */ "./components/vc-util/devWarning.ts"); /* harmony import */ var _form_FormItemContext__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../form/FormItemContext */ "./components/form/FormItemContext.ts"); /* harmony import */ var _util_statusUtils__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../../_util/statusUtils */ "./components/_util/statusUtils.tsx"); /* harmony import */ var _space_Compact__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../space/Compact */ "./components/space/Compact.tsx"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../style */ "./components/date-picker/style/index.ts"); var __rest = undefined && undefined.__rest || function (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; }; //CSSINJS function generateSinglePicker(generateConfig, extraProps) { function getPicker(picker, displayName) { const comProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, (0,_props__WEBPACK_IMPORTED_MODULE_3__.commonProps)()), (0,_props__WEBPACK_IMPORTED_MODULE_3__.datePickerProps)()), extraProps); return (0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: displayName, inheritAttrs: false, props: comProps, slots: Object, setup(_props, _ref) { let { slots, expose, attrs, emit } = _ref; // 兼容 vue 3.2.7 const props = _props; const formItemContext = (0,_form_FormItemContext__WEBPACK_IMPORTED_MODULE_4__.useInjectFormItemContext)(); const formItemInputContext = _form_FormItemContext__WEBPACK_IMPORTED_MODULE_4__.FormItemInputContext.useInject(); // =================== Warning ===================== if (true) { (0,_vc_util_devWarning__WEBPACK_IMPORTED_MODULE_5__["default"])(picker !== 'quarter', displayName || 'DatePicker', `DatePicker.${displayName} is legacy usage. Please use DatePicker[picker='${picker}'] directly.`); (0,_vc_util_devWarning__WEBPACK_IMPORTED_MODULE_5__["default"])(!props.dropdownClassName, displayName || 'DatePicker', '`dropdownClassName` is deprecated. Please use `popupClassName` instead.'); (0,_vc_util_devWarning__WEBPACK_IMPORTED_MODULE_5__["default"])(!(props.monthCellContentRender || slots.monthCellContentRender), displayName || 'DatePicker', '`monthCellContentRender` is deprecated. Please use `monthCellRender"` instead.'); (0,_vc_util_devWarning__WEBPACK_IMPORTED_MODULE_5__["default"])(!attrs.getCalendarContainer, displayName || 'DatePicker', '`getCalendarContainer` is deprecated. Please use `getPopupContainer"` instead.'); } const { prefixCls, direction, getPopupContainer, size, rootPrefixCls, disabled } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_6__["default"])('picker', props); const { compactSize, compactItemClassnames } = (0,_space_Compact__WEBPACK_IMPORTED_MODULE_7__.useCompactItemContext)(prefixCls, direction); const mergedSize = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => compactSize.value || size.value); // style const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_8__["default"])(prefixCls); const pickerRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(); expose({ focus: () => { var _a; (_a = pickerRef.value) === null || _a === void 0 ? void 0 : _a.focus(); }, blur: () => { var _a; (_a = pickerRef.value) === null || _a === void 0 ? void 0 : _a.blur(); } }); const maybeToString = date => { return props.valueFormat ? generateConfig.toString(date, props.valueFormat) : date; }; const onChange = (date, dateString) => { const value = maybeToString(date); emit('update:value', value); emit('change', value, dateString); formItemContext.onFieldChange(); }; const onOpenChange = open => { emit('update:open', open); emit('openChange', open); }; const onFocus = e => { emit('focus', e); }; const onBlur = e => { emit('blur', e); formItemContext.onFieldBlur(); }; const onPanelChange = (date, mode) => { const value = maybeToString(date); emit('panelChange', value, mode); }; const onOk = date => { const value = maybeToString(date); emit('ok', value); }; const [contextLocale] = (0,_locale_provider_LocaleReceiver__WEBPACK_IMPORTED_MODULE_9__.useLocaleReceiver)('DatePicker', _locale_en_US__WEBPACK_IMPORTED_MODULE_10__["default"]); const value = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { if (props.value) { return props.valueFormat ? generateConfig.toDate(props.value, props.valueFormat) : props.value; } return props.value === '' ? undefined : props.value; }); const defaultValue = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { if (props.defaultValue) { return props.valueFormat ? generateConfig.toDate(props.defaultValue, props.valueFormat) : props.defaultValue; } return props.defaultValue === '' ? undefined : props.defaultValue; }); const defaultPickerValue = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { if (props.defaultPickerValue) { return props.valueFormat ? generateConfig.toDate(props.defaultPickerValue, props.valueFormat) : props.defaultPickerValue; } return props.defaultPickerValue === '' ? undefined : props.defaultPickerValue; }); return () => { var _a, _b, _c, _d, _e, _f; const locale = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, contextLocale.value), props.locale); const p = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, props), attrs); const { bordered = true, placeholder, suffixIcon = (_a = slots.suffixIcon) === null || _a === void 0 ? void 0 : _a.call(slots), showToday = true, transitionName, allowClear = true, dateRender = slots.dateRender, renderExtraFooter = slots.renderExtraFooter, monthCellRender = slots.monthCellRender || props.monthCellContentRender || slots.monthCellContentRender, clearIcon = (_b = slots.clearIcon) === null || _b === void 0 ? void 0 : _b.call(slots), id = formItemContext.id.value } = p, restProps = __rest(p, ["bordered", "placeholder", "suffixIcon", "showToday", "transitionName", "allowClear", "dateRender", "renderExtraFooter", "monthCellRender", "clearIcon", "id"]); const showTime = p.showTime === '' ? true : p.showTime; const { format } = p; let additionalOverrideProps = {}; if (picker) { additionalOverrideProps.picker = picker; } const mergedPicker = picker || p.picker || 'date'; additionalOverrideProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, additionalOverrideProps), showTime ? (0,___WEBPACK_IMPORTED_MODULE_11__.getTimeProps)((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({ format, picker: mergedPicker }, typeof showTime === 'object' ? showTime : {})) : {}), mergedPicker === 'time' ? (0,___WEBPACK_IMPORTED_MODULE_11__.getTimeProps)((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({ format }, restProps), { picker: mergedPicker })) : {}); const pre = prefixCls.value; const suffixNode = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_2__.Fragment, null, [suffixIcon || (picker === 'time' ? (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_ant_design_icons_vue_es_icons_ClockCircleOutlined__WEBPACK_IMPORTED_MODULE_12__["default"], null, null) : (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_ant_design_icons_vue_es_icons_CalendarOutlined__WEBPACK_IMPORTED_MODULE_13__["default"], null, null)), formItemInputContext.hasFeedback && formItemInputContext.feedbackIcon]); return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_vc_picker__WEBPACK_IMPORTED_MODULE_14__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "monthCellRender": monthCellRender, "dateRender": dateRender, "renderExtraFooter": renderExtraFooter, "ref": pickerRef, "placeholder": (0,_util__WEBPACK_IMPORTED_MODULE_15__.getPlaceholder)(locale, mergedPicker, placeholder), "suffixIcon": suffixNode, "dropdownAlign": (0,_util__WEBPACK_IMPORTED_MODULE_15__.transPlacement2DropdownAlign)(direction.value, props.placement), "clearIcon": clearIcon || (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_ant_design_icons_vue_es_icons_CloseCircleFilled__WEBPACK_IMPORTED_MODULE_16__["default"], null, null), "allowClear": allowClear, "transitionName": transitionName || `${rootPrefixCls.value}-slide-up` }, restProps), additionalOverrideProps), {}, { "id": id, "picker": mergedPicker, "value": value.value, "defaultValue": defaultValue.value, "defaultPickerValue": defaultPickerValue.value, "showToday": showToday, "locale": locale.lang, "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_17__["default"])({ [`${pre}-${mergedSize.value}`]: mergedSize.value, [`${pre}-borderless`]: !bordered }, (0,_util_statusUtils__WEBPACK_IMPORTED_MODULE_18__.getStatusClassNames)(pre, (0,_util_statusUtils__WEBPACK_IMPORTED_MODULE_18__.getMergedStatus)(formItemInputContext.status, props.status), formItemInputContext.hasFeedback), attrs.class, hashId.value, compactItemClassnames.value), "disabled": disabled.value, "prefixCls": pre, "getPopupContainer": attrs.getCalendarContainer || getPopupContainer.value, "generateConfig": generateConfig, "prevIcon": ((_c = slots.prevIcon) === null || _c === void 0 ? void 0 : _c.call(slots)) || (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", { "class": `${pre}-prev-icon` }, null), "nextIcon": ((_d = slots.nextIcon) === null || _d === void 0 ? void 0 : _d.call(slots)) || (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", { "class": `${pre}-next-icon` }, null), "superPrevIcon": ((_e = slots.superPrevIcon) === null || _e === void 0 ? void 0 : _e.call(slots)) || (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", { "class": `${pre}-super-prev-icon` }, null), "superNextIcon": ((_f = slots.superNextIcon) === null || _f === void 0 ? void 0 : _f.call(slots)) || (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", { "class": `${pre}-super-next-icon` }, null), "components": ___WEBPACK_IMPORTED_MODULE_11__.Components, "direction": direction.value, "dropdownClassName": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_17__["default"])(hashId.value, props.popupClassName, props.dropdownClassName), "onChange": onChange, "onOpenChange": onOpenChange, "onFocus": onFocus, "onBlur": onBlur, "onPanelChange": onPanelChange, "onOk": onOk }), null)); }; } }); } const DatePicker = getPicker(undefined, 'ADatePicker'); const WeekPicker = getPicker('week', 'AWeekPicker'); const MonthPicker = getPicker('month', 'AMonthPicker'); const YearPicker = getPicker('year', 'AYearPicker'); const TimePicker = getPicker('time', 'TimePicker'); // 给独立组件 TimePicker 使用,此处名称不用更改 const QuarterPicker = getPicker('quarter', 'AQuarterPicker'); return { DatePicker, WeekPicker, MonthPicker, YearPicker, TimePicker, QuarterPicker }; } /***/ }), /***/ "./components/date-picker/generatePicker/index.tsx": /*!*********************************************************!*\ !*** ./components/date-picker/generatePicker/index.tsx ***! \*********************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ Components: () => (/* binding */ Components), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ getTimeProps: () => (/* binding */ getTimeProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _PickerButton__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../PickerButton */ "./components/date-picker/PickerButton.tsx"); /* harmony import */ var _PickerTag__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../PickerTag */ "./components/date-picker/PickerTag.tsx"); /* harmony import */ var _generateSinglePicker__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./generateSinglePicker */ "./components/date-picker/generatePicker/generateSinglePicker.tsx"); /* harmony import */ var _generateRangePicker__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./generateRangePicker */ "./components/date-picker/generatePicker/generateRangePicker.tsx"); const Components = { button: _PickerButton__WEBPACK_IMPORTED_MODULE_1__["default"], rangeItem: _PickerTag__WEBPACK_IMPORTED_MODULE_2__["default"] }; function toArray(list) { if (!list) { return []; } return Array.isArray(list) ? list : [list]; } function getTimeProps(props) { const { format, picker, showHour, showMinute, showSecond, use12Hours } = props; const firstFormat = toArray(format)[0]; const showTimeObj = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props); if (firstFormat && typeof firstFormat === 'string') { if (!firstFormat.includes('s') && showSecond === undefined) { showTimeObj.showSecond = false; } if (!firstFormat.includes('m') && showMinute === undefined) { showTimeObj.showMinute = false; } if (!firstFormat.includes('H') && !firstFormat.includes('h') && showHour === undefined) { showTimeObj.showHour = false; } if ((firstFormat.includes('a') || firstFormat.includes('A')) && use12Hours === undefined) { showTimeObj.use12Hours = true; } } if (picker === 'time') { return showTimeObj; } if (typeof firstFormat === 'function') { // format of showTime should use default when format is custom format function delete showTimeObj.format; } return { showTime: showTimeObj }; } function generatePicker(generateConfig, extraProps) { // =========================== Picker =========================== const { DatePicker, WeekPicker, MonthPicker, YearPicker, TimePicker, QuarterPicker } = (0,_generateSinglePicker__WEBPACK_IMPORTED_MODULE_3__["default"])(generateConfig, extraProps); // ======================== Range Picker ======================== const RangePicker = (0,_generateRangePicker__WEBPACK_IMPORTED_MODULE_4__["default"])(generateConfig, extraProps); return { DatePicker, WeekPicker, MonthPicker, YearPicker, TimePicker, QuarterPicker, RangePicker }; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (generatePicker); /***/ }), /***/ "./components/date-picker/generatePicker/props.ts": /*!********************************************************!*\ !*** ./components/date-picker/generatePicker/props.ts ***! \********************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ commonProps: () => (/* binding */ commonProps), /* harmony export */ datePickerProps: () => (/* binding */ datePickerProps), /* harmony export */ rangePickerProps: () => (/* binding */ rangePickerProps) /* harmony export */ }); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../_util/type */ "./components/_util/type.ts"); const DataPickerPlacements = ['bottomLeft', 'bottomRight', 'topLeft', 'topRight']; function commonProps() { return { id: String, /** * @deprecated `dropdownClassName` is deprecated which will be removed in next major * version.Please use `popupClassName` instead. */ dropdownClassName: String, popupClassName: String, popupStyle: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.objectType)(), transitionName: String, placeholder: String, allowClear: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.booleanType)(), autofocus: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.booleanType)(), disabled: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.booleanType)(), tabindex: Number, open: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.booleanType)(), defaultOpen: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.booleanType)(), /** Make input readOnly to avoid popup keyboard in mobile */ inputReadOnly: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.booleanType)(), format: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.someType)([String, Function, Array]), // Value // format: string | CustomFormat | (string | CustomFormat)[]; // Render // suffixIcon?: VueNode; // clearIcon?: VueNode; // prevIcon?: VueNode; // nextIcon?: VueNode; // superPrevIcon?: VueNode; // superNextIcon?: VueNode; getPopupContainer: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.functionType)(), panelRender: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.functionType)(), // // Events onChange: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.functionType)(), 'onUpdate:value': (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.functionType)(), onOk: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.functionType)(), onOpenChange: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.functionType)(), 'onUpdate:open': (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.functionType)(), onFocus: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.functionType)(), onBlur: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.functionType)(), onMousedown: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.functionType)(), onMouseup: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.functionType)(), onMouseenter: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.functionType)(), onMouseleave: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.functionType)(), onClick: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.functionType)(), onContextmenu: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.functionType)(), onKeydown: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.functionType)(), // WAI-ARIA role: String, name: String, autocomplete: String, direction: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.stringType)(), showToday: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.booleanType)(), showTime: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.someType)([Boolean, Object]), locale: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.objectType)(), size: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.stringType)(), bordered: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.booleanType)(), dateRender: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.functionType)(), disabledDate: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.functionType)(), mode: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.stringType)(), picker: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.stringType)(), valueFormat: String, placement: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.stringType)(), status: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.stringType)(), /** @deprecated Please use `disabledTime` instead. */ disabledHours: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.functionType)(), /** @deprecated Please use `disabledTime` instead. */ disabledMinutes: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.functionType)(), /** @deprecated Please use `disabledTime` instead. */ disabledSeconds: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.functionType)() }; } function datePickerProps() { return { defaultPickerValue: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.someType)([Object, String]), defaultValue: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.someType)([Object, String]), value: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.someType)([Object, String]), presets: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.arrayType)(), disabledTime: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.functionType)(), renderExtraFooter: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.functionType)(), showNow: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.booleanType)(), monthCellRender: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.functionType)(), // deprecated Please use `monthCellRender"` instead.', monthCellContentRender: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.functionType)() }; } function rangePickerProps() { return { allowEmpty: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.arrayType)(), dateRender: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.functionType)(), defaultPickerValue: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.arrayType)(), defaultValue: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.arrayType)(), value: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.arrayType)(), presets: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.arrayType)(), disabledTime: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.functionType)(), disabled: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.someType)([Boolean, Array]), renderExtraFooter: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.functionType)(), separator: { type: String }, showTime: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.someType)([Boolean, Object]), ranges: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.objectType)(), placeholder: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.arrayType)(), mode: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.arrayType)(), onChange: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.functionType)(), 'onUpdate:value': (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.functionType)(), onCalendarChange: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.functionType)(), onPanelChange: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.functionType)(), onOk: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.functionType)() }; } /***/ }), /***/ "./components/date-picker/index.tsx": /*!******************************************!*\ !*** ./components/date-picker/index.tsx ***! \******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ MonthPicker: () => (/* reexport safe */ _dayjs__WEBPACK_IMPORTED_MODULE_0__.MonthPicker), /* harmony export */ QuarterPicker: () => (/* reexport safe */ _dayjs__WEBPACK_IMPORTED_MODULE_0__.QuarterPicker), /* harmony export */ RangePicker: () => (/* reexport safe */ _dayjs__WEBPACK_IMPORTED_MODULE_0__.RangePicker), /* harmony export */ WeekPicker: () => (/* reexport safe */ _dayjs__WEBPACK_IMPORTED_MODULE_0__.WeekPicker), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _dayjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./dayjs */ "./components/date-picker/dayjs.tsx"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_dayjs__WEBPACK_IMPORTED_MODULE_0__["default"]); /***/ }), /***/ "./components/date-picker/locale/en_US.ts": /*!************************************************!*\ !*** ./components/date-picker/locale/en_US.ts ***! \************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _vc_picker_locale_en_US__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../vc-picker/locale/en_US */ "./components/vc-picker/locale/en_US.ts"); /* harmony import */ var _time_picker_locale_en_US__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../time-picker/locale/en_US */ "./components/time-picker/locale/en_US.ts"); // Merge into a locale object const locale = { lang: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ placeholder: 'Select date', yearPlaceholder: 'Select year', quarterPlaceholder: 'Select quarter', monthPlaceholder: 'Select month', weekPlaceholder: 'Select week', rangePlaceholder: ['Start date', 'End date'], rangeYearPlaceholder: ['Start year', 'End year'], rangeQuarterPlaceholder: ['Start quarter', 'End quarter'], rangeMonthPlaceholder: ['Start month', 'End month'], rangeWeekPlaceholder: ['Start week', 'End week'] }, _vc_picker_locale_en_US__WEBPACK_IMPORTED_MODULE_1__["default"]), timePickerLocale: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, _time_picker_locale_en_US__WEBPACK_IMPORTED_MODULE_2__["default"]) }; // All settings at: // https://github.com/ant-design/ant-design/blob/master/components/date-picker/locale/example.json /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (locale); /***/ }), /***/ "./components/date-picker/style/index.ts": /*!***********************************************!*\ !*** ./components/date-picker/style/index.ts ***! \***********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ genPanelStyle: () => (/* binding */ genPanelStyle), /* harmony export */ initPickerPanelToken: () => (/* binding */ initPickerPanelToken) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @ctrl/tinycolor */ "./node_modules/@ctrl/tinycolor/dist/module/index.js"); /* harmony import */ var _input_style__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../input/style */ "./components/input/style/index.ts"); /* harmony import */ var _style_motion__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../style/motion */ "./components/style/motion/slide.ts"); /* harmony import */ var _style_motion__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../style/motion */ "./components/style/motion/move.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/statistic.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/genComponentStyleHook.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../style */ "./components/style/index.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../style */ "./components/style/roundedArrow.ts"); /* harmony import */ var _style_compact_item__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../style/compact-item */ "./components/style/compact-item.ts"); const genPikerPadding = (token, inputHeight, fontSize, paddingHorizontal) => { const { lineHeight } = token; const fontHeight = Math.floor(fontSize * lineHeight) + 2; const paddingTop = Math.max((inputHeight - fontHeight) / 2, 0); const paddingBottom = Math.max(inputHeight - fontHeight - paddingTop, 0); return { padding: `${paddingTop}px ${paddingHorizontal}px ${paddingBottom}px` }; }; const genPickerCellInnerStyle = token => { const { componentCls, pickerCellCls, pickerCellInnerCls, pickerPanelCellHeight, motionDurationSlow, borderRadiusSM, motionDurationMid, controlItemBgHover, lineWidth, lineType, colorPrimary, controlItemBgActive, colorTextLightSolid, controlHeightSM, pickerDateHoverRangeBorderColor, pickerCellBorderGap, pickerBasicCellHoverWithRangeColor, pickerPanelCellWidth, colorTextDisabled, colorBgContainerDisabled } = token; return { '&::before': { position: 'absolute', top: '50%', insetInlineStart: 0, insetInlineEnd: 0, zIndex: 1, height: pickerPanelCellHeight, transform: 'translateY(-50%)', transition: `all ${motionDurationSlow}`, content: '""' }, // >>> Default [pickerCellInnerCls]: { position: 'relative', zIndex: 2, display: 'inline-block', minWidth: pickerPanelCellHeight, height: pickerPanelCellHeight, lineHeight: `${pickerPanelCellHeight}px`, borderRadius: borderRadiusSM, transition: `background ${motionDurationMid}, border ${motionDurationMid}` }, // >>> Hover [`&:hover:not(${pickerCellCls}-in-view), &:hover:not(${pickerCellCls}-selected):not(${pickerCellCls}-range-start):not(${pickerCellCls}-range-end):not(${pickerCellCls}-range-hover-start):not(${pickerCellCls}-range-hover-end)`]: { [pickerCellInnerCls]: { background: controlItemBgHover } }, // >>> Today [`&-in-view${pickerCellCls}-today ${pickerCellInnerCls}`]: { '&::before': { position: 'absolute', top: 0, insetInlineEnd: 0, bottom: 0, insetInlineStart: 0, zIndex: 1, border: `${lineWidth}px ${lineType} ${colorPrimary}`, borderRadius: borderRadiusSM, content: '""' } }, // >>> In Range [`&-in-view${pickerCellCls}-in-range`]: { position: 'relative', '&::before': { background: controlItemBgActive } }, // >>> Selected [`&-in-view${pickerCellCls}-selected ${pickerCellInnerCls}, &-in-view${pickerCellCls}-range-start ${pickerCellInnerCls}, &-in-view${pickerCellCls}-range-end ${pickerCellInnerCls}`]: { color: colorTextLightSolid, background: colorPrimary }, [`&-in-view${pickerCellCls}-range-start:not(${pickerCellCls}-range-start-single), &-in-view${pickerCellCls}-range-end:not(${pickerCellCls}-range-end-single)`]: { '&::before': { background: controlItemBgActive } }, [`&-in-view${pickerCellCls}-range-start::before`]: { insetInlineStart: '50%' }, [`&-in-view${pickerCellCls}-range-end::before`]: { insetInlineEnd: '50%' }, // >>> Range Hover [`&-in-view${pickerCellCls}-range-hover-start:not(${pickerCellCls}-in-range):not(${pickerCellCls}-range-start):not(${pickerCellCls}-range-end), &-in-view${pickerCellCls}-range-hover-end:not(${pickerCellCls}-in-range):not(${pickerCellCls}-range-start):not(${pickerCellCls}-range-end), &-in-view${pickerCellCls}-range-hover-start${pickerCellCls}-range-start-single, &-in-view${pickerCellCls}-range-hover-start${pickerCellCls}-range-start${pickerCellCls}-range-end${pickerCellCls}-range-end-near-hover, &-in-view${pickerCellCls}-range-hover-end${pickerCellCls}-range-start${pickerCellCls}-range-end${pickerCellCls}-range-start-near-hover, &-in-view${pickerCellCls}-range-hover-end${pickerCellCls}-range-end-single, &-in-view${pickerCellCls}-range-hover:not(${pickerCellCls}-in-range)`]: { '&::after': { position: 'absolute', top: '50%', zIndex: 0, height: controlHeightSM, borderTop: `${lineWidth}px dashed ${pickerDateHoverRangeBorderColor}`, borderBottom: `${lineWidth}px dashed ${pickerDateHoverRangeBorderColor}`, transform: 'translateY(-50%)', transition: `all ${motionDurationSlow}`, content: '""' } }, // Add space for stash [`&-range-hover-start::after, &-range-hover-end::after, &-range-hover::after`]: { insetInlineEnd: 0, insetInlineStart: pickerCellBorderGap }, // Hover with in range [`&-in-view${pickerCellCls}-in-range${pickerCellCls}-range-hover::before, &-in-view${pickerCellCls}-range-start${pickerCellCls}-range-hover::before, &-in-view${pickerCellCls}-range-end${pickerCellCls}-range-hover::before, &-in-view${pickerCellCls}-range-start:not(${pickerCellCls}-range-start-single)${pickerCellCls}-range-hover-start::before, &-in-view${pickerCellCls}-range-end:not(${pickerCellCls}-range-end-single)${pickerCellCls}-range-hover-end::before, ${componentCls}-panel > :not(${componentCls}-date-panel) &-in-view${pickerCellCls}-in-range${pickerCellCls}-range-hover-start::before, ${componentCls}-panel > :not(${componentCls}-date-panel) &-in-view${pickerCellCls}-in-range${pickerCellCls}-range-hover-end::before`]: { background: pickerBasicCellHoverWithRangeColor }, // range start border-radius [`&-in-view${pickerCellCls}-range-start:not(${pickerCellCls}-range-start-single):not(${pickerCellCls}-range-end) ${pickerCellInnerCls}`]: { borderStartStartRadius: borderRadiusSM, borderEndStartRadius: borderRadiusSM, borderStartEndRadius: 0, borderEndEndRadius: 0 }, // range end border-radius [`&-in-view${pickerCellCls}-range-end:not(${pickerCellCls}-range-end-single):not(${pickerCellCls}-range-start) ${pickerCellInnerCls}`]: { borderStartStartRadius: 0, borderEndStartRadius: 0, borderStartEndRadius: borderRadiusSM, borderEndEndRadius: borderRadiusSM }, [`&-range-hover${pickerCellCls}-range-end::after`]: { insetInlineStart: '50%' }, // Edge start [`tr > &-in-view${pickerCellCls}-range-hover:first-child::after, tr > &-in-view${pickerCellCls}-range-hover-end:first-child::after, &-in-view${pickerCellCls}-start${pickerCellCls}-range-hover-edge-start${pickerCellCls}-range-hover-edge-start-near-range::after, &-in-view${pickerCellCls}-range-hover-edge-start:not(${pickerCellCls}-range-hover-edge-start-near-range)::after, &-in-view${pickerCellCls}-range-hover-start::after`]: { insetInlineStart: (pickerPanelCellWidth - pickerPanelCellHeight) / 2, borderInlineStart: `${lineWidth}px dashed ${pickerDateHoverRangeBorderColor}`, borderStartStartRadius: lineWidth, borderEndStartRadius: lineWidth }, // Edge end [`tr > &-in-view${pickerCellCls}-range-hover:last-child::after, tr > &-in-view${pickerCellCls}-range-hover-start:last-child::after, &-in-view${pickerCellCls}-end${pickerCellCls}-range-hover-edge-end${pickerCellCls}-range-hover-edge-end-near-range::after, &-in-view${pickerCellCls}-range-hover-edge-end:not(${pickerCellCls}-range-hover-edge-end-near-range)::after, &-in-view${pickerCellCls}-range-hover-end::after`]: { insetInlineEnd: (pickerPanelCellWidth - pickerPanelCellHeight) / 2, borderInlineEnd: `${lineWidth}px dashed ${pickerDateHoverRangeBorderColor}`, borderStartEndRadius: lineWidth, borderEndEndRadius: lineWidth }, // >>> Disabled '&-disabled': { color: colorTextDisabled, pointerEvents: 'none', [pickerCellInnerCls]: { background: 'transparent' }, '&::before': { background: colorBgContainerDisabled } }, [`&-disabled${pickerCellCls}-today ${pickerCellInnerCls}::before`]: { borderColor: colorTextDisabled } }; }; const genPanelStyle = token => { const { componentCls, pickerCellInnerCls, pickerYearMonthCellWidth, pickerControlIconSize, pickerPanelCellWidth, paddingSM, paddingXS, paddingXXS, colorBgContainer, lineWidth, lineType, borderRadiusLG, colorPrimary, colorTextHeading, colorSplit, pickerControlIconBorderWidth, colorIcon, pickerTextHeight, motionDurationMid, colorIconHover, fontWeightStrong, pickerPanelCellHeight, pickerCellPaddingVertical, colorTextDisabled, colorText, fontSize, pickerBasicCellHoverWithRangeColor, motionDurationSlow, pickerPanelWithoutTimeCellHeight, pickerQuarterPanelContentHeight, colorLink, colorLinkActive, colorLinkHover, pickerDateHoverRangeBorderColor, borderRadiusSM, colorTextLightSolid, borderRadius, controlItemBgHover, pickerTimePanelColumnHeight, pickerTimePanelColumnWidth, pickerTimePanelCellHeight, controlItemBgActive, marginXXS } = token; const pickerPanelWidth = pickerPanelCellWidth * 7 + paddingSM * 2 + 4; const hoverCellFixedDistance = (pickerPanelWidth - paddingXS * 2) / 3 - pickerYearMonthCellWidth - paddingSM; return { [componentCls]: { '&-panel': { display: 'inline-flex', flexDirection: 'column', textAlign: 'center', background: colorBgContainer, border: `${lineWidth}px ${lineType} ${colorSplit}`, borderRadius: borderRadiusLG, outline: 'none', '&-focused': { borderColor: colorPrimary }, '&-rtl': { direction: 'rtl', [`${componentCls}-prev-icon, ${componentCls}-super-prev-icon`]: { transform: 'rotate(45deg)' }, [`${componentCls}-next-icon, ${componentCls}-super-next-icon`]: { transform: 'rotate(-135deg)' } } }, // ======================================================== // = Shared Panel = // ======================================================== [`&-decade-panel, &-year-panel, &-quarter-panel, &-month-panel, &-week-panel, &-date-panel, &-time-panel`]: { display: 'flex', flexDirection: 'column', width: pickerPanelWidth }, // ======================= Header ======================= '&-header': { display: 'flex', padding: `0 ${paddingXS}px`, color: colorTextHeading, borderBottom: `${lineWidth}px ${lineType} ${colorSplit}`, '> *': { flex: 'none' }, button: { padding: 0, color: colorIcon, lineHeight: `${pickerTextHeight}px`, background: 'transparent', border: 0, cursor: 'pointer', transition: `color ${motionDurationMid}` }, '> button': { minWidth: '1.6em', fontSize, '&:hover': { color: colorIconHover } }, '&-view': { flex: 'auto', fontWeight: fontWeightStrong, lineHeight: `${pickerTextHeight}px`, button: { color: 'inherit', fontWeight: 'inherit', verticalAlign: 'top', '&:not(:first-child)': { marginInlineStart: paddingXS }, '&:hover': { color: colorPrimary } } } }, // Arrow button [`&-prev-icon, &-next-icon, &-super-prev-icon, &-super-next-icon`]: { position: 'relative', display: 'inline-block', width: pickerControlIconSize, height: pickerControlIconSize, '&::before': { position: 'absolute', top: 0, insetInlineStart: 0, display: 'inline-block', width: pickerControlIconSize, height: pickerControlIconSize, border: `0 solid currentcolor`, borderBlockStartWidth: pickerControlIconBorderWidth, borderBlockEndWidth: 0, borderInlineStartWidth: pickerControlIconBorderWidth, borderInlineEndWidth: 0, content: '""' } }, [`&-super-prev-icon, &-super-next-icon`]: { '&::after': { position: 'absolute', top: Math.ceil(pickerControlIconSize / 2), insetInlineStart: Math.ceil(pickerControlIconSize / 2), display: 'inline-block', width: pickerControlIconSize, height: pickerControlIconSize, border: '0 solid currentcolor', borderBlockStartWidth: pickerControlIconBorderWidth, borderBlockEndWidth: 0, borderInlineStartWidth: pickerControlIconBorderWidth, borderInlineEndWidth: 0, content: '""' } }, [`&-prev-icon, &-super-prev-icon`]: { transform: 'rotate(-45deg)' }, [`&-next-icon, &-super-next-icon`]: { transform: 'rotate(135deg)' }, // ======================== Body ======================== '&-content': { width: '100%', tableLayout: 'fixed', borderCollapse: 'collapse', 'th, td': { position: 'relative', minWidth: pickerPanelCellHeight, fontWeight: 'normal' }, th: { height: pickerPanelCellHeight + pickerCellPaddingVertical * 2, color: colorText, verticalAlign: 'middle' } }, '&-cell': (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ padding: `${pickerCellPaddingVertical}px 0`, color: colorTextDisabled, cursor: 'pointer', // In view '&-in-view': { color: colorText } }, genPickerCellInnerStyle(token)), // DatePanel only [`&-date-panel ${componentCls}-cell-in-view${componentCls}-cell-in-range${componentCls}-cell-range-hover-start ${pickerCellInnerCls}, &-date-panel ${componentCls}-cell-in-view${componentCls}-cell-in-range${componentCls}-cell-range-hover-end ${pickerCellInnerCls}`]: { '&::after': { position: 'absolute', top: 0, bottom: 0, zIndex: -1, background: pickerBasicCellHoverWithRangeColor, transition: `all ${motionDurationSlow}`, content: '""' } }, [`&-date-panel ${componentCls}-cell-in-view${componentCls}-cell-in-range${componentCls}-cell-range-hover-start ${pickerCellInnerCls}::after`]: { insetInlineEnd: -(pickerPanelCellWidth - pickerPanelCellHeight) / 2, insetInlineStart: 0 }, [`&-date-panel ${componentCls}-cell-in-view${componentCls}-cell-in-range${componentCls}-cell-range-hover-end ${pickerCellInnerCls}::after`]: { insetInlineEnd: 0, insetInlineStart: -(pickerPanelCellWidth - pickerPanelCellHeight) / 2 }, // Hover with range start & end [`&-range-hover${componentCls}-range-start::after`]: { insetInlineEnd: '50%' }, [`&-decade-panel, &-year-panel, &-quarter-panel, &-month-panel`]: { [`${componentCls}-content`]: { height: pickerPanelWithoutTimeCellHeight * 4 }, [pickerCellInnerCls]: { padding: `0 ${paddingXS}px` } }, '&-quarter-panel': { [`${componentCls}-content`]: { height: pickerQuarterPanelContentHeight } }, // ======================== Footer ======================== [`&-panel ${componentCls}-footer`]: { borderTop: `${lineWidth}px ${lineType} ${colorSplit}` }, '&-footer': { width: 'min-content', minWidth: '100%', lineHeight: `${pickerTextHeight - 2 * lineWidth}px`, textAlign: 'center', '&-extra': { padding: `0 ${paddingSM}`, lineHeight: `${pickerTextHeight - 2 * lineWidth}px`, textAlign: 'start', '&:not(:last-child)': { borderBottom: `${lineWidth}px ${lineType} ${colorSplit}` } } }, '&-now': { textAlign: 'start' }, '&-today-btn': { color: colorLink, '&:hover': { color: colorLinkHover }, '&:active': { color: colorLinkActive }, [`&${componentCls}-today-btn-disabled`]: { color: colorTextDisabled, cursor: 'not-allowed' } }, // ======================================================== // = Special = // ======================================================== // ===================== Decade Panel ===================== '&-decade-panel': { [pickerCellInnerCls]: { padding: `0 ${paddingXS / 2}px` }, [`${componentCls}-cell::before`]: { display: 'none' } }, // ============= Year & Quarter & Month Panel ============= [`&-year-panel, &-quarter-panel, &-month-panel`]: { [`${componentCls}-body`]: { padding: `0 ${paddingXS}px` }, [pickerCellInnerCls]: { width: pickerYearMonthCellWidth }, [`${componentCls}-cell-range-hover-start::after`]: { insetInlineStart: hoverCellFixedDistance, borderInlineStart: `${lineWidth}px dashed ${pickerDateHoverRangeBorderColor}`, borderStartStartRadius: borderRadiusSM, borderBottomStartRadius: borderRadiusSM, borderStartEndRadius: 0, borderBottomEndRadius: 0, [`${componentCls}-panel-rtl &`]: { insetInlineEnd: hoverCellFixedDistance, borderInlineEnd: `${lineWidth}px dashed ${pickerDateHoverRangeBorderColor}`, borderStartStartRadius: 0, borderBottomStartRadius: 0, borderStartEndRadius: borderRadiusSM, borderBottomEndRadius: borderRadiusSM } }, [`${componentCls}-cell-range-hover-end::after`]: { insetInlineEnd: hoverCellFixedDistance, borderInlineEnd: `${lineWidth}px dashed ${pickerDateHoverRangeBorderColor}`, borderStartStartRadius: 0, borderEndStartRadius: 0, borderStartEndRadius: borderRadius, borderEndEndRadius: borderRadius, [`${componentCls}-panel-rtl &`]: { insetInlineStart: hoverCellFixedDistance, borderInlineStart: `${lineWidth}px dashed ${pickerDateHoverRangeBorderColor}`, borderStartStartRadius: borderRadius, borderEndStartRadius: borderRadius, borderStartEndRadius: 0, borderEndEndRadius: 0 } } }, // ====================== Week Panel ====================== '&-week-panel': { [`${componentCls}-body`]: { padding: `${paddingXS}px ${paddingSM}px` }, // Clear cell style [`${componentCls}-cell`]: { [`&:hover ${pickerCellInnerCls}, &-selected ${pickerCellInnerCls}, ${pickerCellInnerCls}`]: { background: 'transparent !important' } }, '&-row': { td: { transition: `background ${motionDurationMid}`, '&:first-child': { borderStartStartRadius: borderRadiusSM, borderEndStartRadius: borderRadiusSM }, '&:last-child': { borderStartEndRadius: borderRadiusSM, borderEndEndRadius: borderRadiusSM } }, '&:hover td': { background: controlItemBgHover }, [`&-selected td, &-selected:hover td`]: { background: colorPrimary, [`&${componentCls}-cell-week`]: { color: new _ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_1__.TinyColor(colorTextLightSolid).setAlpha(0.5).toHexString() }, [`&${componentCls}-cell-today ${pickerCellInnerCls}::before`]: { borderColor: colorTextLightSolid }, [pickerCellInnerCls]: { color: colorTextLightSolid } } } }, // ====================== Date Panel ====================== '&-date-panel': { [`${componentCls}-body`]: { padding: `${paddingXS}px ${paddingSM}px` }, [`${componentCls}-content`]: { width: pickerPanelCellWidth * 7, th: { width: pickerPanelCellWidth } } }, // ==================== Datetime Panel ==================== '&-datetime-panel': { display: 'flex', [`${componentCls}-time-panel`]: { borderInlineStart: `${lineWidth}px ${lineType} ${colorSplit}` }, [`${componentCls}-date-panel, ${componentCls}-time-panel`]: { transition: `opacity ${motionDurationSlow}` }, // Keyboard '&-active': { [`${componentCls}-date-panel, ${componentCls}-time-panel`]: { opacity: 0.3, '&-active': { opacity: 1 } } } }, // ====================== Time Panel ====================== '&-time-panel': { width: 'auto', minWidth: 'auto', direction: 'ltr', [`${componentCls}-content`]: { display: 'flex', flex: 'auto', height: pickerTimePanelColumnHeight }, '&-column': { flex: '1 0 auto', width: pickerTimePanelColumnWidth, margin: `${paddingXXS}px 0`, padding: 0, overflowY: 'hidden', textAlign: 'start', listStyle: 'none', transition: `background ${motionDurationMid}`, overflowX: 'hidden', '&::after': { display: 'block', height: pickerTimePanelColumnHeight - pickerTimePanelCellHeight, content: '""' }, '&:not(:first-child)': { borderInlineStart: `${lineWidth}px ${lineType} ${colorSplit}` }, '&-active': { background: new _ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_1__.TinyColor(controlItemBgActive).setAlpha(0.2).toHexString() }, '&:hover': { overflowY: 'auto' }, '> li': { margin: 0, padding: 0, [`&${componentCls}-time-panel-cell`]: { marginInline: marginXXS, [`${componentCls}-time-panel-cell-inner`]: { display: 'block', width: pickerTimePanelColumnWidth - 2 * marginXXS, height: pickerTimePanelCellHeight, margin: 0, paddingBlock: 0, paddingInlineEnd: 0, paddingInlineStart: (pickerTimePanelColumnWidth - pickerTimePanelCellHeight) / 2, color: colorText, lineHeight: `${pickerTimePanelCellHeight}px`, borderRadius: borderRadiusSM, cursor: 'pointer', transition: `background ${motionDurationMid}`, '&:hover': { background: controlItemBgHover } }, '&-selected': { [`${componentCls}-time-panel-cell-inner`]: { background: controlItemBgActive } }, '&-disabled': { [`${componentCls}-time-panel-cell-inner`]: { color: colorTextDisabled, background: 'transparent', cursor: 'not-allowed' } } } } } }, // https://github.com/ant-design/ant-design/issues/39227 [`&-datetime-panel ${componentCls}-time-panel-column:after`]: { height: pickerTimePanelColumnHeight - pickerTimePanelCellHeight + paddingXXS * 2 } } }; }; const genPickerStatusStyle = token => { const { componentCls, colorBgContainer, colorError, colorErrorOutline, colorWarning, colorWarningOutline } = token; return { [componentCls]: { [`&-status-error${componentCls}`]: { '&, &:not([disabled]):hover': { backgroundColor: colorBgContainer, borderColor: colorError }, '&-focused, &:focus': (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_input_style__WEBPACK_IMPORTED_MODULE_2__.genActiveStyle)((0,_theme_internal__WEBPACK_IMPORTED_MODULE_3__.merge)(token, { inputBorderActiveColor: colorError, inputBorderHoverColor: colorError, controlOutline: colorErrorOutline }))), [`${componentCls}-active-bar`]: { background: colorError } }, [`&-status-warning${componentCls}`]: { '&, &:not([disabled]):hover': { backgroundColor: colorBgContainer, borderColor: colorWarning }, '&-focused, &:focus': (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_input_style__WEBPACK_IMPORTED_MODULE_2__.genActiveStyle)((0,_theme_internal__WEBPACK_IMPORTED_MODULE_3__.merge)(token, { inputBorderActiveColor: colorWarning, inputBorderHoverColor: colorWarning, controlOutline: colorWarningOutline }))), [`${componentCls}-active-bar`]: { background: colorWarning } } } }; }; const genPickerStyle = token => { const { componentCls, antCls, boxShadowPopoverArrow, controlHeight, fontSize, inputPaddingHorizontal, colorBgContainer, lineWidth, lineType, colorBorder, borderRadius, motionDurationMid, colorBgContainerDisabled, colorTextDisabled, colorTextPlaceholder, controlHeightLG, fontSizeLG, controlHeightSM, inputPaddingHorizontalSM, paddingXS, marginXS, colorTextDescription, lineWidthBold, lineHeight, colorPrimary, motionDurationSlow, zIndexPopup, paddingXXS, paddingSM, pickerTextHeight, controlItemBgActive, colorPrimaryBorder, sizePopupArrow, borderRadiusXS, borderRadiusOuter, colorBgElevated, borderRadiusLG, boxShadowSecondary, borderRadiusSM, colorSplit, controlItemBgHover, presetsWidth, presetsMaxWidth } = token; return [{ [componentCls]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_4__.resetComponent)(token)), genPikerPadding(token, controlHeight, fontSize, inputPaddingHorizontal)), { position: 'relative', display: 'inline-flex', alignItems: 'center', background: colorBgContainer, lineHeight: 1, border: `${lineWidth}px ${lineType} ${colorBorder}`, borderRadius, transition: `border ${motionDurationMid}, box-shadow ${motionDurationMid}`, '&:hover, &-focused': (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_input_style__WEBPACK_IMPORTED_MODULE_2__.genHoverStyle)(token)), '&-focused': (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_input_style__WEBPACK_IMPORTED_MODULE_2__.genActiveStyle)(token)), [`&${componentCls}-disabled`]: { background: colorBgContainerDisabled, borderColor: colorBorder, cursor: 'not-allowed', [`${componentCls}-suffix`]: { color: colorTextDisabled } }, [`&${componentCls}-borderless`]: { backgroundColor: 'transparent !important', borderColor: 'transparent !important', boxShadow: 'none !important' }, // ======================== Input ========================= [`${componentCls}-input`]: { position: 'relative', display: 'inline-flex', alignItems: 'center', width: '100%', '> input': (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_input_style__WEBPACK_IMPORTED_MODULE_2__.genBasicInputStyle)(token)), { flex: 'auto', // Fix Firefox flex not correct: // https://github.com/ant-design/ant-design/pull/20023#issuecomment-564389553 minWidth: 1, height: 'auto', padding: 0, background: 'transparent', border: 0, '&:focus': { boxShadow: 'none' }, '&[disabled]': { background: 'transparent' } }), '&:hover': { [`${componentCls}-clear`]: { opacity: 1 } }, '&-placeholder': { '> input': { color: colorTextPlaceholder } } }, // Size '&-large': (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, genPikerPadding(token, controlHeightLG, fontSizeLG, inputPaddingHorizontal)), { [`${componentCls}-input > input`]: { fontSize: fontSizeLG } }), '&-small': (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, genPikerPadding(token, controlHeightSM, fontSize, inputPaddingHorizontalSM)), [`${componentCls}-suffix`]: { display: 'flex', flex: 'none', alignSelf: 'center', marginInlineStart: paddingXS / 2, color: colorTextDisabled, lineHeight: 1, pointerEvents: 'none', '> *': { verticalAlign: 'top', '&:not(:last-child)': { marginInlineEnd: marginXS } } }, [`${componentCls}-clear`]: { position: 'absolute', top: '50%', insetInlineEnd: 0, color: colorTextDisabled, lineHeight: 1, background: colorBgContainer, transform: 'translateY(-50%)', cursor: 'pointer', opacity: 0, transition: `opacity ${motionDurationMid}, color ${motionDurationMid}`, '> *': { verticalAlign: 'top' }, '&:hover': { color: colorTextDescription } }, [`${componentCls}-separator`]: { position: 'relative', display: 'inline-block', width: '1em', height: fontSizeLG, color: colorTextDisabled, fontSize: fontSizeLG, verticalAlign: 'top', cursor: 'default', [`${componentCls}-focused &`]: { color: colorTextDescription }, [`${componentCls}-range-separator &`]: { [`${componentCls}-disabled &`]: { cursor: 'not-allowed' } } }, // ======================== Range ========================= '&-range': { position: 'relative', display: 'inline-flex', // Clear [`${componentCls}-clear`]: { insetInlineEnd: inputPaddingHorizontal }, '&:hover': { [`${componentCls}-clear`]: { opacity: 1 } }, // Active bar [`${componentCls}-active-bar`]: { bottom: -lineWidth, height: lineWidthBold, marginInlineStart: inputPaddingHorizontal, background: colorPrimary, opacity: 0, transition: `all ${motionDurationSlow} ease-out`, pointerEvents: 'none' }, [`&${componentCls}-focused`]: { [`${componentCls}-active-bar`]: { opacity: 1 } }, [`${componentCls}-range-separator`]: { alignItems: 'center', padding: `0 ${paddingXS}px`, lineHeight: 1 }, [`&${componentCls}-small`]: { [`${componentCls}-clear`]: { insetInlineEnd: inputPaddingHorizontalSM }, [`${componentCls}-active-bar`]: { marginInlineStart: inputPaddingHorizontalSM } } }, // ======================= Dropdown ======================= '&-dropdown': (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_4__.resetComponent)(token)), genPanelStyle(token)), { position: 'absolute', // Fix incorrect position of picker popup // https://github.com/ant-design/ant-design/issues/35590 top: -9999, left: { _skip_check_: true, value: -9999 }, zIndex: zIndexPopup, [`&${componentCls}-dropdown-hidden`]: { display: 'none' }, [`&${componentCls}-dropdown-placement-bottomLeft`]: { [`${componentCls}-range-arrow`]: { top: 0, display: 'block', transform: 'translateY(-100%)' } }, [`&${componentCls}-dropdown-placement-topLeft`]: { [`${componentCls}-range-arrow`]: { bottom: 0, display: 'block', transform: 'translateY(100%) rotate(180deg)' } }, [`&${antCls}-slide-up-enter${antCls}-slide-up-enter-active${componentCls}-dropdown-placement-topLeft, &${antCls}-slide-up-enter${antCls}-slide-up-enter-active${componentCls}-dropdown-placement-topRight, &${antCls}-slide-up-appear${antCls}-slide-up-appear-active${componentCls}-dropdown-placement-topLeft, &${antCls}-slide-up-appear${antCls}-slide-up-appear-active${componentCls}-dropdown-placement-topRight`]: { animationName: _style_motion__WEBPACK_IMPORTED_MODULE_5__.slideDownIn }, [`&${antCls}-slide-up-enter${antCls}-slide-up-enter-active${componentCls}-dropdown-placement-bottomLeft, &${antCls}-slide-up-enter${antCls}-slide-up-enter-active${componentCls}-dropdown-placement-bottomRight, &${antCls}-slide-up-appear${antCls}-slide-up-appear-active${componentCls}-dropdown-placement-bottomLeft, &${antCls}-slide-up-appear${antCls}-slide-up-appear-active${componentCls}-dropdown-placement-bottomRight`]: { animationName: _style_motion__WEBPACK_IMPORTED_MODULE_5__.slideUpIn }, [`&${antCls}-slide-up-leave${antCls}-slide-up-leave-active${componentCls}-dropdown-placement-topLeft, &${antCls}-slide-up-leave${antCls}-slide-up-leave-active${componentCls}-dropdown-placement-topRight`]: { animationName: _style_motion__WEBPACK_IMPORTED_MODULE_5__.slideDownOut }, [`&${antCls}-slide-up-leave${antCls}-slide-up-leave-active${componentCls}-dropdown-placement-bottomLeft, &${antCls}-slide-up-leave${antCls}-slide-up-leave-active${componentCls}-dropdown-placement-bottomRight`]: { animationName: _style_motion__WEBPACK_IMPORTED_MODULE_5__.slideUpOut }, // Time picker with additional style [`${componentCls}-panel > ${componentCls}-time-panel`]: { paddingTop: paddingXXS }, // ======================== Ranges ======================== [`${componentCls}-ranges`]: { marginBottom: 0, padding: `${paddingXXS}px ${paddingSM}px`, overflow: 'hidden', lineHeight: `${pickerTextHeight - 2 * lineWidth - paddingXS / 2}px`, textAlign: 'start', listStyle: 'none', display: 'flex', justifyContent: 'space-between', '> li': { display: 'inline-block' }, // https://github.com/ant-design/ant-design/issues/23687 [`${componentCls}-preset > ${antCls}-tag-blue`]: { color: colorPrimary, background: controlItemBgActive, borderColor: colorPrimaryBorder, cursor: 'pointer' }, [`${componentCls}-ok`]: { marginInlineStart: 'auto' } }, [`${componentCls}-range-wrapper`]: { display: 'flex', position: 'relative' }, [`${componentCls}-range-arrow`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ position: 'absolute', zIndex: 1, display: 'none', marginInlineStart: inputPaddingHorizontal * 1.5, transition: `left ${motionDurationSlow} ease-out` }, (0,_style__WEBPACK_IMPORTED_MODULE_6__.roundedArrow)(sizePopupArrow, borderRadiusXS, borderRadiusOuter, colorBgElevated, boxShadowPopoverArrow)), [`${componentCls}-panel-container`]: { overflow: 'hidden', verticalAlign: 'top', background: colorBgElevated, borderRadius: borderRadiusLG, boxShadow: boxShadowSecondary, transition: `margin ${motionDurationSlow}`, // ======================== Layout ======================== [`${componentCls}-panel-layout`]: { display: 'flex', flexWrap: 'nowrap', alignItems: 'stretch' }, // ======================== Preset ======================== [`${componentCls}-presets`]: { display: 'flex', flexDirection: 'column', minWidth: presetsWidth, maxWidth: presetsMaxWidth, ul: { height: 0, flex: 'auto', listStyle: 'none', overflow: 'auto', margin: 0, padding: paddingXS, borderInlineEnd: `${lineWidth}px ${lineType} ${colorSplit}`, li: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, _style__WEBPACK_IMPORTED_MODULE_4__.textEllipsis), { borderRadius: borderRadiusSM, paddingInline: paddingXS, paddingBlock: (controlHeightSM - Math.round(fontSize * lineHeight)) / 2, cursor: 'pointer', transition: `all ${motionDurationSlow}`, '+ li': { marginTop: marginXS }, '&:hover': { background: controlItemBgHover } }) } }, // ======================== Panels ======================== [`${componentCls}-panels`]: { display: 'inline-flex', flexWrap: 'nowrap', direction: 'ltr', [`${componentCls}-panel`]: { borderWidth: `0 0 ${lineWidth}px` }, '&:last-child': { [`${componentCls}-panel`]: { borderWidth: 0 } } }, [`${componentCls}-panel`]: { verticalAlign: 'top', background: 'transparent', borderRadius: 0, borderWidth: 0, [`${componentCls}-content, table`]: { textAlign: 'center' }, '&-focused': { borderColor: colorBorder } } } }), '&-dropdown-range': { padding: `${sizePopupArrow * 2 / 3}px 0`, '&-hidden': { display: 'none' } }, '&-rtl': { direction: 'rtl', [`${componentCls}-separator`]: { transform: 'rotate(180deg)' }, [`${componentCls}-footer`]: { '&-extra': { direction: 'rtl' } } } }) }, // Follow code may reuse in other components (0,_style_motion__WEBPACK_IMPORTED_MODULE_5__.initSlideMotion)(token, 'slide-up'), (0,_style_motion__WEBPACK_IMPORTED_MODULE_5__.initSlideMotion)(token, 'slide-down'), (0,_style_motion__WEBPACK_IMPORTED_MODULE_7__.initMoveMotion)(token, 'move-up'), (0,_style_motion__WEBPACK_IMPORTED_MODULE_7__.initMoveMotion)(token, 'move-down')]; }; const initPickerPanelToken = token => { const pickerTimePanelCellHeight = 28; const { componentCls, controlHeightLG, controlHeightSM, colorPrimary, paddingXXS } = token; return { pickerCellCls: `${componentCls}-cell`, pickerCellInnerCls: `${componentCls}-cell-inner`, pickerTextHeight: controlHeightLG, pickerPanelCellWidth: controlHeightSM * 1.5, pickerPanelCellHeight: controlHeightSM, pickerDateHoverRangeBorderColor: new _ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_1__.TinyColor(colorPrimary).lighten(20).toHexString(), pickerBasicCellHoverWithRangeColor: new _ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_1__.TinyColor(colorPrimary).lighten(35).toHexString(), pickerPanelWithoutTimeCellHeight: controlHeightLG * 1.65, pickerYearMonthCellWidth: controlHeightLG * 1.5, pickerTimePanelColumnHeight: pickerTimePanelCellHeight * 8, pickerTimePanelColumnWidth: controlHeightLG * 1.4, pickerTimePanelCellHeight, pickerQuarterPanelContentHeight: controlHeightLG * 1.4, pickerCellPaddingVertical: paddingXXS, pickerCellBorderGap: 2, pickerControlIconSize: 7, pickerControlIconBorderWidth: 1.5 }; }; // ============================== Export ============================== /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_theme_internal__WEBPACK_IMPORTED_MODULE_8__["default"])('DatePicker', token => { const pickerToken = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_3__.merge)((0,_input_style__WEBPACK_IMPORTED_MODULE_2__.initInputToken)(token), initPickerPanelToken(token)); return [genPickerStyle(pickerToken), genPickerStatusStyle(pickerToken), // ===================================================== // == Space Compact == // ===================================================== (0,_style_compact_item__WEBPACK_IMPORTED_MODULE_9__.genCompactItemStyle)(token, { focusElCls: `${token.componentCls}-focused` })]; }, token => ({ presetsWidth: 120, presetsMaxWidth: 200, zIndexPopup: token.zIndexPopupBase + 50 }))); /***/ }), /***/ "./components/date-picker/util.ts": /*!****************************************!*\ !*** ./components/date-picker/util.ts ***! \****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ getPlaceholder: () => (/* binding */ getPlaceholder), /* harmony export */ getRangePlaceholder: () => (/* binding */ getRangePlaceholder), /* harmony export */ transPlacement2DropdownAlign: () => (/* binding */ transPlacement2DropdownAlign) /* harmony export */ }); function getPlaceholder(locale, picker, customizePlaceholder) { if (customizePlaceholder !== undefined) { return customizePlaceholder; } if (picker === 'year' && locale.lang.yearPlaceholder) { return locale.lang.yearPlaceholder; } if (picker === 'quarter' && locale.lang.quarterPlaceholder) { return locale.lang.quarterPlaceholder; } if (picker === 'month' && locale.lang.monthPlaceholder) { return locale.lang.monthPlaceholder; } if (picker === 'week' && locale.lang.weekPlaceholder) { return locale.lang.weekPlaceholder; } if (picker === 'time' && locale.timePickerLocale.placeholder) { return locale.timePickerLocale.placeholder; } return locale.lang.placeholder; } function getRangePlaceholder(locale, picker, customizePlaceholder) { if (customizePlaceholder !== undefined) { return customizePlaceholder; } if (picker === 'year' && locale.lang.yearPlaceholder) { return locale.lang.rangeYearPlaceholder; } if (picker === 'month' && locale.lang.monthPlaceholder) { return locale.lang.rangeMonthPlaceholder; } if (picker === 'week' && locale.lang.weekPlaceholder) { return locale.lang.rangeWeekPlaceholder; } if (picker === 'time' && locale.timePickerLocale.placeholder) { return locale.timePickerLocale.rangePlaceholder; } return locale.lang.rangePlaceholder; } function transPlacement2DropdownAlign(direction, placement) { const overflow = { adjustX: 1, adjustY: 1 }; switch (placement) { case 'bottomLeft': { return { points: ['tl', 'bl'], offset: [0, 4], overflow }; } case 'bottomRight': { return { points: ['tr', 'br'], offset: [0, 4], overflow }; } case 'topLeft': { return { points: ['bl', 'tl'], offset: [0, -4], overflow }; } case 'topRight': { return { points: ['br', 'tr'], offset: [0, -4], overflow }; } default: { return { points: direction === 'rtl' ? ['tr', 'br'] : ['tl', 'bl'], offset: [0, 4], overflow }; } } } /***/ }), /***/ "./components/descriptions/Cell.tsx": /*!******************************************!*\ !*** ./components/descriptions/Cell.tsx ***! \******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); function notEmpty(val) { return val !== undefined && val !== null; } const Cell = props => { const { itemPrefixCls, component, span, labelStyle, contentStyle, bordered, label, content, colon } = props; const Component = component; if (bordered) { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(Component, { "class": [{ [`${itemPrefixCls}-item-label`]: notEmpty(label), [`${itemPrefixCls}-item-content`]: notEmpty(content) }], "colSpan": span }, { default: () => [notEmpty(label) && (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("span", { "style": labelStyle }, [label]), notEmpty(content) && (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("span", { "style": contentStyle }, [content])] }); } return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(Component, { "class": [`${itemPrefixCls}-item`], "colSpan": span }, { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", { "class": `${itemPrefixCls}-item-container` }, [(label || label === 0) && (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("span", { "class": [`${itemPrefixCls}-item-label`, { [`${itemPrefixCls}-item-no-colon`]: !colon }], "style": labelStyle }, [label]), (content || content === 0) && (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("span", { "class": `${itemPrefixCls}-item-content`, "style": contentStyle }, [content])])] }); }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Cell); /***/ }), /***/ "./components/descriptions/Row.tsx": /*!*****************************************!*\ !*** ./components/descriptions/Row.tsx ***! \*****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _Cell__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Cell */ "./components/descriptions/Cell.tsx"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/index.ts"); /* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./index */ "./components/descriptions/index.tsx"); const Row = props => { const renderCells = (items, _ref, _ref2) => { let { colon, prefixCls, bordered } = _ref; let { component, type, showLabel, showContent, labelStyle: rootLabelStyle, contentStyle: rootContentStyle } = _ref2; return items.map((item, index) => { var _a, _b; const itemProps = item.props || {}; const { prefixCls: itemPrefixCls = prefixCls, span = 1, labelStyle = itemProps['label-style'], contentStyle = itemProps['content-style'], label = (_b = (_a = item.children) === null || _a === void 0 ? void 0 : _a.label) === null || _b === void 0 ? void 0 : _b.call(_a) } = itemProps; const children = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_2__.getSlot)(item); const className = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_2__.getClass)(item); const style = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_2__.getStyle)(item); const { key } = item; if (typeof component === 'string') { return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_Cell__WEBPACK_IMPORTED_MODULE_3__["default"], { "key": `${type}-${String(key) || index}`, "class": className, "style": style, "labelStyle": (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, rootLabelStyle), labelStyle), "contentStyle": (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, rootContentStyle), contentStyle), "span": span, "colon": colon, "component": component, "itemPrefixCls": itemPrefixCls, "bordered": bordered, "label": showLabel ? label : null, "content": showContent ? children : null }, null); } return [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_Cell__WEBPACK_IMPORTED_MODULE_3__["default"], { "key": `label-${String(key) || index}`, "class": className, "style": (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, rootLabelStyle), style), labelStyle), "span": 1, "colon": colon, "component": component[0], "itemPrefixCls": itemPrefixCls, "bordered": bordered, "label": label }, null), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_Cell__WEBPACK_IMPORTED_MODULE_3__["default"], { "key": `content-${String(key) || index}`, "class": className, "style": (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, rootContentStyle), style), contentStyle), "span": span * 2 - 1, "component": component[1], "itemPrefixCls": itemPrefixCls, "bordered": bordered, "content": children }, null)]; }); }; const { prefixCls, vertical, row, index, bordered } = props; const { labelStyle, contentStyle } = (0,vue__WEBPACK_IMPORTED_MODULE_1__.inject)(_index__WEBPACK_IMPORTED_MODULE_4__.descriptionsContext, { labelStyle: (0,vue__WEBPACK_IMPORTED_MODULE_1__.ref)({}), contentStyle: (0,vue__WEBPACK_IMPORTED_MODULE_1__.ref)({}) }); if (vertical) { return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_1__.Fragment, null, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("tr", { "key": `label-${index}`, "class": `${prefixCls}-row` }, [renderCells(row, props, { component: 'th', type: 'label', showLabel: true, labelStyle: labelStyle.value, contentStyle: contentStyle.value })]), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("tr", { "key": `content-${index}`, "class": `${prefixCls}-row` }, [renderCells(row, props, { component: 'td', type: 'content', showContent: true, labelStyle: labelStyle.value, contentStyle: contentStyle.value })])]); } return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("tr", { "key": index, "class": `${prefixCls}-row` }, [renderCells(row, props, { component: bordered ? ['th', 'td'] : 'td', type: 'item', showLabel: true, showContent: true, labelStyle: labelStyle.value, contentStyle: contentStyle.value })]); }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Row); /***/ }), /***/ "./components/descriptions/index.tsx": /*!*******************************************!*\ !*** ./components/descriptions/index.tsx ***! \*******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ DescriptionsItem: () => (/* binding */ DescriptionsItem), /* harmony export */ DescriptionsItemProps: () => (/* binding */ DescriptionsItemProps), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ descriptionsContext: () => (/* binding */ descriptionsContext), /* harmony export */ descriptionsProps: () => (/* binding */ descriptionsProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_warning__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../_util/warning */ "./components/_util/warning.ts"); /* harmony import */ var _util_responsiveObserve__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/responsiveObserve */ "./components/_util/responsiveObserve.ts"); /* harmony import */ var _Row__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./Row */ "./components/descriptions/Row.tsx"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _util_vnode__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/vnode */ "./components/_util/vnode.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/index.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./style */ "./components/descriptions/style/index.ts"); const DescriptionsItemProps = { prefixCls: String, label: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].any, span: Number }; const descriptionsItemProp = () => ({ prefixCls: String, label: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].any, labelStyle: { type: Object, default: undefined }, contentStyle: { type: Object, default: undefined }, span: { type: Number, default: 1 } }); const DescriptionsItem = (0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'ADescriptionsItem', props: descriptionsItemProp(), setup(_, _ref) { let { slots } = _ref; return () => { var _a; return (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots); }; } }); const DEFAULT_COLUMN_MAP = { xxxl: 3, xxl: 3, xl: 3, lg: 3, md: 3, sm: 2, xs: 1 }; function getColumn(column, screens) { if (typeof column === 'number') { return column; } if (typeof column === 'object') { for (let i = 0; i < _util_responsiveObserve__WEBPACK_IMPORTED_MODULE_3__.responsiveArray.length; i++) { const breakpoint = _util_responsiveObserve__WEBPACK_IMPORTED_MODULE_3__.responsiveArray[i]; if (screens[breakpoint] && column[breakpoint] !== undefined) { return column[breakpoint] || DEFAULT_COLUMN_MAP[breakpoint]; } } } return 3; } function getFilledItem(node, rowRestCol, span) { let clone = node; if (span === undefined || span > rowRestCol) { clone = (0,_util_vnode__WEBPACK_IMPORTED_MODULE_4__.cloneElement)(node, { span: rowRestCol }); (0,_util_warning__WEBPACK_IMPORTED_MODULE_5__["default"])(span === undefined, 'Descriptions', 'Sum of column `span` in a line not match `column` of Descriptions.'); } return clone; } function getRows(children, column) { const childNodes = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_6__.flattenChildren)(children); const rows = []; let tmpRow = []; let rowRestCol = column; childNodes.forEach((node, index) => { var _a; const span = (_a = node.props) === null || _a === void 0 ? void 0 : _a.span; const mergedSpan = span || 1; // Additional handle last one if (index === childNodes.length - 1) { tmpRow.push(getFilledItem(node, rowRestCol, span)); rows.push(tmpRow); return; } if (mergedSpan < rowRestCol) { rowRestCol -= mergedSpan; tmpRow.push(node); } else { tmpRow.push(getFilledItem(node, rowRestCol, mergedSpan)); rows.push(tmpRow); rowRestCol = column; tmpRow = []; } }); return rows; } const descriptionsProps = () => ({ prefixCls: String, bordered: { type: Boolean, default: undefined }, size: { type: String, default: 'default' }, title: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].any, extra: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].any, column: { type: [Number, Object], default: () => DEFAULT_COLUMN_MAP }, layout: String, colon: { type: Boolean, default: undefined }, labelStyle: { type: Object, default: undefined }, contentStyle: { type: Object, default: undefined } }); const descriptionsContext = Symbol('descriptionsContext'); const Descriptions = (0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'ADescriptions', inheritAttrs: false, props: descriptionsProps(), slots: Object, Item: DescriptionsItem, setup(props, _ref2) { let { slots, attrs } = _ref2; const { prefixCls, direction } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_7__["default"])('descriptions', props); let token; const screens = (0,vue__WEBPACK_IMPORTED_MODULE_1__.ref)({}); const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_8__["default"])(prefixCls); const responsiveObserve = (0,_util_responsiveObserve__WEBPACK_IMPORTED_MODULE_3__["default"])(); (0,vue__WEBPACK_IMPORTED_MODULE_1__.onBeforeMount)(() => { token = responsiveObserve.value.subscribe(screen => { if (typeof props.column !== 'object') { return; } screens.value = screen; }); }); (0,vue__WEBPACK_IMPORTED_MODULE_1__.onBeforeUnmount)(() => { responsiveObserve.value.unsubscribe(token); }); (0,vue__WEBPACK_IMPORTED_MODULE_1__.provide)(descriptionsContext, { labelStyle: (0,vue__WEBPACK_IMPORTED_MODULE_1__.toRef)(props, 'labelStyle'), contentStyle: (0,vue__WEBPACK_IMPORTED_MODULE_1__.toRef)(props, 'contentStyle') }); const mergeColumn = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => getColumn(props.column, screens.value)); return () => { var _a, _b, _c; const { size, bordered = false, layout = 'horizontal', colon = true, title = (_a = slots.title) === null || _a === void 0 ? void 0 : _a.call(slots), extra = (_b = slots.extra) === null || _b === void 0 ? void 0 : _b.call(slots) } = props; const children = (_c = slots.default) === null || _c === void 0 ? void 0 : _c.call(slots); const rows = getRows(children, mergeColumn.value); return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, attrs), {}, { "class": [prefixCls.value, { [`${prefixCls.value}-${size}`]: size !== 'default', [`${prefixCls.value}-bordered`]: !!bordered, [`${prefixCls.value}-rtl`]: direction.value === 'rtl' }, attrs.class, hashId.value] }), [(title || extra) && (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${prefixCls.value}-header` }, [title && (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${prefixCls.value}-title` }, [title]), extra && (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${prefixCls.value}-extra` }, [extra])]), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${prefixCls.value}-view` }, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("table", null, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("tbody", null, [rows.map((row, index) => (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_Row__WEBPACK_IMPORTED_MODULE_9__["default"], { "key": index, "index": index, "colon": colon, "prefixCls": prefixCls.value, "vertical": layout === 'vertical', "bordered": bordered, "row": row }, null))])])])])); }; } }); Descriptions.install = function (app) { app.component(Descriptions.name, Descriptions); app.component(Descriptions.Item.name, Descriptions.Item); return app; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Descriptions); /***/ }), /***/ "./components/descriptions/style/index.ts": /*!************************************************!*\ !*** ./components/descriptions/style/index.ts ***! \************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/genComponentStyleHook.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/statistic.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../style */ "./components/style/index.ts"); const genBorderedStyle = token => { const { componentCls, descriptionsSmallPadding, descriptionsDefaultPadding, descriptionsMiddlePadding, descriptionsBg } = token; return { [`&${componentCls}-bordered`]: { [`${componentCls}-view`]: { border: `${token.lineWidth}px ${token.lineType} ${token.colorSplit}`, '> table': { tableLayout: 'auto', borderCollapse: 'collapse' } }, [`${componentCls}-item-label, ${componentCls}-item-content`]: { padding: descriptionsDefaultPadding, borderInlineEnd: `${token.lineWidth}px ${token.lineType} ${token.colorSplit}`, '&:last-child': { borderInlineEnd: 'none' } }, [`${componentCls}-item-label`]: { backgroundColor: descriptionsBg, '&::after': { display: 'none' } }, [`${componentCls}-row`]: { borderBottom: `${token.lineWidth}px ${token.lineType} ${token.colorSplit}`, '&:last-child': { borderBottom: 'none' } }, [`&${componentCls}-middle`]: { [`${componentCls}-item-label, ${componentCls}-item-content`]: { padding: descriptionsMiddlePadding } }, [`&${componentCls}-small`]: { [`${componentCls}-item-label, ${componentCls}-item-content`]: { padding: descriptionsSmallPadding } } } }; }; const genDescriptionStyles = token => { const { componentCls, descriptionsExtraColor, descriptionItemPaddingBottom, descriptionsItemLabelColonMarginRight, descriptionsItemLabelColonMarginLeft, descriptionsTitleMarginBottom } = token; return { [componentCls]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_1__.resetComponent)(token)), genBorderedStyle(token)), { [`&-rtl`]: { direction: 'rtl' }, [`${componentCls}-header`]: { display: 'flex', alignItems: 'center', marginBottom: descriptionsTitleMarginBottom }, [`${componentCls}-title`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, _style__WEBPACK_IMPORTED_MODULE_1__.textEllipsis), { flex: 'auto', color: token.colorText, fontWeight: token.fontWeightStrong, fontSize: token.fontSizeLG, lineHeight: token.lineHeightLG }), [`${componentCls}-extra`]: { marginInlineStart: 'auto', color: descriptionsExtraColor, fontSize: token.fontSize }, [`${componentCls}-view`]: { width: '100%', borderRadius: token.borderRadiusLG, table: { width: '100%', tableLayout: 'fixed' } }, [`${componentCls}-row`]: { '> th, > td': { paddingBottom: descriptionItemPaddingBottom }, '&:last-child': { borderBottom: 'none' } }, [`${componentCls}-item-label`]: { color: token.colorText, fontWeight: 'normal', fontSize: token.fontSize, lineHeight: token.lineHeight, textAlign: `start`, '&::after': { content: '":"', position: 'relative', top: -0.5, marginInline: `${descriptionsItemLabelColonMarginLeft}px ${descriptionsItemLabelColonMarginRight}px` }, [`&${componentCls}-item-no-colon::after`]: { content: '""' } }, [`${componentCls}-item-no-label`]: { '&::after': { margin: 0, content: '""' } }, [`${componentCls}-item-content`]: { display: 'table-cell', flex: 1, color: token.colorText, fontSize: token.fontSize, lineHeight: token.lineHeight, wordBreak: 'break-word', overflowWrap: 'break-word' }, [`${componentCls}-item`]: { paddingBottom: 0, verticalAlign: 'top', '&-container': { display: 'flex', [`${componentCls}-item-label`]: { display: 'inline-flex', alignItems: 'baseline' }, [`${componentCls}-item-content`]: { display: 'inline-flex', alignItems: 'baseline' } } }, '&-middle': { [`${componentCls}-row`]: { '> th, > td': { paddingBottom: token.paddingSM } } }, '&-small': { [`${componentCls}-row`]: { '> th, > td': { paddingBottom: token.paddingXS } } } }) }; }; // ============================== Export ============================== /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_theme_internal__WEBPACK_IMPORTED_MODULE_2__["default"])('Descriptions', token => { const descriptionsBg = token.colorFillAlter; const descriptionsTitleMarginBottom = token.fontSizeSM * token.lineHeightSM; const descriptionsExtraColor = token.colorText; const descriptionsSmallPadding = `${token.paddingXS}px ${token.padding}px`; const descriptionsDefaultPadding = `${token.padding}px ${token.paddingLG}px`; const descriptionsMiddlePadding = `${token.paddingSM}px ${token.paddingLG}px`; const descriptionItemPaddingBottom = token.padding; const descriptionsItemLabelColonMarginRight = token.marginXS; const descriptionsItemLabelColonMarginLeft = token.marginXXS / 2; const descriptionToken = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_3__.merge)(token, { descriptionsBg, descriptionsTitleMarginBottom, descriptionsExtraColor, descriptionItemPaddingBottom, descriptionsSmallPadding, descriptionsDefaultPadding, descriptionsMiddlePadding, descriptionsItemLabelColonMarginRight, descriptionsItemLabelColonMarginLeft }); return [genDescriptionStyles(descriptionToken)]; })); /***/ }), /***/ "./components/divider/index.tsx": /*!**************************************!*\ !*** ./components/divider/index.tsx ***! \**************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ dividerProps: () => (/* binding */ dividerProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/index.ts"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./style */ "./components/divider/style/index.ts"); const dividerProps = () => ({ prefixCls: String, type: { type: String, default: 'horizontal' }, dashed: { type: Boolean, default: false }, orientation: { type: String, default: 'center' }, plain: { type: Boolean, default: false }, orientationMargin: [String, Number] }); const Divider = (0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ name: 'ADivider', inheritAttrs: false, compatConfig: { MODE: 3 }, props: dividerProps(), setup(props, _ref) { let { slots, attrs } = _ref; const { prefixCls: prefixClsRef, direction } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_3__["default"])('divider', props); const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_4__["default"])(prefixClsRef); const hasCustomMarginLeft = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.orientation === 'left' && props.orientationMargin != null); const hasCustomMarginRight = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.orientation === 'right' && props.orientationMargin != null); const classString = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { const { type, dashed, plain } = props; const prefixCls = prefixClsRef.value; return { [prefixCls]: true, [hashId.value]: !!hashId.value, [`${prefixCls}-${type}`]: true, [`${prefixCls}-dashed`]: !!dashed, [`${prefixCls}-plain`]: !!plain, [`${prefixCls}-rtl`]: direction.value === 'rtl', [`${prefixCls}-no-default-orientation-margin-left`]: hasCustomMarginLeft.value, [`${prefixCls}-no-default-orientation-margin-right`]: hasCustomMarginRight.value }; }); const innerStyle = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { const marginValue = typeof props.orientationMargin === 'number' ? `${props.orientationMargin}px` : props.orientationMargin; return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, hasCustomMarginLeft.value && { marginLeft: marginValue }), hasCustomMarginRight.value && { marginRight: marginValue }); }); const orientationPrefix = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.orientation.length > 0 ? '-' + props.orientation : props.orientation); return () => { var _a; const children = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_5__.flattenChildren)((_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)); return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, attrs), {}, { "class": [classString.value, children.length ? `${prefixClsRef.value}-with-text ${prefixClsRef.value}-with-text${orientationPrefix.value}` : '', attrs.class], "role": "separator" }), [children.length ? (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", { "class": `${prefixClsRef.value}-inner-text`, "style": innerStyle.value }, [children]) : null])); }; } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_util_type__WEBPACK_IMPORTED_MODULE_6__.withInstall)(Divider)); /***/ }), /***/ "./components/divider/style/index.ts": /*!*******************************************!*\ !*** ./components/divider/style/index.ts ***! \*******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/genComponentStyleHook.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/statistic.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../style */ "./components/style/index.ts"); // ============================== Shared ============================== const genSharedDividerStyle = token => { const { componentCls, sizePaddingEdgeHorizontal, colorSplit, lineWidth } = token; return { [componentCls]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_1__.resetComponent)(token)), { borderBlockStart: `${lineWidth}px solid ${colorSplit}`, // vertical '&-vertical': { position: 'relative', top: '-0.06em', display: 'inline-block', height: '0.9em', margin: `0 ${token.dividerVerticalGutterMargin}px`, verticalAlign: 'middle', borderTop: 0, borderInlineStart: `${lineWidth}px solid ${colorSplit}` }, '&-horizontal': { display: 'flex', clear: 'both', width: '100%', minWidth: '100%', margin: `${token.dividerHorizontalGutterMargin}px 0` }, [`&-horizontal${componentCls}-with-text`]: { display: 'flex', alignItems: 'center', margin: `${token.dividerHorizontalWithTextGutterMargin}px 0`, color: token.colorTextHeading, fontWeight: 500, fontSize: token.fontSizeLG, whiteSpace: 'nowrap', textAlign: 'center', borderBlockStart: `0 ${colorSplit}`, '&::before, &::after': { position: 'relative', width: '50%', borderBlockStart: `${lineWidth}px solid transparent`, // Chrome not accept `inherit` in `border-top` borderBlockStartColor: 'inherit', borderBlockEnd: 0, transform: 'translateY(50%)', content: "''" } }, [`&-horizontal${componentCls}-with-text-left`]: { '&::before': { width: '5%' }, '&::after': { width: '95%' } }, [`&-horizontal${componentCls}-with-text-right`]: { '&::before': { width: '95%' }, '&::after': { width: '5%' } }, [`${componentCls}-inner-text`]: { display: 'inline-block', padding: '0 1em' }, '&-dashed': { background: 'none', borderColor: colorSplit, borderStyle: 'dashed', borderWidth: `${lineWidth}px 0 0` }, [`&-horizontal${componentCls}-with-text${componentCls}-dashed`]: { '&::before, &::after': { borderStyle: 'dashed none none' } }, [`&-vertical${componentCls}-dashed`]: { borderInlineStartWidth: lineWidth, borderInlineEnd: 0, borderBlockStart: 0, borderBlockEnd: 0 }, [`&-plain${componentCls}-with-text`]: { color: token.colorText, fontWeight: 'normal', fontSize: token.fontSize }, [`&-horizontal${componentCls}-with-text-left${componentCls}-no-default-orientation-margin-left`]: { '&::before': { width: 0 }, '&::after': { width: '100%' }, [`${componentCls}-inner-text`]: { paddingInlineStart: sizePaddingEdgeHorizontal } }, [`&-horizontal${componentCls}-with-text-right${componentCls}-no-default-orientation-margin-right`]: { '&::before': { width: '100%' }, '&::after': { width: 0 }, [`${componentCls}-inner-text`]: { paddingInlineEnd: sizePaddingEdgeHorizontal } } }) }; }; // ============================== Export ============================== /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_theme_internal__WEBPACK_IMPORTED_MODULE_2__["default"])('Divider', token => { const dividerToken = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_3__.merge)(token, { dividerVerticalGutterMargin: token.marginXS, dividerHorizontalWithTextGutterMargin: token.margin, dividerHorizontalGutterMargin: token.marginLG }); return [genSharedDividerStyle(dividerToken)]; }, { sizePaddingEdgeHorizontal: 0 })); /***/ }), /***/ "./components/drawer/index.tsx": /*!*************************************!*\ !*** ./components/drawer/index.tsx ***! \*************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ drawerProps: () => (/* binding */ drawerProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/initDefaultProps.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/index.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _vc_drawer__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../vc-drawer */ "./components/vc-drawer/index.ts"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _ant_design_icons_vue_es_icons_CloseOutlined__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/CloseOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/CloseOutlined.js"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); /* harmony import */ var _util_omit__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../_util/omit */ "./components/_util/omit.ts"); /* harmony import */ var _vc_util_devWarning__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../vc-util/devWarning */ "./components/vc-util/devWarning.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./style */ "./components/drawer/style/index.ts"); /* harmony import */ var _space_Compact__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../space/Compact */ "./components/space/Compact.tsx"); /* harmony import */ var _util_isNumeric__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../_util/isNumeric */ "./components/_util/isNumeric.ts"); /* harmony import */ var _util_transition__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../_util/transition */ "./components/_util/transition.tsx"); var __rest = undefined && undefined.__rest || function (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; }; const PlacementTypes = ['top', 'right', 'bottom', 'left']; const SizeTypes = ['default', 'large']; const defaultPushState = { distance: 180 }; const drawerProps = () => ({ autofocus: { type: Boolean, default: undefined }, closable: { type: Boolean, default: undefined }, closeIcon: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].any, destroyOnClose: { type: Boolean, default: undefined }, forceRender: { type: Boolean, default: undefined }, getContainer: { type: [String, Function, Boolean, Object], default: undefined }, maskClosable: { type: Boolean, default: undefined }, mask: { type: Boolean, default: undefined }, maskStyle: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.objectType)(), rootClassName: String, rootStyle: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.objectType)(), size: { type: String }, drawerStyle: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.objectType)(), headerStyle: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.objectType)(), bodyStyle: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.objectType)(), contentWrapperStyle: { type: Object, default: undefined }, title: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].any, /** @deprecated Please use `open` instead */ visible: { type: Boolean, default: undefined }, open: { type: Boolean, default: undefined }, width: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].oneOfType([_util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].string, _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].number]), height: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].oneOfType([_util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].string, _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].number]), zIndex: Number, prefixCls: String, push: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].oneOfType([_util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].looseBool, { type: Object }]), placement: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].oneOf(PlacementTypes), keyboard: { type: Boolean, default: undefined }, extra: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].any, footer: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].any, footerStyle: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.objectType)(), level: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].any, levelMove: { type: [Number, Array, Function] }, handle: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].any, /** @deprecated Use `@afterVisibleChange` instead */ afterVisibleChange: Function, /** @deprecated Please use `@afterOpenChange` instead */ onAfterVisibleChange: Function, onAfterOpenChange: Function, /** @deprecated Please use `onUpdate:open` instead */ 'onUpdate:visible': Function, 'onUpdate:open': Function, onClose: Function }); const Drawer = (0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'ADrawer', inheritAttrs: false, props: (0,_util_props_util__WEBPACK_IMPORTED_MODULE_5__["default"])(drawerProps(), { closable: true, placement: 'right', maskClosable: true, mask: true, level: null, keyboard: true, push: defaultPushState }), slots: Object, // emits: ['update:visible', 'close', 'afterVisibleChange'], setup(props, _ref) { let { emit, slots, attrs } = _ref; const sPush = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(false); const destroyClose = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(false); const vcDrawer = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(null); const load = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(false); const visible = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(false); const mergedOpen = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { var _a; return (_a = props.open) !== null && _a !== void 0 ? _a : props.visible; }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)(mergedOpen, () => { if (mergedOpen.value) { load.value = true; } else { visible.value = false; } }, { immediate: true }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)([mergedOpen, load], () => { if (mergedOpen.value && load.value) { visible.value = true; } }, { immediate: true }); const parentDrawerOpts = (0,vue__WEBPACK_IMPORTED_MODULE_2__.inject)('parentDrawerOpts', null); const { prefixCls, getPopupContainer, direction } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_6__["default"])('drawer', props); const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_7__["default"])(prefixCls); const getContainer = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => // 有可能为 false,所以不能直接判断 props.getContainer === undefined && (getPopupContainer === null || getPopupContainer === void 0 ? void 0 : getPopupContainer.value) ? () => getPopupContainer.value(document.body) : props.getContainer); (0,_vc_util_devWarning__WEBPACK_IMPORTED_MODULE_8__["default"])(!props.afterVisibleChange, 'Drawer', '`afterVisibleChange` prop is deprecated, please use `@afterVisibleChange` event instead'); // ========================== Warning =========================== if (true) { [['visible', 'open'], ['onUpdate:visible', 'onUpdate:open'], ['onAfterVisibleChange', 'onAfterOpenChange']].forEach(_ref2 => { let [deprecatedName, newName] = _ref2; (0,_vc_util_devWarning__WEBPACK_IMPORTED_MODULE_8__["default"])(!props[deprecatedName], 'Drawer', `\`${deprecatedName}\` is deprecated, please use \`${newName}\` instead.`); }); } const setPush = () => { sPush.value = true; }; const setPull = () => { sPush.value = false; (0,vue__WEBPACK_IMPORTED_MODULE_2__.nextTick)(() => { domFocus(); }); }; (0,vue__WEBPACK_IMPORTED_MODULE_2__.provide)('parentDrawerOpts', { setPush, setPull }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.onMounted)(() => { if (mergedOpen.value && parentDrawerOpts) { parentDrawerOpts.setPush(); } }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.onUnmounted)(() => { if (parentDrawerOpts) { parentDrawerOpts.setPull(); } }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)(visible, () => { if (parentDrawerOpts) { if (visible.value) { parentDrawerOpts.setPush(); } else { parentDrawerOpts.setPull(); } } }, { flush: 'post' }); const domFocus = () => { var _a, _b; (_b = (_a = vcDrawer.value) === null || _a === void 0 ? void 0 : _a.domFocus) === null || _b === void 0 ? void 0 : _b.call(_a); }; const close = e => { emit('update:visible', false); emit('update:open', false); emit('close', e); }; const afterVisibleChange = open => { var _a; if (!open) { if (destroyClose.value === false) { // set true only once destroyClose.value = true; } if (props.destroyOnClose) { load.value = false; } } (_a = props.afterVisibleChange) === null || _a === void 0 ? void 0 : _a.call(props, open); emit('afterVisibleChange', open); emit('afterOpenChange', open); }; const pushTransform = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { const { push, placement } = props; let distance; if (typeof push === 'boolean') { distance = push ? defaultPushState.distance : 0; } else { distance = push.distance; } distance = parseFloat(String(distance || 0)); if (placement === 'left' || placement === 'right') { return `translateX(${placement === 'left' ? distance : -distance}px)`; } if (placement === 'top' || placement === 'bottom') { return `translateY(${placement === 'top' ? distance : -distance}px)`; } return null; }); // ============================ Size ============================ const mergedWidth = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { var _a; return (_a = props.width) !== null && _a !== void 0 ? _a : props.size === 'large' ? 736 : 378; }); const mergedHeight = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { var _a; return (_a = props.height) !== null && _a !== void 0 ? _a : props.size === 'large' ? 736 : 378; }); const offsetStyle = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { // https://github.com/ant-design/ant-design/issues/24287 const { mask, placement } = props; if (!visible.value && !mask) { return {}; } const val = {}; if (placement === 'left' || placement === 'right') { val.width = (0,_util_isNumeric__WEBPACK_IMPORTED_MODULE_9__["default"])(mergedWidth.value) ? `${mergedWidth.value}px` : mergedWidth.value; } else { val.height = (0,_util_isNumeric__WEBPACK_IMPORTED_MODULE_9__["default"])(mergedHeight.value) ? `${mergedHeight.value}px` : mergedHeight.value; } return val; }); const wrapperStyle = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { const { zIndex, contentWrapperStyle } = props; const val = offsetStyle.value; return [{ zIndex, transform: sPush.value ? pushTransform.value : undefined }, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, contentWrapperStyle), val]; }); const renderHeader = prefixCls => { const { closable, headerStyle } = props; const extra = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_10__.getPropsSlot)(slots, props, 'extra'); const title = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_10__.getPropsSlot)(slots, props, 'title'); if (!title && !closable) { return null; } return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_11__["default"])(`${prefixCls}-header`, { [`${prefixCls}-header-close-only`]: closable && !title && !extra }), "style": headerStyle }, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": `${prefixCls}-header-title` }, [renderCloseIcon(prefixCls), title && (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": `${prefixCls}-title` }, [title])]), extra && (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": `${prefixCls}-extra` }, [extra])]); }; const renderCloseIcon = prefixCls => { var _a; const { closable } = props; const $closeIcon = slots.closeIcon ? (_a = slots.closeIcon) === null || _a === void 0 ? void 0 : _a.call(slots) : props.closeIcon; return closable && (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("button", { "key": "closer", "onClick": close, "aria-label": "Close", "class": `${prefixCls}-close` }, [$closeIcon === undefined ? (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_ant_design_icons_vue_es_icons_CloseOutlined__WEBPACK_IMPORTED_MODULE_12__["default"], null, null) : $closeIcon]); }; const renderBody = prefixCls => { var _a; if (destroyClose.value && !props.forceRender && !load.value) { return null; } const { bodyStyle, drawerStyle } = props; return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": `${prefixCls}-wrapper-body`, "style": drawerStyle }, [renderHeader(prefixCls), (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "key": "body", "class": `${prefixCls}-body`, "style": bodyStyle }, [(_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)]), renderFooter(prefixCls)]); }; const renderFooter = prefixCls => { const footer = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_10__.getPropsSlot)(slots, props, 'footer'); if (!footer) { return null; } const footerClassName = `${prefixCls}-footer`; return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": footerClassName, "style": props.footerStyle }, [footer]); }; const drawerClassName = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => (0,_util_classNames__WEBPACK_IMPORTED_MODULE_11__["default"])({ 'no-mask': !props.mask, [`${prefixCls.value}-rtl`]: direction.value === 'rtl' }, props.rootClassName, hashId.value)); // =========================== Motion =========================== const maskMotion = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { return (0,_util_transition__WEBPACK_IMPORTED_MODULE_13__.getTransitionProps)((0,_util_transition__WEBPACK_IMPORTED_MODULE_13__.getTransitionName)(prefixCls.value, 'mask-motion')); }); const panelMotion = motionPlacement => { return (0,_util_transition__WEBPACK_IMPORTED_MODULE_13__.getTransitionProps)((0,_util_transition__WEBPACK_IMPORTED_MODULE_13__.getTransitionName)(prefixCls.value, `panel-motion-${motionPlacement}`)); }; return () => { const { width, height, placement, mask, forceRender } = props, rest = __rest(props, ["width", "height", "placement", "mask", "forceRender"]); const vcDrawerProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, attrs), (0,_util_omit__WEBPACK_IMPORTED_MODULE_14__["default"])(rest, ['size', 'closeIcon', 'closable', 'destroyOnClose', 'drawerStyle', 'headerStyle', 'bodyStyle', 'title', 'push', 'onAfterVisibleChange', 'onClose', 'onUpdate:visible', 'onUpdate:open', 'visible'])), { forceRender, onClose: close, afterVisibleChange, handler: false, prefixCls: prefixCls.value, open: visible.value, showMask: mask, placement, ref: vcDrawer }); return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_space_Compact__WEBPACK_IMPORTED_MODULE_15__.NoCompactStyle, null, { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_vc_drawer__WEBPACK_IMPORTED_MODULE_16__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, vcDrawerProps), {}, { "maskMotion": maskMotion.value, "motion": panelMotion, "width": mergedWidth.value, "height": mergedHeight.value, "getContainer": getContainer.value, "rootClassName": drawerClassName.value, "rootStyle": props.rootStyle, "contentWrapperStyle": wrapperStyle.value }), { handler: props.handle ? () => props.handle : slots.handle, default: () => renderBody(prefixCls.value) })] })); }; } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_util_type__WEBPACK_IMPORTED_MODULE_4__.withInstall)(Drawer)); /***/ }), /***/ "./components/drawer/style/index.ts": /*!******************************************!*\ !*** ./components/drawer/style/index.ts ***! \******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/genComponentStyleHook.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/statistic.ts"); /* harmony import */ var _motion__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./motion */ "./components/drawer/style/motion.ts"); // =============================== Base =============================== const genDrawerStyle = token => { const { componentCls, zIndexPopup, colorBgMask, colorBgElevated, motionDurationSlow, motionDurationMid, padding, paddingLG, fontSizeLG, lineHeightLG, lineWidth, lineType, colorSplit, marginSM, colorIcon, colorIconHover, colorText, fontWeightStrong, drawerFooterPaddingVertical, drawerFooterPaddingHorizontal } = token; const wrapperCls = `${componentCls}-content-wrapper`; return { [componentCls]: { position: 'fixed', inset: 0, zIndex: zIndexPopup, pointerEvents: 'none', '&-pure': { position: 'relative', background: colorBgElevated, [`&${componentCls}-left`]: { boxShadow: token.boxShadowDrawerLeft }, [`&${componentCls}-right`]: { boxShadow: token.boxShadowDrawerRight }, [`&${componentCls}-top`]: { boxShadow: token.boxShadowDrawerUp }, [`&${componentCls}-bottom`]: { boxShadow: token.boxShadowDrawerDown } }, '&-inline': { position: 'absolute' }, // ====================== Mask ====================== [`${componentCls}-mask`]: { position: 'absolute', inset: 0, zIndex: zIndexPopup, background: colorBgMask, pointerEvents: 'auto' }, // ==================== Content ===================== [wrapperCls]: { position: 'absolute', zIndex: zIndexPopup, transition: `all ${motionDurationSlow}`, '&-hidden': { display: 'none' } }, // Placement [`&-left > ${wrapperCls}`]: { top: 0, bottom: 0, left: { _skip_check_: true, value: 0 }, boxShadow: token.boxShadowDrawerLeft }, [`&-right > ${wrapperCls}`]: { top: 0, right: { _skip_check_: true, value: 0 }, bottom: 0, boxShadow: token.boxShadowDrawerRight }, [`&-top > ${wrapperCls}`]: { top: 0, insetInline: 0, boxShadow: token.boxShadowDrawerUp }, [`&-bottom > ${wrapperCls}`]: { bottom: 0, insetInline: 0, boxShadow: token.boxShadowDrawerDown }, [`${componentCls}-content`]: { width: '100%', height: '100%', overflow: 'auto', background: colorBgElevated, pointerEvents: 'auto' }, // ===================== Panel ====================== [`${componentCls}-wrapper-body`]: { display: 'flex', flexDirection: 'column', width: '100%', height: '100%' }, // Header [`${componentCls}-header`]: { display: 'flex', flex: 0, alignItems: 'center', padding: `${padding}px ${paddingLG}px`, fontSize: fontSizeLG, lineHeight: lineHeightLG, borderBottom: `${lineWidth}px ${lineType} ${colorSplit}`, '&-title': { display: 'flex', flex: 1, alignItems: 'center', minWidth: 0, minHeight: 0 } }, [`${componentCls}-extra`]: { flex: 'none' }, [`${componentCls}-close`]: { display: 'inline-block', marginInlineEnd: marginSM, color: colorIcon, fontWeight: fontWeightStrong, fontSize: fontSizeLG, fontStyle: 'normal', lineHeight: 1, textAlign: 'center', textTransform: 'none', textDecoration: 'none', background: 'transparent', border: 0, outline: 0, cursor: 'pointer', transition: `color ${motionDurationMid}`, textRendering: 'auto', '&:focus, &:hover': { color: colorIconHover, textDecoration: 'none' } }, [`${componentCls}-title`]: { flex: 1, margin: 0, color: colorText, fontWeight: token.fontWeightStrong, fontSize: fontSizeLG, lineHeight: lineHeightLG }, // Body [`${componentCls}-body`]: { flex: 1, minWidth: 0, minHeight: 0, padding: paddingLG, overflow: 'auto' }, // Footer [`${componentCls}-footer`]: { flexShrink: 0, padding: `${drawerFooterPaddingVertical}px ${drawerFooterPaddingHorizontal}px`, borderTop: `${lineWidth}px ${lineType} ${colorSplit}` }, // ====================== RTL ======================= '&-rtl': { direction: 'rtl' } } }; }; // ============================== Export ============================== /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_theme_internal__WEBPACK_IMPORTED_MODULE_0__["default"])('Drawer', token => { const drawerToken = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_1__.merge)(token, { drawerFooterPaddingVertical: token.paddingXS, drawerFooterPaddingHorizontal: token.padding }); return [genDrawerStyle(drawerToken), (0,_motion__WEBPACK_IMPORTED_MODULE_2__["default"])(drawerToken)]; }, token => ({ zIndexPopup: token.zIndexPopupBase }))); /***/ }), /***/ "./components/drawer/style/motion.ts": /*!*******************************************!*\ !*** ./components/drawer/style/motion.ts ***! \*******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); const genMotionStyle = token => { const { componentCls, motionDurationSlow } = token; const sharedPanelMotion = { '&-enter, &-appear, &-leave': { '&-start': { transition: 'none' }, '&-active': { transition: `all ${motionDurationSlow}` } } }; return { [componentCls]: { // ======================== Mask ======================== [`${componentCls}-mask-motion`]: { '&-enter, &-appear, &-leave': { '&-active': { transition: `all ${motionDurationSlow}` } }, '&-enter, &-appear': { opacity: 0, '&-active': { opacity: 1 } }, '&-leave': { opacity: 1, '&-active': { opacity: 0 } } }, // ======================= Panel ======================== [`${componentCls}-panel-motion`]: { // Left '&-left': [sharedPanelMotion, { '&-enter, &-appear': { '&-start': { transform: 'translateX(-100%) !important' }, '&-active': { transform: 'translateX(0)' } }, '&-leave': { transform: 'translateX(0)', '&-active': { transform: 'translateX(-100%)' } } }], // Right '&-right': [sharedPanelMotion, { '&-enter, &-appear': { '&-start': { transform: 'translateX(100%) !important' }, '&-active': { transform: 'translateX(0)' } }, '&-leave': { transform: 'translateX(0)', '&-active': { transform: 'translateX(100%)' } } }], // Top '&-top': [sharedPanelMotion, { '&-enter, &-appear': { '&-start': { transform: 'translateY(-100%) !important' }, '&-active': { transform: 'translateY(0)' } }, '&-leave': { transform: 'translateY(0)', '&-active': { transform: 'translateY(-100%)' } } }], // Bottom '&-bottom': [sharedPanelMotion, { '&-enter, &-appear': { '&-start': { transform: 'translateY(100%) !important' }, '&-active': { transform: 'translateY(0)' } }, '&-leave': { transform: 'translateY(0)', '&-active': { transform: 'translateY(100%)' } } }] } } }; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (genMotionStyle); /***/ }), /***/ "./components/dropdown/dropdown-button.tsx": /*!*************************************************!*\ !*** ./components/dropdown/dropdown-button.tsx ***! \*************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _button__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../button */ "./components/button/index.ts"); /* harmony import */ var _dropdown__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./dropdown */ "./components/dropdown/dropdown.tsx"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/initDefaultProps.ts"); /* harmony import */ var _props__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./props */ "./components/dropdown/props.ts"); /* harmony import */ var _ant_design_icons_vue_es_icons_EllipsisOutlined__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/EllipsisOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/EllipsisOutlined.js"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./style */ "./components/dropdown/style/index.ts"); var __rest = undefined && undefined.__rest || function (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; }; const ButtonGroup = _button__WEBPACK_IMPORTED_MODULE_3__["default"].Group; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'ADropdownButton', inheritAttrs: false, __ANT_BUTTON: true, props: (0,_util_props_util__WEBPACK_IMPORTED_MODULE_4__["default"])((0,_props__WEBPACK_IMPORTED_MODULE_5__.dropdownButtonProps)(), { trigger: 'hover', placement: 'bottomRight', type: 'default' }), // emits: ['click', 'visibleChange', 'update:visible'],s slots: Object, setup(props, _ref) { let { slots, attrs, emit } = _ref; const handleVisibleChange = val => { emit('update:visible', val); emit('visibleChange', val); emit('update:open', val); emit('openChange', val); }; const { prefixCls, direction, getPopupContainer } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_6__["default"])('dropdown', props); const buttonPrefixCls = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => `${prefixCls.value}-button`); const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_7__["default"])(prefixCls); return () => { var _a, _b; const _c = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, props), attrs), { type = 'default', disabled, danger, loading, htmlType, class: className = '', overlay = (_a = slots.overlay) === null || _a === void 0 ? void 0 : _a.call(slots), trigger, align, open, visible, onVisibleChange: _onVisibleChange, placement = direction.value === 'rtl' ? 'bottomLeft' : 'bottomRight', href, title, icon = ((_b = slots.icon) === null || _b === void 0 ? void 0 : _b.call(slots)) || (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_ant_design_icons_vue_es_icons_EllipsisOutlined__WEBPACK_IMPORTED_MODULE_8__["default"], null, null), mouseEnterDelay, mouseLeaveDelay, overlayClassName, overlayStyle, destroyPopupOnHide, onClick, 'onUpdate:open': _updateVisible } = _c, restProps = __rest(_c, ["type", "disabled", "danger", "loading", "htmlType", "class", "overlay", "trigger", "align", "open", "visible", "onVisibleChange", "placement", "href", "title", "icon", "mouseEnterDelay", "mouseLeaveDelay", "overlayClassName", "overlayStyle", "destroyPopupOnHide", "onClick", 'onUpdate:open']); const dropdownProps = { align, disabled, trigger: disabled ? [] : trigger, placement, getPopupContainer: getPopupContainer === null || getPopupContainer === void 0 ? void 0 : getPopupContainer.value, onOpenChange: handleVisibleChange, mouseEnterDelay, mouseLeaveDelay, open: open !== null && open !== void 0 ? open : visible, overlayClassName, overlayStyle, destroyPopupOnHide }; const leftButton = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_button__WEBPACK_IMPORTED_MODULE_3__["default"], { "danger": danger, "type": type, "disabled": disabled, "loading": loading, "onClick": onClick, "htmlType": htmlType, "href": href, "title": title }, { default: slots.default }); const rightButton = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_button__WEBPACK_IMPORTED_MODULE_3__["default"], { "danger": danger, "type": type, "icon": icon }, null); return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(ButtonGroup, (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, restProps), {}, { "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_9__["default"])(buttonPrefixCls.value, className, hashId.value) }), { default: () => [slots.leftButton ? slots.leftButton({ button: leftButton }) : leftButton, (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_dropdown__WEBPACK_IMPORTED_MODULE_10__["default"], dropdownProps, { default: () => [slots.rightButton ? slots.rightButton({ button: rightButton }) : rightButton], overlay: () => overlay })] })); }; } })); /***/ }), /***/ "./components/dropdown/dropdown.tsx": /*!******************************************!*\ !*** ./components/dropdown/dropdown.tsx ***! \******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _vc_dropdown__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../vc-dropdown */ "./components/vc-dropdown/index.ts"); /* harmony import */ var _dropdown_button__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./dropdown-button */ "./components/dropdown/dropdown-button.tsx"); /* harmony import */ var _util_vnode__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../_util/vnode */ "./components/_util/vnode.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/initDefaultProps.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/index.ts"); /* harmony import */ var _props__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./props */ "./components/dropdown/props.ts"); /* harmony import */ var _ant_design_icons_vue_es_icons_RightOutlined__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/RightOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/RightOutlined.js"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _vc_util_devWarning__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../vc-util/devWarning */ "./components/vc-util/devWarning.ts"); /* harmony import */ var _util_omit__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../_util/omit */ "./components/_util/omit.ts"); /* harmony import */ var _util_placements__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../_util/placements */ "./components/_util/placements.ts"); /* harmony import */ var _util_warning__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../_util/warning */ "./components/_util/warning.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./style */ "./components/dropdown/style/index.ts"); /* harmony import */ var _menu_src_OverrideContext__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../menu/src/OverrideContext */ "./components/menu/src/OverrideContext.ts"); const Dropdown = (0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'ADropdown', inheritAttrs: false, props: (0,_util_props_util__WEBPACK_IMPORTED_MODULE_2__["default"])((0,_props__WEBPACK_IMPORTED_MODULE_3__.dropdownProps)(), { mouseEnterDelay: 0.15, mouseLeaveDelay: 0.1, placement: 'bottomLeft', trigger: 'hover' }), // emits: ['visibleChange', 'update:visible'], slots: Object, setup(props, _ref) { let { slots, attrs, emit } = _ref; const { prefixCls, rootPrefixCls, direction, getPopupContainer } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_4__["default"])('dropdown', props); const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_5__["default"])(prefixCls); // Warning for deprecated usage if (true) { [['visible', 'open'], ['onVisibleChange', 'onOpenChange'], ['onUpdate:visible', 'onUpdate:open']].forEach(_ref2 => { let [deprecatedName, newName] = _ref2; (0,_util_warning__WEBPACK_IMPORTED_MODULE_6__["default"])(props[deprecatedName] === undefined, 'Dropdown', `\`${deprecatedName}\` is deprecated which will be removed in next major version, please use \`${newName}\` instead.`); }); } const transitionName = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { const { placement = '', transitionName } = props; if (transitionName !== undefined) { return transitionName; } if (placement.includes('top')) { return `${rootPrefixCls.value}-slide-down`; } return `${rootPrefixCls.value}-slide-up`; }); (0,_menu_src_OverrideContext__WEBPACK_IMPORTED_MODULE_7__.useProvideOverride)({ prefixCls: (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => `${prefixCls.value}-menu`), expandIcon: (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", { "class": `${prefixCls.value}-menu-submenu-arrow` }, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_ant_design_icons_vue_es_icons_RightOutlined__WEBPACK_IMPORTED_MODULE_8__["default"], { "class": `${prefixCls.value}-menu-submenu-arrow-icon` }, null)]); }), mode: (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => 'vertical'), selectable: (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => false), onClick: () => {}, validator: _ref3 => { let { mode } = _ref3; // Warning if use other mode (0,_util_warning__WEBPACK_IMPORTED_MODULE_6__["default"])(!mode || mode === 'vertical', 'Dropdown', `mode="${mode}" is not supported for Dropdown's Menu.`); } }); const renderOverlay = () => { var _a, _b, _c; // rc-dropdown already can process the function of overlay, but we have check logic here. // So we need render the element to check and pass back to rc-dropdown. const overlay = props.overlay || ((_a = slots.overlay) === null || _a === void 0 ? void 0 : _a.call(slots)); const overlayNode = Array.isArray(overlay) ? overlay[0] : overlay; if (!overlayNode) return null; const overlayProps = overlayNode.props || {}; // Warning if use other mode (0,_vc_util_devWarning__WEBPACK_IMPORTED_MODULE_9__["default"])(!overlayProps.mode || overlayProps.mode === 'vertical', 'Dropdown', `mode="${overlayProps.mode}" is not supported for Dropdown's Menu.`); // menu cannot be selectable in dropdown defaultly const { selectable = false, expandIcon = (_c = (_b = overlayNode.children) === null || _b === void 0 ? void 0 : _b.expandIcon) === null || _c === void 0 ? void 0 : _c.call(_b) } = overlayProps; const overlayNodeExpandIcon = typeof expandIcon !== 'undefined' && (0,_util_props_util__WEBPACK_IMPORTED_MODULE_10__.isValidElement)(expandIcon) ? expandIcon : (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", { "class": `${prefixCls.value}-menu-submenu-arrow` }, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_ant_design_icons_vue_es_icons_RightOutlined__WEBPACK_IMPORTED_MODULE_8__["default"], { "class": `${prefixCls.value}-menu-submenu-arrow-icon` }, null)]); const fixedModeOverlay = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_10__.isValidElement)(overlayNode) ? (0,_util_vnode__WEBPACK_IMPORTED_MODULE_11__.cloneElement)(overlayNode, { mode: 'vertical', selectable, expandIcon: () => overlayNodeExpandIcon }) : overlayNode; return fixedModeOverlay; }; const placement = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { const placement = props.placement; if (!placement) { return direction.value === 'rtl' ? 'bottomRight' : 'bottomLeft'; } if (placement.includes('Center')) { const newPlacement = placement.slice(0, placement.indexOf('Center')); (0,_vc_util_devWarning__WEBPACK_IMPORTED_MODULE_9__["default"])(!placement.includes('Center'), 'Dropdown', `You are using '${placement}' placement in Dropdown, which is deprecated. Try to use '${newPlacement}' instead.`); return newPlacement; } return placement; }); const mergedVisible = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { return typeof props.visible === 'boolean' ? props.visible : props.open; }); const handleVisibleChange = val => { emit('update:visible', val); emit('visibleChange', val); emit('update:open', val); emit('openChange', val); }; return () => { var _a, _b; const { arrow, trigger, disabled, overlayClassName } = props; const child = (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)[0]; const dropdownTrigger = (0,_util_vnode__WEBPACK_IMPORTED_MODULE_11__.cloneElement)(child, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ class: (0,_util_classNames__WEBPACK_IMPORTED_MODULE_12__["default"])((_b = child === null || child === void 0 ? void 0 : child.props) === null || _b === void 0 ? void 0 : _b.class, { [`${prefixCls.value}-rtl`]: direction.value === 'rtl' }, `${prefixCls.value}-trigger`) }, disabled ? { disabled } : {})); const overlayClassNameCustomized = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_12__["default"])(overlayClassName, hashId.value, { [`${prefixCls.value}-rtl`]: direction.value === 'rtl' }); const triggerActions = disabled ? [] : trigger; let alignPoint; if (triggerActions && triggerActions.includes('contextmenu')) { alignPoint = true; } const builtinPlacements = (0,_util_placements__WEBPACK_IMPORTED_MODULE_13__["default"])({ arrowPointAtCenter: typeof arrow === 'object' && arrow.pointAtCenter, autoAdjustOverflow: true }); const dropdownProps = (0,_util_omit__WEBPACK_IMPORTED_MODULE_14__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props), attrs), { visible: mergedVisible.value, builtinPlacements, overlayClassName: overlayClassNameCustomized, arrow: !!arrow, alignPoint, prefixCls: prefixCls.value, getPopupContainer: getPopupContainer === null || getPopupContainer === void 0 ? void 0 : getPopupContainer.value, transitionName: transitionName.value, trigger: triggerActions, onVisibleChange: handleVisibleChange, placement: placement.value }), ['overlay', 'onUpdate:visible']); return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_vc_dropdown__WEBPACK_IMPORTED_MODULE_15__["default"], dropdownProps, { default: () => [dropdownTrigger], overlay: renderOverlay })); }; } }); Dropdown.Button = _dropdown_button__WEBPACK_IMPORTED_MODULE_16__["default"]; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Dropdown); /***/ }), /***/ "./components/dropdown/index.ts": /*!**************************************!*\ !*** ./components/dropdown/index.ts ***! \**************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ DropdownButton: () => (/* reexport safe */ _dropdown_button__WEBPACK_IMPORTED_MODULE_1__["default"]), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ dropdownButtonProps: () => (/* reexport safe */ _props__WEBPACK_IMPORTED_MODULE_2__.dropdownButtonProps), /* harmony export */ dropdownProps: () => (/* reexport safe */ _props__WEBPACK_IMPORTED_MODULE_2__.dropdownProps) /* harmony export */ }); /* harmony import */ var _dropdown__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./dropdown */ "./components/dropdown/dropdown.tsx"); /* harmony import */ var _dropdown_button__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./dropdown-button */ "./components/dropdown/dropdown-button.tsx"); /* harmony import */ var _props__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./props */ "./components/dropdown/props.ts"); _dropdown__WEBPACK_IMPORTED_MODULE_0__["default"].Button = _dropdown_button__WEBPACK_IMPORTED_MODULE_1__["default"]; /* istanbul ignore next */ _dropdown__WEBPACK_IMPORTED_MODULE_0__["default"].install = function (app) { app.component(_dropdown__WEBPACK_IMPORTED_MODULE_0__["default"].name, _dropdown__WEBPACK_IMPORTED_MODULE_0__["default"]); app.component(_dropdown_button__WEBPACK_IMPORTED_MODULE_1__["default"].name, _dropdown_button__WEBPACK_IMPORTED_MODULE_1__["default"]); return app; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_dropdown__WEBPACK_IMPORTED_MODULE_0__["default"]); /***/ }), /***/ "./components/dropdown/props.ts": /*!**************************************!*\ !*** ./components/dropdown/props.ts ***! \**************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ dropdownButtonProps: () => (/* binding */ dropdownButtonProps), /* harmony export */ dropdownProps: () => (/* binding */ dropdownProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _button_buttonTypes__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../button/buttonTypes */ "./components/button/buttonTypes.ts"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); const dropdownProps = () => ({ arrow: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.someType)([Boolean, Object]), trigger: { type: [Array, String] }, menu: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.objectType)(), overlay: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].any, /** @deprecated Please use `open` instead */ visible: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.booleanType)(), open: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.booleanType)(), disabled: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.booleanType)(), danger: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.booleanType)(), autofocus: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.booleanType)(), align: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.objectType)(), getPopupContainer: Function, prefixCls: String, transitionName: String, placement: String, overlayClassName: String, overlayStyle: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.objectType)(), forceRender: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.booleanType)(), mouseEnterDelay: Number, mouseLeaveDelay: Number, openClassName: String, minOverlayWidthMatchTrigger: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.booleanType)(), destroyPopupOnHide: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.booleanType)(), /** @deprecated Please use `onOpenChange` instead */ onVisibleChange: { type: Function }, /** @deprecated Please use `onUpdate:open` instead */ 'onUpdate:visible': { type: Function }, onOpenChange: { type: Function }, 'onUpdate:open': { type: Function } }); const buttonTypesProps = (0,_button_buttonTypes__WEBPACK_IMPORTED_MODULE_3__["default"])(); const dropdownButtonProps = () => (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, dropdownProps()), { type: buttonTypesProps.type, size: String, htmlType: buttonTypesProps.htmlType, href: String, disabled: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.booleanType)(), prefixCls: String, icon: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].any, title: String, loading: buttonTypesProps.loading, onClick: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.eventType)() }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (dropdownProps); /***/ }), /***/ "./components/dropdown/style/button.ts": /*!*********************************************!*\ !*** ./components/dropdown/style/button.ts ***! \*********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); const genButtonStyle = token => { const { componentCls, antCls, paddingXS, opacityLoading } = token; return { [`${componentCls}-button`]: { whiteSpace: 'nowrap', [`&${antCls}-btn-group > ${antCls}-btn`]: { [`&-loading, &-loading + ${antCls}-btn`]: { cursor: 'default', pointerEvents: 'none', opacity: opacityLoading }, [`&:last-child:not(:first-child):not(${antCls}-btn-icon-only)`]: { paddingInline: paddingXS } } } }; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (genButtonStyle); /***/ }), /***/ "./components/dropdown/style/index.ts": /*!********************************************!*\ !*** ./components/dropdown/style/index.ts ***! \********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _style_placementArrow__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../style/placementArrow */ "./components/style/placementArrow.ts"); /* harmony import */ var _style_motion__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../style/motion */ "./components/style/motion/slide.ts"); /* harmony import */ var _style_motion__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../style/motion */ "./components/style/motion/move.ts"); /* harmony import */ var _style_motion__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../style/motion */ "./components/style/motion/zoom.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/genComponentStyleHook.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/statistic.ts"); /* harmony import */ var _button__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./button */ "./components/dropdown/style/button.ts"); /* harmony import */ var _status__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./status */ "./components/dropdown/style/status.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../style */ "./components/style/index.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../style */ "./components/style/roundedArrow.ts"); // =============================== Base =============================== const genBaseStyle = token => { const { componentCls, menuCls, zIndexPopup, dropdownArrowDistance, dropdownArrowOffset, sizePopupArrow, antCls, iconCls, motionDurationMid, dropdownPaddingVertical, fontSize, dropdownEdgeChildPadding, colorTextDisabled, fontSizeIcon, controlPaddingHorizontal, colorBgElevated, boxShadowPopoverArrow } = token; return [{ [componentCls]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_1__.resetComponent)(token)), { position: 'absolute', top: -9999, left: { _skip_check_: true, value: -9999 }, zIndex: zIndexPopup, display: 'block', // A placeholder out of dropdown visible range to avoid close when user moving '&::before': { position: 'absolute', insetBlock: -dropdownArrowDistance + sizePopupArrow / 2, // insetInlineStart: -7, // FIXME: Seems not work for hidden element zIndex: -9999, opacity: 0.0001, content: '""' }, [`${componentCls}-wrap`]: { position: 'relative', [`${antCls}-btn > ${iconCls}-down`]: { fontSize: fontSizeIcon }, [`${iconCls}-down::before`]: { transition: `transform ${motionDurationMid}` } }, [`${componentCls}-wrap-open`]: { [`${iconCls}-down::before`]: { transform: `rotate(180deg)` } }, [` &-hidden, &-menu-hidden, &-menu-submenu-hidden `]: { display: 'none' }, // ============================================================= // == Arrow == // ============================================================= // Offset the popover to account for the dropdown arrow [` &-show-arrow${componentCls}-placement-topLeft, &-show-arrow${componentCls}-placement-top, &-show-arrow${componentCls}-placement-topRight `]: { paddingBottom: dropdownArrowDistance }, [` &-show-arrow${componentCls}-placement-bottomLeft, &-show-arrow${componentCls}-placement-bottom, &-show-arrow${componentCls}-placement-bottomRight `]: { paddingTop: dropdownArrowDistance }, // Note: .popover-arrow is outer, .popover-arrow:after is inner [`${componentCls}-arrow`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ position: 'absolute', zIndex: 1, display: 'block' }, (0,_style__WEBPACK_IMPORTED_MODULE_2__.roundedArrow)(sizePopupArrow, token.borderRadiusXS, token.borderRadiusOuter, colorBgElevated, boxShadowPopoverArrow)), [` &-placement-top > ${componentCls}-arrow, &-placement-topLeft > ${componentCls}-arrow, &-placement-topRight > ${componentCls}-arrow `]: { bottom: dropdownArrowDistance, transform: 'translateY(100%) rotate(180deg)' }, [`&-placement-top > ${componentCls}-arrow`]: { left: { _skip_check_: true, value: '50%' }, transform: 'translateX(-50%) translateY(100%) rotate(180deg)' }, [`&-placement-topLeft > ${componentCls}-arrow`]: { left: { _skip_check_: true, value: dropdownArrowOffset } }, [`&-placement-topRight > ${componentCls}-arrow`]: { right: { _skip_check_: true, value: dropdownArrowOffset } }, [` &-placement-bottom > ${componentCls}-arrow, &-placement-bottomLeft > ${componentCls}-arrow, &-placement-bottomRight > ${componentCls}-arrow `]: { top: dropdownArrowDistance, transform: `translateY(-100%)` }, [`&-placement-bottom > ${componentCls}-arrow`]: { left: { _skip_check_: true, value: '50%' }, transform: `translateY(-100%) translateX(-50%)` }, [`&-placement-bottomLeft > ${componentCls}-arrow`]: { left: { _skip_check_: true, value: dropdownArrowOffset } }, [`&-placement-bottomRight > ${componentCls}-arrow`]: { right: { _skip_check_: true, value: dropdownArrowOffset } }, // ============================================================= // == Motion == // ============================================================= // When position is not enough for dropdown, the placement will revert. // We will handle this with revert motion name. [`&${antCls}-slide-down-enter${antCls}-slide-down-enter-active${componentCls}-placement-bottomLeft, &${antCls}-slide-down-appear${antCls}-slide-down-appear-active${componentCls}-placement-bottomLeft, &${antCls}-slide-down-enter${antCls}-slide-down-enter-active${componentCls}-placement-bottom, &${antCls}-slide-down-appear${antCls}-slide-down-appear-active${componentCls}-placement-bottom, &${antCls}-slide-down-enter${antCls}-slide-down-enter-active${componentCls}-placement-bottomRight, &${antCls}-slide-down-appear${antCls}-slide-down-appear-active${componentCls}-placement-bottomRight`]: { animationName: _style_motion__WEBPACK_IMPORTED_MODULE_3__.slideUpIn }, [`&${antCls}-slide-up-enter${antCls}-slide-up-enter-active${componentCls}-placement-topLeft, &${antCls}-slide-up-appear${antCls}-slide-up-appear-active${componentCls}-placement-topLeft, &${antCls}-slide-up-enter${antCls}-slide-up-enter-active${componentCls}-placement-top, &${antCls}-slide-up-appear${antCls}-slide-up-appear-active${componentCls}-placement-top, &${antCls}-slide-up-enter${antCls}-slide-up-enter-active${componentCls}-placement-topRight, &${antCls}-slide-up-appear${antCls}-slide-up-appear-active${componentCls}-placement-topRight`]: { animationName: _style_motion__WEBPACK_IMPORTED_MODULE_3__.slideDownIn }, [`&${antCls}-slide-down-leave${antCls}-slide-down-leave-active${componentCls}-placement-bottomLeft, &${antCls}-slide-down-leave${antCls}-slide-down-leave-active${componentCls}-placement-bottom, &${antCls}-slide-down-leave${antCls}-slide-down-leave-active${componentCls}-placement-bottomRight`]: { animationName: _style_motion__WEBPACK_IMPORTED_MODULE_3__.slideUpOut }, [`&${antCls}-slide-up-leave${antCls}-slide-up-leave-active${componentCls}-placement-topLeft, &${antCls}-slide-up-leave${antCls}-slide-up-leave-active${componentCls}-placement-top, &${antCls}-slide-up-leave${antCls}-slide-up-leave-active${componentCls}-placement-topRight`]: { animationName: _style_motion__WEBPACK_IMPORTED_MODULE_3__.slideDownOut } }) }, { // ============================================================= // == Menu == // ============================================================= [`${componentCls} ${menuCls}`]: { position: 'relative', margin: 0 }, [`${menuCls}-submenu-popup`]: { position: 'absolute', zIndex: zIndexPopup, background: 'transparent', boxShadow: 'none', transformOrigin: '0 0', 'ul,li': { listStyle: 'none' }, ul: { marginInline: '0.3em' } }, [`${componentCls}, ${componentCls}-menu-submenu`]: { [menuCls]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ padding: dropdownEdgeChildPadding, listStyleType: 'none', backgroundColor: colorBgElevated, backgroundClip: 'padding-box', borderRadius: token.borderRadiusLG, outline: 'none', boxShadow: token.boxShadowSecondary }, (0,_style__WEBPACK_IMPORTED_MODULE_1__.genFocusStyle)(token)), { [`${menuCls}-item-group-title`]: { padding: `${dropdownPaddingVertical}px ${controlPaddingHorizontal}px`, color: token.colorTextDescription, transition: `all ${motionDurationMid}` }, // ======================= Item Content ======================= [`${menuCls}-item`]: { position: 'relative', display: 'flex', alignItems: 'center', borderRadius: token.borderRadiusSM }, [`${menuCls}-item-icon`]: { minWidth: fontSize, marginInlineEnd: token.marginXS, fontSize: token.fontSizeSM }, [`${menuCls}-title-content`]: { flex: 'auto', '> a': { color: 'inherit', transition: `all ${motionDurationMid}`, '&:hover': { color: 'inherit' }, '&::after': { position: 'absolute', inset: 0, content: '""' } } }, // =========================== Item =========================== [`${menuCls}-item, ${menuCls}-submenu-title`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ clear: 'both', margin: 0, padding: `${dropdownPaddingVertical}px ${controlPaddingHorizontal}px`, color: token.colorText, fontWeight: 'normal', fontSize, lineHeight: token.lineHeight, cursor: 'pointer', transition: `all ${motionDurationMid}`, [`&:hover, &-active`]: { backgroundColor: token.controlItemBgHover } }, (0,_style__WEBPACK_IMPORTED_MODULE_1__.genFocusStyle)(token)), { '&-selected': { color: token.colorPrimary, backgroundColor: token.controlItemBgActive, '&:hover, &-active': { backgroundColor: token.controlItemBgActiveHover } }, '&-disabled': { color: colorTextDisabled, cursor: 'not-allowed', '&:hover': { color: colorTextDisabled, backgroundColor: colorBgElevated, cursor: 'not-allowed' }, a: { pointerEvents: 'none' } }, '&-divider': { height: 1, margin: `${token.marginXXS}px 0`, overflow: 'hidden', lineHeight: 0, backgroundColor: token.colorSplit }, [`${componentCls}-menu-submenu-expand-icon`]: { position: 'absolute', insetInlineEnd: token.paddingXS, [`${componentCls}-menu-submenu-arrow-icon`]: { marginInlineEnd: '0 !important', color: token.colorTextDescription, fontSize: fontSizeIcon, fontStyle: 'normal' } } }), [`${menuCls}-item-group-list`]: { margin: `0 ${token.marginXS}px`, padding: 0, listStyle: 'none' }, [`${menuCls}-submenu-title`]: { paddingInlineEnd: controlPaddingHorizontal + token.fontSizeSM }, [`${menuCls}-submenu-vertical`]: { position: 'relative' }, [`${menuCls}-submenu${menuCls}-submenu-disabled ${componentCls}-menu-submenu-title`]: { [`&, ${componentCls}-menu-submenu-arrow-icon`]: { color: colorTextDisabled, backgroundColor: colorBgElevated, cursor: 'not-allowed' } }, // https://github.com/ant-design/ant-design/issues/19264 [`${menuCls}-submenu-selected ${componentCls}-menu-submenu-title`]: { color: token.colorPrimary } }) } }, // Follow code may reuse in other components [(0,_style_motion__WEBPACK_IMPORTED_MODULE_3__.initSlideMotion)(token, 'slide-up'), (0,_style_motion__WEBPACK_IMPORTED_MODULE_3__.initSlideMotion)(token, 'slide-down'), (0,_style_motion__WEBPACK_IMPORTED_MODULE_4__.initMoveMotion)(token, 'move-up'), (0,_style_motion__WEBPACK_IMPORTED_MODULE_4__.initMoveMotion)(token, 'move-down'), (0,_style_motion__WEBPACK_IMPORTED_MODULE_5__.initZoomMotion)(token, 'zoom-big')]]; }; // ============================== Export ============================== /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_theme_internal__WEBPACK_IMPORTED_MODULE_6__["default"])('Dropdown', (token, _ref) => { let { rootPrefixCls } = _ref; const { marginXXS, sizePopupArrow, controlHeight, fontSize, lineHeight, paddingXXS, componentCls, borderRadiusOuter, borderRadiusLG } = token; const dropdownPaddingVertical = (controlHeight - fontSize * lineHeight) / 2; const { dropdownArrowOffset } = (0,_style_placementArrow__WEBPACK_IMPORTED_MODULE_7__.getArrowOffset)({ sizePopupArrow, contentRadius: borderRadiusLG, borderRadiusOuter }); const dropdownToken = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_8__.merge)(token, { menuCls: `${componentCls}-menu`, rootPrefixCls, dropdownArrowDistance: sizePopupArrow / 2 + marginXXS, dropdownArrowOffset, dropdownPaddingVertical, dropdownEdgeChildPadding: paddingXXS }); return [genBaseStyle(dropdownToken), (0,_button__WEBPACK_IMPORTED_MODULE_9__["default"])(dropdownToken), (0,_status__WEBPACK_IMPORTED_MODULE_10__["default"])(dropdownToken)]; }, token => ({ zIndexPopup: token.zIndexPopupBase + 50 }))); /***/ }), /***/ "./components/dropdown/style/status.ts": /*!*********************************************!*\ !*** ./components/dropdown/style/status.ts ***! \*********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); const genStatusStyle = token => { const { componentCls, menuCls, colorError, colorTextLightSolid } = token; const itemCls = `${menuCls}-item`; return { [`${componentCls}, ${componentCls}-menu-submenu`]: { [`${menuCls} ${itemCls}`]: { [`&${itemCls}-danger:not(${itemCls}-disabled)`]: { color: colorError, '&:hover': { color: colorTextLightSolid, backgroundColor: colorError } } } } }; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (genStatusStyle); /***/ }), /***/ "./components/empty/empty.tsx": /*!************************************!*\ !*** ./components/empty/empty.tsx ***! \************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../theme/internal */ "./components/theme/internal.ts"); /* harmony import */ var _ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ctrl/tinycolor */ "./node_modules/@ctrl/tinycolor/dist/module/index.js"); const Empty = (0,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)({ compatConfig: { MODE: 3 }, setup() { const [, token] = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_1__.useToken)(); const themeStyle = (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => { const bgColor = new _ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_2__.TinyColor(token.value.colorBgBase); // Dark Theme need more dark of this if (bgColor.toHsl().l < 0.5) { return { opacity: 0.65 }; } return {}; }); return () => (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("svg", { "style": themeStyle.value, "width": "184", "height": "152", "viewBox": "0 0 184 152", "xmlns": "http://www.w3.org/2000/svg" }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("g", { "fill": "none", "fill-rule": "evenodd" }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("g", { "transform": "translate(24 31.67)" }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("ellipse", { "fill-opacity": ".8", "fill": "#F5F5F7", "cx": "67.797", "cy": "106.89", "rx": "67.797", "ry": "12.668" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M122.034 69.674L98.109 40.229c-1.148-1.386-2.826-2.225-4.593-2.225h-51.44c-1.766 0-3.444.839-4.592 2.225L13.56 69.674v15.383h108.475V69.674z", "fill": "#AEB8C2" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M101.537 86.214L80.63 61.102c-1.001-1.207-2.507-1.867-4.048-1.867H31.724c-1.54 0-3.047.66-4.048 1.867L6.769 86.214v13.792h94.768V86.214z", "fill": "url(#linearGradient-1)", "transform": "translate(13.56)" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M33.83 0h67.933a4 4 0 0 1 4 4v93.344a4 4 0 0 1-4 4H33.83a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4z", "fill": "#F5F5F7" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M42.678 9.953h50.237a2 2 0 0 1 2 2V36.91a2 2 0 0 1-2 2H42.678a2 2 0 0 1-2-2V11.953a2 2 0 0 1 2-2zM42.94 49.767h49.713a2.262 2.262 0 1 1 0 4.524H42.94a2.262 2.262 0 0 1 0-4.524zM42.94 61.53h49.713a2.262 2.262 0 1 1 0 4.525H42.94a2.262 2.262 0 0 1 0-4.525zM121.813 105.032c-.775 3.071-3.497 5.36-6.735 5.36H20.515c-3.238 0-5.96-2.29-6.734-5.36a7.309 7.309 0 0 1-.222-1.79V69.675h26.318c2.907 0 5.25 2.448 5.25 5.42v.04c0 2.971 2.37 5.37 5.277 5.37h34.785c2.907 0 5.277-2.421 5.277-5.393V75.1c0-2.972 2.343-5.426 5.25-5.426h26.318v33.569c0 .617-.077 1.216-.221 1.789z", "fill": "#DCE0E6" }, null)]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M149.121 33.292l-6.83 2.65a1 1 0 0 1-1.317-1.23l1.937-6.207c-2.589-2.944-4.109-6.534-4.109-10.408C138.802 8.102 148.92 0 161.402 0 173.881 0 184 8.102 184 18.097c0 9.995-10.118 18.097-22.599 18.097-4.528 0-8.744-1.066-12.28-2.902z", "fill": "#DCE0E6" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("g", { "transform": "translate(149.65 15.383)", "fill": "#FFF" }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("ellipse", { "cx": "20.654", "cy": "3.167", "rx": "2.849", "ry": "2.815" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M5.698 5.63H0L2.898.704zM9.259.704h4.985V5.63H9.259z" }, null)])])]); } }); Empty.PRESENTED_IMAGE_DEFAULT = true; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Empty); /***/ }), /***/ "./components/empty/index.tsx": /*!************************************!*\ !*** ./components/empty/index.tsx ***! \************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ emptyProps: () => (/* binding */ emptyProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _locale_provider_LocaleReceiver__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../locale-provider/LocaleReceiver */ "./components/locale-provider/LocaleReceiver.tsx"); /* harmony import */ var _empty__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./empty */ "./components/empty/empty.tsx"); /* harmony import */ var _simple__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./simple */ "./components/empty/simple.tsx"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/index.ts"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./style */ "./components/empty/style/index.ts"); var __rest = undefined && undefined.__rest || function (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; }; const emptyProps = () => ({ prefixCls: String, imageStyle: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.objectType)(), image: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.anyType)(), description: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.anyType)() }); const Empty = (0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ name: 'AEmpty', compatConfig: { MODE: 3 }, inheritAttrs: false, props: emptyProps(), setup(props, _ref) { let { slots = {}, attrs } = _ref; const { direction, prefixCls: prefixClsRef } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_4__["default"])('empty', props); const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_5__["default"])(prefixClsRef); return () => { var _a, _b; const prefixCls = prefixClsRef.value; const _c = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, props), attrs), { image: mergedImage = ((_a = slots.image) === null || _a === void 0 ? void 0 : _a.call(slots)) || (0,vue__WEBPACK_IMPORTED_MODULE_2__.h)(_empty__WEBPACK_IMPORTED_MODULE_6__["default"]), description = ((_b = slots.description) === null || _b === void 0 ? void 0 : _b.call(slots)) || undefined, imageStyle, class: className = '' } = _c, restProps = __rest(_c, ["image", "description", "imageStyle", "class"]); const image = typeof mergedImage === 'function' ? mergedImage() : mergedImage; const isNormal = typeof image === 'object' && 'type' in image && image.type.PRESENTED_IMAGE_SIMPLE; return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_locale_provider_LocaleReceiver__WEBPACK_IMPORTED_MODULE_7__["default"], { "componentName": "Empty", "children": locale => { const des = typeof description !== 'undefined' ? description : locale.description; const alt = typeof des === 'string' ? des : 'empty'; let imageNode = null; if (typeof image === 'string') { imageNode = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("img", { "alt": alt, "src": image }, null); } else { imageNode = image; } return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_8__["default"])(prefixCls, className, hashId.value, { [`${prefixCls}-normal`]: isNormal, [`${prefixCls}-rtl`]: direction.value === 'rtl' }) }, restProps), [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": `${prefixCls}-image`, "style": imageStyle }, [imageNode]), des && (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("p", { "class": `${prefixCls}-description` }, [des]), slots.default && (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": `${prefixCls}-footer` }, [(0,_util_props_util__WEBPACK_IMPORTED_MODULE_9__.filterEmpty)(slots.default())])]); } }, null)); }; } }); Empty.PRESENTED_IMAGE_DEFAULT = () => (0,vue__WEBPACK_IMPORTED_MODULE_2__.h)(_empty__WEBPACK_IMPORTED_MODULE_6__["default"]); Empty.PRESENTED_IMAGE_SIMPLE = () => (0,vue__WEBPACK_IMPORTED_MODULE_2__.h)(_simple__WEBPACK_IMPORTED_MODULE_10__["default"]); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_util_type__WEBPACK_IMPORTED_MODULE_3__.withInstall)(Empty)); /***/ }), /***/ "./components/empty/simple.tsx": /*!*************************************!*\ !*** ./components/empty/simple.tsx ***! \*************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ctrl/tinycolor */ "./node_modules/@ctrl/tinycolor/dist/module/index.js"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../theme/internal */ "./components/theme/internal.ts"); const Simple = (0,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)({ compatConfig: { MODE: 3 }, setup() { const [, token] = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_1__.useToken)(); const color = (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => { const { colorFill, colorFillTertiary, colorFillQuaternary, colorBgContainer } = token.value; return { borderColor: new _ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_2__.TinyColor(colorFill).onBackground(colorBgContainer).toHexString(), shadowColor: new _ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_2__.TinyColor(colorFillTertiary).onBackground(colorBgContainer).toHexString(), contentColor: new _ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_2__.TinyColor(colorFillQuaternary).onBackground(colorBgContainer).toHexString() }; }); return () => (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("svg", { "width": "64", "height": "41", "viewBox": "0 0 64 41", "xmlns": "http://www.w3.org/2000/svg" }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("g", { "transform": "translate(0 1)", "fill": "none", "fill-rule": "evenodd" }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("ellipse", { "fill": color.value.shadowColor, "cx": "32", "cy": "33", "rx": "32", "ry": "7" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("g", { "fill-rule": "nonzero", "stroke": color.value.borderColor }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z", "fill": color.value.contentColor }, null)])])]); } }); Simple.PRESENTED_IMAGE_SIMPLE = true; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Simple); /***/ }), /***/ "./components/empty/style/index.ts": /*!*****************************************!*\ !*** ./components/empty/style/index.ts ***! \*****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/genComponentStyleHook.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/statistic.ts"); // ============================== Shared ============================== const genSharedEmptyStyle = token => { const { componentCls, margin, marginXS, marginXL, fontSize, lineHeight } = token; return { [componentCls]: { marginInline: marginXS, fontSize, lineHeight, textAlign: 'center', // 原来 &-image 没有父子结构,现在为了外层承担我们的hashId,改成父子结果 [`${componentCls}-image`]: { height: token.emptyImgHeight, marginBottom: marginXS, opacity: token.opacityImage, img: { height: '100%' }, svg: { height: '100%', margin: 'auto' } }, // 原来 &-footer 没有父子结构,现在为了外层承担我们的hashId,改成父子结果 [`${componentCls}-footer`]: { marginTop: margin }, '&-normal': { marginBlock: marginXL, color: token.colorTextDisabled, [`${componentCls}-image`]: { height: token.emptyImgHeightMD } }, '&-small': { marginBlock: marginXS, color: token.colorTextDisabled, [`${componentCls}-image`]: { height: token.emptyImgHeightSM } } } }; }; // ============================== Export ============================== /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_theme_internal__WEBPACK_IMPORTED_MODULE_0__["default"])('Empty', token => { const { componentCls, controlHeightLG } = token; const emptyToken = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_1__.merge)(token, { emptyImgCls: `${componentCls}-img`, emptyImgHeight: controlHeightLG * 2.5, emptyImgHeightMD: controlHeightLG, emptyImgHeightSM: controlHeightLG * 0.875 }); return [genSharedEmptyStyle(emptyToken)]; })); /***/ }), /***/ "./components/flex/index.tsx": /*!***********************************!*\ !*** ./components/flex/index.tsx ***! \***********************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _config_provider_context__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../config-provider/context */ "./components/config-provider/context.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./style */ "./components/flex/style/index.ts"); /* harmony import */ var _util_gapSize__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../_util/gapSize */ "./components/_util/gapSize.ts"); /* harmony import */ var _util_omit__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../_util/omit */ "./components/_util/omit.ts"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); /* harmony import */ var _interface__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./interface */ "./components/flex/interface.ts"); /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./utils */ "./components/flex/utils.ts"); var __rest = undefined && undefined.__rest || function (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; }; const AFlex = (0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ name: 'AFlex', inheritAttrs: false, props: (0,_interface__WEBPACK_IMPORTED_MODULE_2__.flexProps)(), setup(props, _ref) { let { slots, attrs } = _ref; const { flex: ctxFlex, direction: ctxDirection } = (0,_config_provider_context__WEBPACK_IMPORTED_MODULE_3__.useConfigContextInject)(); const { prefixCls } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_4__["default"])('flex', props); const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_5__["default"])(prefixCls); const mergedCls = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { var _a; return [prefixCls.value, hashId.value, (0,_utils__WEBPACK_IMPORTED_MODULE_6__["default"])(prefixCls.value, props), { [`${prefixCls.value}-rtl`]: ctxDirection.value === 'rtl', [`${prefixCls.value}-gap-${props.gap}`]: (0,_util_gapSize__WEBPACK_IMPORTED_MODULE_7__.isPresetSize)(props.gap), [`${prefixCls.value}-vertical`]: (_a = props.vertical) !== null && _a !== void 0 ? _a : ctxFlex === null || ctxFlex === void 0 ? void 0 : ctxFlex.value.vertical }]; }); return () => { var _a; const { flex, gap, component: Component = 'div' } = props, othersProps = __rest(props, ["flex", "gap", "component"]); const mergedStyle = {}; if (flex) { mergedStyle.flex = flex; } if (gap && !(0,_util_gapSize__WEBPACK_IMPORTED_MODULE_7__.isPresetSize)(gap)) { mergedStyle.gap = `${gap}px`; } return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(Component, (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "class": [attrs.class, mergedCls.value], "style": [attrs.style, mergedStyle] }, (0,_util_omit__WEBPACK_IMPORTED_MODULE_8__["default"])(othersProps, ['justify', 'wrap', 'align', 'vertical'])), { default: () => [(_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)] })); }; } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_util_type__WEBPACK_IMPORTED_MODULE_9__.withInstall)(AFlex)); /***/ }), /***/ "./components/flex/interface.ts": /*!**************************************!*\ !*** ./components/flex/interface.ts ***! \**************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ flexProps: () => (/* binding */ flexProps) /* harmony export */ }); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); const flexProps = () => ({ prefixCls: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.stringType)(), vertical: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.booleanType)(), wrap: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.stringType)(), justify: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.stringType)(), align: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.stringType)(), flex: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.someType)([Number, String]), gap: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.someType)([Number, String]), component: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.anyType)() }); /***/ }), /***/ "./components/flex/style/index.ts": /*!****************************************!*\ !*** ./components/flex/style/index.ts ***! \****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/genComponentStyleHook.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/statistic.ts"); /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../utils */ "./components/flex/utils.ts"); const genFlexStyle = token => { const { componentCls } = token; return { [componentCls]: { display: 'flex', '&-vertical': { flexDirection: 'column' }, '&-rtl': { direction: 'rtl' }, '&:empty': { display: 'none' } } }; }; const genFlexGapStyle = token => { const { componentCls } = token; return { [componentCls]: { '&-gap-small': { gap: token.flexGapSM }, '&-gap-middle': { gap: token.flexGap }, '&-gap-large': { gap: token.flexGapLG } } }; }; const genFlexWrapStyle = token => { const { componentCls } = token; const wrapStyle = {}; _utils__WEBPACK_IMPORTED_MODULE_0__.flexWrapValues.forEach(value => { wrapStyle[`${componentCls}-wrap-${value}`] = { flexWrap: value }; }); return wrapStyle; }; const genAlignItemsStyle = token => { const { componentCls } = token; const alignStyle = {}; _utils__WEBPACK_IMPORTED_MODULE_0__.alignItemsValues.forEach(value => { alignStyle[`${componentCls}-align-${value}`] = { alignItems: value }; }); return alignStyle; }; const genJustifyContentStyle = token => { const { componentCls } = token; const justifyStyle = {}; _utils__WEBPACK_IMPORTED_MODULE_0__.justifyContentValues.forEach(value => { justifyStyle[`${componentCls}-justify-${value}`] = { justifyContent: value }; }); return justifyStyle; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_theme_internal__WEBPACK_IMPORTED_MODULE_1__["default"])('Flex', token => { const flexToken = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_2__.merge)(token, { flexGapSM: token.paddingXS, flexGap: token.padding, flexGapLG: token.paddingLG }); return [genFlexStyle(flexToken), genFlexGapStyle(flexToken), genFlexWrapStyle(flexToken), genAlignItemsStyle(flexToken), genJustifyContentStyle(flexToken)]; })); /***/ }), /***/ "./components/flex/utils.ts": /*!**********************************!*\ !*** ./components/flex/utils.ts ***! \**********************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ alignItemsValues: () => (/* binding */ alignItemsValues), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ flexWrapValues: () => (/* binding */ flexWrapValues), /* harmony export */ justifyContentValues: () => (/* binding */ justifyContentValues) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); const flexWrapValues = ['wrap', 'nowrap', 'wrap-reverse']; const justifyContentValues = ['flex-start', 'flex-end', 'start', 'end', 'center', 'space-between', 'space-around', 'space-evenly', 'stretch', 'normal', 'left', 'right']; const alignItemsValues = ['center', 'start', 'end', 'flex-start', 'flex-end', 'self-start', 'self-end', 'baseline', 'normal', 'stretch']; const genClsWrap = (prefixCls, props) => { const wrapCls = {}; flexWrapValues.forEach(cssKey => { wrapCls[`${prefixCls}-wrap-${cssKey}`] = props.wrap === cssKey; }); return wrapCls; }; const genClsAlign = (prefixCls, props) => { const alignCls = {}; alignItemsValues.forEach(cssKey => { alignCls[`${prefixCls}-align-${cssKey}`] = props.align === cssKey; }); alignCls[`${prefixCls}-align-stretch`] = !props.align && !!props.vertical; return alignCls; }; const genClsJustify = (prefixCls, props) => { const justifyCls = {}; justifyContentValues.forEach(cssKey => { justifyCls[`${prefixCls}-justify-${cssKey}`] = props.justify === cssKey; }); return justifyCls; }; function createFlexClassNames(prefixCls, props) { return (0,_util_classNames__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, genClsWrap(prefixCls, props)), genClsAlign(prefixCls, props)), genClsJustify(prefixCls, props))); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (createFlexClassNames); /***/ }), /***/ "./components/float-button/BackTop.tsx": /*!*********************************************!*\ !*** ./components/float-button/BackTop.tsx ***! \*********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_vue_es_icons_VerticalAlignTopOutlined__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/VerticalAlignTopOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/VerticalAlignTopOutlined.js"); /* harmony import */ var _util_transition__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../_util/transition */ "./components/_util/transition.tsx"); /* harmony import */ var _FloatButton__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./FloatButton */ "./components/float-button/FloatButton.tsx"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _util_getScroll__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../_util/getScroll */ "./components/_util/getScroll.ts"); /* harmony import */ var _util_scrollTo__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../_util/scrollTo */ "./components/_util/scrollTo.ts"); /* harmony import */ var _util_throttleByAnimationFrame__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../_util/throttleByAnimationFrame */ "./components/_util/throttleByAnimationFrame.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/initDefaultProps.ts"); /* harmony import */ var _interface__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./interface */ "./components/float-button/interface.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./style */ "./components/float-button/style/index.ts"); /* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./context */ "./components/float-button/context.ts"); const BackTop = (0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'ABackTop', inheritAttrs: false, props: (0,_util_props_util__WEBPACK_IMPORTED_MODULE_3__["default"])((0,_interface__WEBPACK_IMPORTED_MODULE_4__.backTopProps)(), { visibilityHeight: 400, target: () => window, duration: 450, type: 'default', shape: 'circle' }), // emits: ['click'], setup(props, _ref) { let { slots, attrs, emit } = _ref; const { prefixCls, direction } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_5__["default"])(_FloatButton__WEBPACK_IMPORTED_MODULE_6__.floatButtonPrefixCls, props); const [wrapSSR] = (0,_style__WEBPACK_IMPORTED_MODULE_7__["default"])(prefixCls); const domRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(); const state = (0,vue__WEBPACK_IMPORTED_MODULE_2__.reactive)({ visible: props.visibilityHeight === 0, scrollEvent: null }); const getDefaultTarget = () => domRef.value && domRef.value.ownerDocument ? domRef.value.ownerDocument : window; const scrollToTop = e => { const { target = getDefaultTarget, duration } = props; (0,_util_scrollTo__WEBPACK_IMPORTED_MODULE_8__["default"])(0, { getContainer: target, duration }); emit('click', e); }; const handleScroll = (0,_util_throttleByAnimationFrame__WEBPACK_IMPORTED_MODULE_9__["default"])(e => { const { visibilityHeight } = props; const scrollTop = (0,_util_getScroll__WEBPACK_IMPORTED_MODULE_10__["default"])(e.target, true); state.visible = scrollTop >= visibilityHeight; }); const bindScrollEvent = () => { const { target } = props; const getTarget = target || getDefaultTarget; const container = getTarget(); handleScroll({ target: container }); container === null || container === void 0 ? void 0 : container.addEventListener('scroll', handleScroll); }; const scrollRemove = () => { const { target } = props; const getTarget = target || getDefaultTarget; const container = getTarget(); handleScroll.cancel(); container === null || container === void 0 ? void 0 : container.removeEventListener('scroll', handleScroll); }; (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)(() => props.target, () => { scrollRemove(); (0,vue__WEBPACK_IMPORTED_MODULE_2__.nextTick)(() => { bindScrollEvent(); }); }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.onMounted)(() => { (0,vue__WEBPACK_IMPORTED_MODULE_2__.nextTick)(() => { bindScrollEvent(); }); }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.onActivated)(() => { (0,vue__WEBPACK_IMPORTED_MODULE_2__.nextTick)(() => { bindScrollEvent(); }); }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.onDeactivated)(() => { scrollRemove(); }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.onBeforeUnmount)(() => { scrollRemove(); }); const floatButtonGroupContext = (0,_context__WEBPACK_IMPORTED_MODULE_11__.useInjectFloatButtonGroupContext)(); return () => { const { description, type, shape, tooltip, badge } = props; const floatButtonProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, attrs), { shape: (floatButtonGroupContext === null || floatButtonGroupContext === void 0 ? void 0 : floatButtonGroupContext.shape.value) || shape, onClick: scrollToTop, class: { [`${prefixCls.value}`]: true, [`${attrs.class}`]: attrs.class, [`${prefixCls.value}-rtl`]: direction.value === 'rtl' }, description, type, tooltip, badge }); const transitionProps = (0,_util_transition__WEBPACK_IMPORTED_MODULE_12__.getTransitionProps)('fade'); return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_2__.Transition, transitionProps, { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_2__.withDirectives)((0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_FloatButton__WEBPACK_IMPORTED_MODULE_6__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, floatButtonProps), {}, { "ref": domRef }), { icon: () => { var _a; return ((_a = slots.icon) === null || _a === void 0 ? void 0 : _a.call(slots)) || (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_ant_design_icons_vue_es_icons_VerticalAlignTopOutlined__WEBPACK_IMPORTED_MODULE_13__["default"], null, null); } }), [[vue__WEBPACK_IMPORTED_MODULE_2__.vShow, state.visible]])] })); }; } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (BackTop); /***/ }), /***/ "./components/float-button/FloatButton.tsx": /*!*************************************************!*\ !*** ./components/float-button/FloatButton.tsx ***! \*************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ floatButtonPrefixCls: () => (/* binding */ floatButtonPrefixCls) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../tooltip */ "./components/tooltip/index.ts"); /* harmony import */ var _badge__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../badge */ "./components/badge/index.ts"); /* harmony import */ var _FloatButtonContent__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./FloatButtonContent */ "./components/float-button/FloatButtonContent.tsx"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./context */ "./components/float-button/context.ts"); /* harmony import */ var _util_warning__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../_util/warning */ "./components/_util/warning.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/initDefaultProps.ts"); /* harmony import */ var _interface__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./interface */ "./components/float-button/interface.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./style */ "./components/float-button/style/index.ts"); var __rest = undefined && undefined.__rest || function (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; }; // import { useCompactItemContext } from '../space/Compact'; // CSSINJS const floatButtonPrefixCls = 'float-btn'; const FloatButton = (0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'AFloatButton', inheritAttrs: false, props: (0,_util_props_util__WEBPACK_IMPORTED_MODULE_2__["default"])((0,_interface__WEBPACK_IMPORTED_MODULE_3__.floatButtonProps)(), { type: 'default', shape: 'circle' }), setup(props, _ref) { let { attrs, slots } = _ref; const { prefixCls, direction } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_4__["default"])(floatButtonPrefixCls, props); const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_5__["default"])(prefixCls); const { shape: groupShape } = (0,_context__WEBPACK_IMPORTED_MODULE_6__.useInjectFloatButtonGroupContext)(); const floatButtonRef = (0,vue__WEBPACK_IMPORTED_MODULE_1__.ref)(null); const mergeShape = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { return (groupShape === null || groupShape === void 0 ? void 0 : groupShape.value) || props.shape; }); return () => { var _a; const { prefixCls: customPrefixCls, type = 'default', shape = 'circle', description = (_a = slots.description) === null || _a === void 0 ? void 0 : _a.call(slots), tooltip, badge = {} } = props, restProps = __rest(props, ["prefixCls", "type", "shape", "description", "tooltip", "badge"]); const classString = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_7__["default"])(prefixCls.value, `${prefixCls.value}-${type}`, `${prefixCls.value}-${mergeShape.value}`, { [`${prefixCls.value}-rtl`]: direction.value === 'rtl' }, attrs.class, hashId.value); const buttonNode = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_tooltip__WEBPACK_IMPORTED_MODULE_8__["default"], { "placement": "left" }, { title: slots.tooltip || tooltip ? () => slots.tooltip && slots.tooltip() || tooltip : undefined, default: () => (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_badge__WEBPACK_IMPORTED_MODULE_9__["default"], badge, { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${prefixCls.value}-body` }, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_FloatButtonContent__WEBPACK_IMPORTED_MODULE_10__["default"], { "prefixCls": prefixCls.value }, { icon: slots.icon, description: () => description })])] }) }); if (true) { (0,_util_warning__WEBPACK_IMPORTED_MODULE_11__["default"])(!(shape === 'circle' && description), 'FloatButton', 'supported only when `shape` is `square`. Due to narrow space for text, short sentence is recommended.'); } return wrapSSR(props.href ? (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("a", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "ref": floatButtonRef }, attrs), restProps), {}, { "class": classString }), [buttonNode]) : (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("button", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "ref": floatButtonRef }, attrs), restProps), {}, { "class": classString, "type": "button" }), [buttonNode])); }; } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FloatButton); /***/ }), /***/ "./components/float-button/FloatButtonContent.tsx": /*!********************************************************!*\ !*** ./components/float-button/FloatButtonContent.tsx ***! \********************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_vue_es_icons_FileTextOutlined__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/FileTextOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/FileTextOutlined.js"); /* harmony import */ var _interface__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./interface */ "./components/float-button/interface.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/index.ts"); const FloatButtonContent = (0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'AFloatButtonContent', inheritAttrs: false, props: (0,_interface__WEBPACK_IMPORTED_MODULE_2__.floatButtonContentProps)(), setup(props, _ref) { let { attrs, slots } = _ref; return () => { var _a; const { prefixCls } = props; const description = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_3__.filterEmpty)((_a = slots.description) === null || _a === void 0 ? void 0 : _a.call(slots)); return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, attrs), {}, { "class": [attrs.class, `${prefixCls}-content`] }), [slots.icon || description.length ? (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_1__.Fragment, null, [slots.icon && (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${prefixCls}-icon` }, [slots.icon()]), description.length ? (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${prefixCls}-description` }, [description]) : null]) : (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${prefixCls}-icon` }, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_ant_design_icons_vue_es_icons_FileTextOutlined__WEBPACK_IMPORTED_MODULE_4__["default"], null, null)])]); }; } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FloatButtonContent); /***/ }), /***/ "./components/float-button/FloatButtonGroup.tsx": /*!******************************************************!*\ !*** ./components/float-button/FloatButtonGroup.tsx ***! \******************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_vue_es_icons_CloseOutlined__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/CloseOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/CloseOutlined.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_FileTextOutlined__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/FileTextOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/FileTextOutlined.js"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _util_transition__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../_util/transition */ "./components/_util/transition.tsx"); /* harmony import */ var _FloatButton__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./FloatButton */ "./components/float-button/FloatButton.tsx"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./context */ "./components/float-button/context.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/initDefaultProps.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/index.ts"); /* harmony import */ var _interface__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./interface */ "./components/float-button/interface.ts"); /* harmony import */ var _util_canUseDom__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../_util/canUseDom */ "./components/_util/canUseDom.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./style */ "./components/float-button/style/index.ts"); /* harmony import */ var _util_hooks_useMergedState__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../_util/hooks/useMergedState */ "./components/_util/hooks/useMergedState.ts"); // CSSINJS const FloatButtonGroup = (0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'AFloatButtonGroup', inheritAttrs: false, props: (0,_util_props_util__WEBPACK_IMPORTED_MODULE_2__["default"])((0,_interface__WEBPACK_IMPORTED_MODULE_3__.floatButtonGroupProps)(), { type: 'default', shape: 'circle' }), setup(props, _ref) { let { attrs, slots, emit } = _ref; const { prefixCls, direction } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_4__["default"])(_FloatButton__WEBPACK_IMPORTED_MODULE_5__.floatButtonPrefixCls, props); // style const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_6__["default"])(prefixCls); const [open, setOpen] = (0,_util_hooks_useMergedState__WEBPACK_IMPORTED_MODULE_7__["default"])(false, { value: (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => props.open) }); const floatButtonGroupRef = (0,vue__WEBPACK_IMPORTED_MODULE_1__.ref)(null); const floatButtonRef = (0,vue__WEBPACK_IMPORTED_MODULE_1__.ref)(null); (0,_context__WEBPACK_IMPORTED_MODULE_8__.useProvideFloatButtonGroupContext)({ shape: (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => props.shape) }); const hoverTypeAction = { onMouseenter() { var _a; setOpen(true); emit('update:open', true); (_a = props.onOpenChange) === null || _a === void 0 ? void 0 : _a.call(props, true); }, onMouseleave() { var _a; setOpen(false); emit('update:open', false); (_a = props.onOpenChange) === null || _a === void 0 ? void 0 : _a.call(props, false); } }; const hoverAction = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { return props.trigger === 'hover' ? hoverTypeAction : {}; }); const handleOpenChange = () => { var _a; const nextOpen = !open.value; emit('update:open', nextOpen); (_a = props.onOpenChange) === null || _a === void 0 ? void 0 : _a.call(props, nextOpen); setOpen(nextOpen); }; const onClick = e => { var _a, _b, _c; if ((_a = floatButtonGroupRef.value) === null || _a === void 0 ? void 0 : _a.contains(e.target)) { if ((_b = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_9__.findDOMNode)(floatButtonRef.value)) === null || _b === void 0 ? void 0 : _b.contains(e.target)) { handleOpenChange(); } return; } setOpen(false); emit('update:open', false); (_c = props.onOpenChange) === null || _c === void 0 ? void 0 : _c.call(props, false); }; (0,vue__WEBPACK_IMPORTED_MODULE_1__.watch)((0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => props.trigger), value => { if (!(0,_util_canUseDom__WEBPACK_IMPORTED_MODULE_10__["default"])()) { return; } document.removeEventListener('click', onClick); if (value === 'click') { document.addEventListener('click', onClick); } }, { immediate: true }); (0,vue__WEBPACK_IMPORTED_MODULE_1__.onBeforeUnmount)(() => { document.removeEventListener('click', onClick); }); return () => { var _a; const { shape = 'circle', type = 'default', tooltip, description, trigger } = props; const groupPrefixCls = `${prefixCls.value}-group`; const groupCls = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_11__["default"])(groupPrefixCls, hashId.value, attrs.class, { [`${groupPrefixCls}-rtl`]: direction.value === 'rtl', [`${groupPrefixCls}-${shape}`]: shape, [`${groupPrefixCls}-${shape}-shadow`]: !trigger }); const wrapperCls = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_11__["default"])(hashId.value, `${groupPrefixCls}-wrap`); const transitionProps = (0,_util_transition__WEBPACK_IMPORTED_MODULE_12__.getTransitionProps)(`${groupPrefixCls}-wrap`); return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "ref": floatButtonGroupRef }, attrs), {}, { "class": groupCls }, hoverAction.value), [trigger && ['click', 'hover'].includes(trigger) ? (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_1__.Fragment, null, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_1__.Transition, transitionProps, { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_1__.withDirectives)((0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": wrapperCls }, [slots.default && slots.default()]), [[vue__WEBPACK_IMPORTED_MODULE_1__.vShow, open.value]])] }), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_FloatButton__WEBPACK_IMPORTED_MODULE_5__["default"], { "ref": floatButtonRef, "type": type, "shape": shape, "tooltip": tooltip, "description": description }, { icon: () => { var _a, _b; return open.value ? ((_a = slots.closeIcon) === null || _a === void 0 ? void 0 : _a.call(slots)) || (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_ant_design_icons_vue_es_icons_CloseOutlined__WEBPACK_IMPORTED_MODULE_13__["default"], null, null) : ((_b = slots.icon) === null || _b === void 0 ? void 0 : _b.call(slots)) || (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_ant_design_icons_vue_es_icons_FileTextOutlined__WEBPACK_IMPORTED_MODULE_14__["default"], null, null); }, tooltip: slots.tooltip, description: slots.description })]) : (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)])); }; } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FloatButtonGroup); /***/ }), /***/ "./components/float-button/context.ts": /*!********************************************!*\ !*** ./components/float-button/context.ts ***! \********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ useInjectFloatButtonGroupContext: () => (/* binding */ useInjectFloatButtonGroupContext), /* harmony export */ useProvideFloatButtonGroupContext: () => (/* binding */ useProvideFloatButtonGroupContext) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); const contextKey = Symbol('floatButtonGroupContext'); const useProvideFloatButtonGroupContext = props => { (0,vue__WEBPACK_IMPORTED_MODULE_0__.provide)(contextKey, props); return props; }; const useInjectFloatButtonGroupContext = () => { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.inject)(contextKey, { shape: (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)() }); }; /***/ }), /***/ "./components/float-button/index.ts": /*!******************************************!*\ !*** ./components/float-button/index.ts ***! \******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ BackTop: () => (/* reexport safe */ _BackTop__WEBPACK_IMPORTED_MODULE_2__["default"]), /* harmony export */ FloatButtonGroup: () => (/* reexport safe */ _FloatButtonGroup__WEBPACK_IMPORTED_MODULE_1__["default"]), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _FloatButton__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./FloatButton */ "./components/float-button/FloatButton.tsx"); /* harmony import */ var _FloatButtonGroup__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./FloatButtonGroup */ "./components/float-button/FloatButtonGroup.tsx"); /* harmony import */ var _BackTop__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./BackTop */ "./components/float-button/BackTop.tsx"); _FloatButton__WEBPACK_IMPORTED_MODULE_0__["default"].Group = _FloatButtonGroup__WEBPACK_IMPORTED_MODULE_1__["default"]; _FloatButton__WEBPACK_IMPORTED_MODULE_0__["default"].BackTop = _BackTop__WEBPACK_IMPORTED_MODULE_2__["default"]; /* istanbul ignore next */ _FloatButton__WEBPACK_IMPORTED_MODULE_0__["default"].install = function (app) { app.component(_FloatButton__WEBPACK_IMPORTED_MODULE_0__["default"].name, _FloatButton__WEBPACK_IMPORTED_MODULE_0__["default"]); app.component(_FloatButtonGroup__WEBPACK_IMPORTED_MODULE_1__["default"].name, _FloatButtonGroup__WEBPACK_IMPORTED_MODULE_1__["default"]); app.component(_BackTop__WEBPACK_IMPORTED_MODULE_2__["default"].name, _BackTop__WEBPACK_IMPORTED_MODULE_2__["default"]); return app; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_FloatButton__WEBPACK_IMPORTED_MODULE_0__["default"]); /***/ }), /***/ "./components/float-button/interface.ts": /*!**********************************************!*\ !*** ./components/float-button/interface.ts ***! \**********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ backTopProps: () => (/* binding */ backTopProps), /* harmony export */ floatButtonContentProps: () => (/* binding */ floatButtonContentProps), /* harmony export */ floatButtonGroupProps: () => (/* binding */ floatButtonGroupProps), /* harmony export */ floatButtonProps: () => (/* binding */ floatButtonProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); const floatButtonProps = () => { return { prefixCls: String, description: _util_vue_types__WEBPACK_IMPORTED_MODULE_1__["default"].any, type: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.stringType)('default'), shape: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.stringType)('circle'), tooltip: _util_vue_types__WEBPACK_IMPORTED_MODULE_1__["default"].any, href: String, target: String, badge: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.objectType)(), onClick: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.functionType)() }; }; const floatButtonContentProps = () => { return { prefixCls: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.stringType)() }; }; const floatButtonGroupProps = () => { return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, floatButtonProps()), { // 包含的 Float Button // 触发方式 (有触发方式为菜单模式) trigger: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.stringType)(), // 受控展开 open: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.booleanType)(), // 展开收起的回调 onOpenChange: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.functionType)(), 'onUpdate:open': (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.functionType)() }); }; const backTopProps = () => { return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, floatButtonProps()), { prefixCls: String, duration: Number, target: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.functionType)(), visibilityHeight: Number, onClick: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.functionType)() }); }; /***/ }), /***/ "./components/float-button/style/index.ts": /*!************************************************!*\ !*** ./components/float-button/style/index.ts ***! \************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _util_cssinjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../_util/cssinjs */ "./components/_util/cssinjs/Keyframes.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/genComponentStyleHook.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/statistic.ts"); /* harmony import */ var _style_motion_fade__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../style/motion/fade */ "./components/style/motion/fade.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../style */ "./components/style/index.ts"); /* harmony import */ var _style_motion_motion__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../style/motion/motion */ "./components/style/motion/motion.ts"); /* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../util */ "./components/float-button/util.ts"); const initFloatButtonGroupMotion = token => { const { componentCls, floatButtonSize, motionDurationSlow, motionEaseInOutCirc } = token; const groupPrefixCls = `${componentCls}-group`; const moveDownIn = new _util_cssinjs__WEBPACK_IMPORTED_MODULE_1__["default"]('antFloatButtonMoveDownIn', { '0%': { transform: `translate3d(0, ${floatButtonSize}px, 0)`, transformOrigin: '0 0', opacity: 0 }, '100%': { transform: 'translate3d(0, 0, 0)', transformOrigin: '0 0', opacity: 1 } }); const moveDownOut = new _util_cssinjs__WEBPACK_IMPORTED_MODULE_1__["default"]('antFloatButtonMoveDownOut', { '0%': { transform: 'translate3d(0, 0, 0)', transformOrigin: '0 0', opacity: 1 }, '100%': { transform: `translate3d(0, ${floatButtonSize}px, 0)`, transformOrigin: '0 0', opacity: 0 } }); return [{ [`${groupPrefixCls}-wrap`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style_motion_motion__WEBPACK_IMPORTED_MODULE_2__.initMotion)(`${groupPrefixCls}-wrap`, moveDownIn, moveDownOut, motionDurationSlow, true)) }, { [`${groupPrefixCls}-wrap`]: { [` &${groupPrefixCls}-wrap-enter, &${groupPrefixCls}-wrap-appear `]: { opacity: 0, animationTimingFunction: motionEaseInOutCirc }, [`&${groupPrefixCls}-wrap-leave`]: { animationTimingFunction: motionEaseInOutCirc } } }]; }; // ============================== Group ============================== const floatButtonGroupStyle = token => { const { antCls, componentCls, floatButtonSize, margin, borderRadiusLG, borderRadiusSM, badgeOffset, floatButtonBodyPadding } = token; const groupPrefixCls = `${componentCls}-group`; return { [groupPrefixCls]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_3__.resetComponent)(token)), { zIndex: 99, display: 'block', border: 'none', position: 'fixed', width: floatButtonSize, height: 'auto', boxShadow: 'none', minHeight: floatButtonSize, insetInlineEnd: token.floatButtonInsetInlineEnd, insetBlockEnd: token.floatButtonInsetBlockEnd, borderRadius: borderRadiusLG, [`${groupPrefixCls}-wrap`]: { zIndex: -1, display: 'block', position: 'relative', marginBottom: margin }, [`&${groupPrefixCls}-rtl`]: { direction: 'rtl' }, [componentCls]: { position: 'static' } }), [`${groupPrefixCls}-circle`]: { [`${componentCls}-circle:not(:last-child)`]: { marginBottom: token.margin, [`${componentCls}-body`]: { width: floatButtonSize, height: floatButtonSize, borderRadius: '50%' } } }, [`${groupPrefixCls}-square`]: { [`${componentCls}-square`]: { borderRadius: 0, padding: 0, '&:first-child': { borderStartStartRadius: borderRadiusLG, borderStartEndRadius: borderRadiusLG }, '&:last-child': { borderEndStartRadius: borderRadiusLG, borderEndEndRadius: borderRadiusLG }, '&:not(:last-child)': { borderBottom: `${token.lineWidth}px ${token.lineType} ${token.colorSplit}` }, [`${antCls}-badge`]: { [`${antCls}-badge-count`]: { top: -(floatButtonBodyPadding + badgeOffset), insetInlineEnd: -(floatButtonBodyPadding + badgeOffset) } } }, [`${groupPrefixCls}-wrap`]: { display: 'block', borderRadius: borderRadiusLG, boxShadow: token.boxShadowSecondary, [`${componentCls}-square`]: { boxShadow: 'none', marginTop: 0, borderRadius: 0, padding: floatButtonBodyPadding, '&:first-child': { borderStartStartRadius: borderRadiusLG, borderStartEndRadius: borderRadiusLG }, '&:last-child': { borderEndStartRadius: borderRadiusLG, borderEndEndRadius: borderRadiusLG }, '&:not(:last-child)': { borderBottom: `${token.lineWidth}px ${token.lineType} ${token.colorSplit}` }, [`${componentCls}-body`]: { width: token.floatButtonBodySize, height: token.floatButtonBodySize } } } }, [`${groupPrefixCls}-circle-shadow`]: { boxShadow: 'none' }, [`${groupPrefixCls}-square-shadow`]: { boxShadow: token.boxShadowSecondary, [`${componentCls}-square`]: { boxShadow: 'none', padding: floatButtonBodyPadding, [`${componentCls}-body`]: { width: token.floatButtonBodySize, height: token.floatButtonBodySize, borderRadius: borderRadiusSM } } } }; }; // ============================== Shared ============================== const sharedFloatButtonStyle = token => { const { antCls, componentCls, floatButtonBodyPadding, floatButtonIconSize, floatButtonSize, borderRadiusLG, badgeOffset, dotOffsetInSquare, dotOffsetInCircle } = token; return { [componentCls]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_3__.resetComponent)(token)), { border: 'none', position: 'fixed', cursor: 'pointer', zIndex: 99, display: 'block', justifyContent: 'center', alignItems: 'center', width: floatButtonSize, height: floatButtonSize, insetInlineEnd: token.floatButtonInsetInlineEnd, insetBlockEnd: token.floatButtonInsetBlockEnd, boxShadow: token.boxShadowSecondary, // Pure Panel '&-pure': { position: 'relative', inset: 'auto' }, '&:empty': { display: 'none' }, [`${antCls}-badge`]: { width: '100%', height: '100%', [`${antCls}-badge-count`]: { transform: 'translate(0, 0)', transformOrigin: 'center', top: -badgeOffset, insetInlineEnd: -badgeOffset } }, [`${componentCls}-body`]: { width: '100%', height: '100%', display: 'flex', justifyContent: 'center', alignItems: 'center', transition: `all ${token.motionDurationMid}`, [`${componentCls}-content`]: { overflow: 'hidden', textAlign: 'center', minHeight: floatButtonSize, display: 'flex', flexDirection: 'column', justifyContent: 'center', alignItems: 'center', padding: `${floatButtonBodyPadding / 2}px ${floatButtonBodyPadding}px`, [`${componentCls}-icon`]: { textAlign: 'center', margin: 'auto', width: floatButtonIconSize, fontSize: floatButtonIconSize, lineHeight: 1 } } } }), [`${componentCls}-rtl`]: { direction: 'rtl' }, [`${componentCls}-circle`]: { height: floatButtonSize, borderRadius: '50%', [`${antCls}-badge`]: { [`${antCls}-badge-dot`]: { top: dotOffsetInCircle, insetInlineEnd: dotOffsetInCircle } }, [`${componentCls}-body`]: { borderRadius: '50%' } }, [`${componentCls}-square`]: { height: 'auto', minHeight: floatButtonSize, borderRadius: borderRadiusLG, [`${antCls}-badge`]: { [`${antCls}-badge-dot`]: { top: dotOffsetInSquare, insetInlineEnd: dotOffsetInSquare } }, [`${componentCls}-body`]: { height: 'auto', borderRadius: borderRadiusLG } }, [`${componentCls}-default`]: { backgroundColor: token.floatButtonBackgroundColor, transition: `background-color ${token.motionDurationMid}`, [`${componentCls}-body`]: { backgroundColor: token.floatButtonBackgroundColor, transition: `background-color ${token.motionDurationMid}`, '&:hover': { backgroundColor: token.colorFillContent }, [`${componentCls}-content`]: { [`${componentCls}-icon`]: { color: token.colorText }, [`${componentCls}-description`]: { display: 'flex', alignItems: 'center', lineHeight: `${token.fontSizeLG}px`, color: token.colorText, fontSize: token.fontSizeSM } } } }, [`${componentCls}-primary`]: { backgroundColor: token.colorPrimary, [`${componentCls}-body`]: { backgroundColor: token.colorPrimary, transition: `background-color ${token.motionDurationMid}`, '&:hover': { backgroundColor: token.colorPrimaryHover }, [`${componentCls}-content`]: { [`${componentCls}-icon`]: { color: token.colorTextLightSolid }, [`${componentCls}-description`]: { display: 'flex', alignItems: 'center', lineHeight: `${token.fontSizeLG}px`, color: token.colorTextLightSolid, fontSize: token.fontSizeSM } } } } }; }; // ============================== Export ============================== /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_theme_internal__WEBPACK_IMPORTED_MODULE_4__["default"])('FloatButton', token => { const { colorTextLightSolid, colorBgElevated, controlHeightLG, marginXXL, marginLG, fontSize, fontSizeIcon, controlItemBgHover, paddingXXS, borderRadiusLG } = token; const floatButtonToken = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_5__.merge)(token, { floatButtonBackgroundColor: colorBgElevated, floatButtonColor: colorTextLightSolid, floatButtonHoverBackgroundColor: controlItemBgHover, floatButtonFontSize: fontSize, floatButtonIconSize: fontSizeIcon * 1.5, floatButtonSize: controlHeightLG, floatButtonInsetBlockEnd: marginXXL, floatButtonInsetInlineEnd: marginLG, floatButtonBodySize: controlHeightLG - paddingXXS * 2, // 这里的 paddingXXS 是简写,完整逻辑是 (controlHeightLG - (controlHeightLG - paddingXXS * 2)) / 2, floatButtonBodyPadding: paddingXXS, badgeOffset: paddingXXS * 1.5, dotOffsetInCircle: (0,_util__WEBPACK_IMPORTED_MODULE_6__["default"])(controlHeightLG / 2), dotOffsetInSquare: (0,_util__WEBPACK_IMPORTED_MODULE_6__["default"])(borderRadiusLG) }); return [floatButtonGroupStyle(floatButtonToken), sharedFloatButtonStyle(floatButtonToken), (0,_style_motion_fade__WEBPACK_IMPORTED_MODULE_7__.initFadeMotion)(token), initFloatButtonGroupMotion(floatButtonToken)]; })); /***/ }), /***/ "./components/float-button/util.ts": /*!*****************************************!*\ !*** ./components/float-button/util.ts ***! \*****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); const getOffset = radius => { if (radius === 0) { return 0; } // 如果要考虑通用性,这里应该用三角函数 Math.sin(45) // 但是这个场景比较特殊,始终是等腰直角三角形,所以直接用 Math.sqrt() 开方即可 return radius - Math.sqrt(Math.pow(radius, 2) / 2); }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (getOffset); /***/ }), /***/ "./components/form/ErrorList.tsx": /*!***************************************!*\ !*** ./components/form/ErrorList.tsx ***! \***************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./context */ "./components/form/context.ts"); /* harmony import */ var _util_transition__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../_util/transition */ "./components/_util/transition.tsx"); /* harmony import */ var _util_collapseMotion__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/collapseMotion */ "./components/_util/collapseMotion.tsx"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./style */ "./components/form/style/index.ts"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'ErrorList', inheritAttrs: false, props: ['errors', 'help', 'onErrorVisibleChanged', 'helpStatus', 'warnings'], setup(props, _ref) { let { attrs } = _ref; const { prefixCls, status } = (0,_context__WEBPACK_IMPORTED_MODULE_2__.useInjectFormItemPrefix)(); const baseClassName = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => `${prefixCls.value}-item-explain`); const visible = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => !!(props.errors && props.errors.length)); const innerStatus = (0,vue__WEBPACK_IMPORTED_MODULE_1__.ref)(status.value); const [, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_3__["default"])(prefixCls); // Memo status in same visible (0,vue__WEBPACK_IMPORTED_MODULE_1__.watch)([visible, status], () => { if (visible.value) { innerStatus.value = status.value; } }); return () => { var _a, _b; const colMItem = (0,_util_collapseMotion__WEBPACK_IMPORTED_MODULE_4__["default"])(`${prefixCls.value}-show-help-item`); const transitionGroupProps = (0,_util_transition__WEBPACK_IMPORTED_MODULE_5__.getTransitionGroupProps)(`${prefixCls.value}-show-help-item`, colMItem); transitionGroupProps.role = 'alert'; transitionGroupProps.class = [hashId.value, baseClassName.value, attrs.class, `${prefixCls.value}-show-help`]; return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_1__.Transition, (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_util_transition__WEBPACK_IMPORTED_MODULE_5__.getTransitionProps)(`${prefixCls.value}-show-help`)), {}, { "onAfterEnter": () => props.onErrorVisibleChanged(true), "onAfterLeave": () => props.onErrorVisibleChanged(false) }), { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_1__.withDirectives)((0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_1__.TransitionGroup, (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, transitionGroupProps), {}, { "tag": "div" }), { default: () => [(_b = props.errors) === null || _b === void 0 ? void 0 : _b.map((error, index) => (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "key": index, "class": innerStatus.value ? `${baseClassName.value}-${innerStatus.value}` : '' }, [error]))] }), [[vue__WEBPACK_IMPORTED_MODULE_1__.vShow, !!((_a = props.errors) === null || _a === void 0 ? void 0 : _a.length)]])] }); }; } })); /***/ }), /***/ "./components/form/Form.tsx": /*!**********************************!*\ !*** ./components/form/Form.tsx ***! \**********************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ formProps: () => (/* binding */ formProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _util_warning__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../_util/warning */ "./components/_util/warning.ts"); /* harmony import */ var _FormItem__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./FormItem */ "./components/form/FormItem.tsx"); /* harmony import */ var _utils_valueUtil__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./utils/valueUtil */ "./components/form/utils/valueUtil.ts"); /* harmony import */ var _utils_messages__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./utils/messages */ "./components/form/utils/messages.ts"); /* harmony import */ var _utils_asyncUtil__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./utils/asyncUtil */ "./components/form/utils/asyncUtil.ts"); /* harmony import */ var _utils_typeUtil__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./utils/typeUtil */ "./components/form/utils/typeUtil.ts"); /* harmony import */ var lodash_es_isEqual__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! lodash-es/isEqual */ "./node_modules/lodash-es/isEqual.js"); /* harmony import */ var scroll_into_view_if_needed__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! scroll-into-view-if-needed */ "./node_modules/scroll-into-view-if-needed/es/index.js"); /* harmony import */ var _util_props_util_initDefaultProps__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../_util/props-util/initDefaultProps */ "./components/_util/props-util/initDefaultProps.ts"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./context */ "./components/form/context.ts"); /* harmony import */ var _useForm__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./useForm */ "./components/form/useForm.ts"); /* harmony import */ var _config_provider_context__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../config-provider/context */ "./components/config-provider/context.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./style */ "./components/form/style/index.ts"); /* harmony import */ var _config_provider_SizeContext__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../config-provider/SizeContext */ "./components/config-provider/SizeContext.ts"); /* harmony import */ var _config_provider_DisabledContext__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../config-provider/DisabledContext */ "./components/config-provider/DisabledContext.ts"); const formProps = () => ({ layout: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].oneOf((0,_util_type__WEBPACK_IMPORTED_MODULE_4__.tuple)('horizontal', 'inline', 'vertical')), labelCol: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.objectType)(), wrapperCol: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.objectType)(), colon: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.booleanType)(), labelAlign: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.stringType)(), labelWrap: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.booleanType)(), prefixCls: String, requiredMark: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.someType)([String, Boolean]), /** @deprecated Will warning in future branch. Pls use `requiredMark` instead. */ hideRequiredMark: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.booleanType)(), model: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].object, rules: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.objectType)(), validateMessages: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.objectType)(), validateOnRuleChange: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.booleanType)(), // 提交失败自动滚动到第一个错误字段 scrollToFirstError: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.anyType)(), onSubmit: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.functionType)(), name: String, validateTrigger: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.someType)([String, Array]), size: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.stringType)(), disabled: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.booleanType)(), onValuesChange: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.functionType)(), onFieldsChange: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.functionType)(), onFinish: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.functionType)(), onFinishFailed: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.functionType)(), onValidate: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.functionType)() }); function isEqualName(name1, name2) { return (0,lodash_es_isEqual__WEBPACK_IMPORTED_MODULE_5__["default"])((0,_utils_typeUtil__WEBPACK_IMPORTED_MODULE_6__.toArray)(name1), (0,_utils_typeUtil__WEBPACK_IMPORTED_MODULE_6__.toArray)(name2)); } const Form = (0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'AForm', inheritAttrs: false, props: (0,_util_props_util_initDefaultProps__WEBPACK_IMPORTED_MODULE_7__["default"])(formProps(), { layout: 'horizontal', hideRequiredMark: false, colon: true }), Item: _FormItem__WEBPACK_IMPORTED_MODULE_8__["default"], useForm: _useForm__WEBPACK_IMPORTED_MODULE_9__["default"], // emits: ['finishFailed', 'submit', 'finish', 'validate'], setup(props, _ref) { let { emit, slots, expose, attrs } = _ref; const { prefixCls, direction, form: contextForm, size, disabled } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_10__["default"])('form', props); const requiredMark = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.requiredMark === '' || props.requiredMark); const mergedRequiredMark = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { var _a; if (requiredMark.value !== undefined) { return requiredMark.value; } if (contextForm && ((_a = contextForm.value) === null || _a === void 0 ? void 0 : _a.requiredMark) !== undefined) { return contextForm.value.requiredMark; } if (props.hideRequiredMark) { return false; } return true; }); (0,_config_provider_SizeContext__WEBPACK_IMPORTED_MODULE_11__.useProviderSize)(size); (0,_config_provider_DisabledContext__WEBPACK_IMPORTED_MODULE_12__.useProviderDisabled)(disabled); const mergedColon = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { var _a, _b; return (_a = props.colon) !== null && _a !== void 0 ? _a : (_b = contextForm.value) === null || _b === void 0 ? void 0 : _b.colon; }); const { validateMessages: globalValidateMessages } = (0,_config_provider_context__WEBPACK_IMPORTED_MODULE_13__.useInjectGlobalForm)(); const validateMessages = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, _utils_messages__WEBPACK_IMPORTED_MODULE_14__.defaultValidateMessages), globalValidateMessages.value), props.validateMessages); }); // Style const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_15__["default"])(prefixCls); const formClassName = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => (0,_util_classNames__WEBPACK_IMPORTED_MODULE_16__["default"])(prefixCls.value, { [`${prefixCls.value}-${props.layout}`]: true, [`${prefixCls.value}-hide-required-mark`]: mergedRequiredMark.value === false, [`${prefixCls.value}-rtl`]: direction.value === 'rtl', [`${prefixCls.value}-${size.value}`]: size.value }, hashId.value)); const lastValidatePromise = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(); const fields = {}; const addField = (eventKey, field) => { fields[eventKey] = field; }; const removeField = eventKey => { delete fields[eventKey]; }; const getFieldsByNameList = nameList => { const provideNameList = !!nameList; const namePathList = provideNameList ? (0,_utils_typeUtil__WEBPACK_IMPORTED_MODULE_6__.toArray)(nameList).map(_utils_valueUtil__WEBPACK_IMPORTED_MODULE_17__.getNamePath) : []; if (!provideNameList) { return Object.values(fields); } else { return Object.values(fields).filter(field => namePathList.findIndex(namePath => isEqualName(namePath, field.fieldName.value)) > -1); } }; const resetFields = name => { if (!props.model) { (0,_util_warning__WEBPACK_IMPORTED_MODULE_18__["default"])(false, 'Form', 'model is required for resetFields to work.'); return; } getFieldsByNameList(name).forEach(field => { field.resetField(); }); }; const clearValidate = name => { getFieldsByNameList(name).forEach(field => { field.clearValidate(); }); }; const handleFinishFailed = errorInfo => { const { scrollToFirstError } = props; emit('finishFailed', errorInfo); if (scrollToFirstError && errorInfo.errorFields.length) { let scrollToFieldOptions = {}; if (typeof scrollToFirstError === 'object') { scrollToFieldOptions = scrollToFirstError; } scrollToField(errorInfo.errorFields[0].name, scrollToFieldOptions); } }; const validate = function () { return validateField(...arguments); }; const scrollToField = function (name) { let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; const fields = getFieldsByNameList(name ? [name] : undefined); if (fields.length) { const fieldId = fields[0].fieldId.value; const node = fieldId ? document.getElementById(fieldId) : null; if (node) { (0,scroll_into_view_if_needed__WEBPACK_IMPORTED_MODULE_19__["default"])(node, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({ scrollMode: 'if-needed', block: 'nearest' }, options)); } } }; // eslint-disable-next-line no-unused-vars const getFieldsValue = function () { let nameList = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true; if (nameList === true) { const allNameList = []; Object.values(fields).forEach(_ref2 => { let { namePath } = _ref2; allNameList.push(namePath.value); }); return (0,_utils_valueUtil__WEBPACK_IMPORTED_MODULE_17__.cloneByNamePathList)(props.model, allNameList); } else { return (0,_utils_valueUtil__WEBPACK_IMPORTED_MODULE_17__.cloneByNamePathList)(props.model, nameList); } }; const validateFields = (nameList, options) => { (0,_util_warning__WEBPACK_IMPORTED_MODULE_18__["default"])(!(nameList instanceof Function), 'Form', 'validateFields/validateField/validate not support callback, please use promise instead'); if (!props.model) { (0,_util_warning__WEBPACK_IMPORTED_MODULE_18__["default"])(false, 'Form', 'model is required for validateFields to work.'); return Promise.reject('Form `model` is required for validateFields to work.'); } const provideNameList = !!nameList; const namePathList = provideNameList ? (0,_utils_typeUtil__WEBPACK_IMPORTED_MODULE_6__.toArray)(nameList).map(_utils_valueUtil__WEBPACK_IMPORTED_MODULE_17__.getNamePath) : []; // Collect result in promise list const promiseList = []; Object.values(fields).forEach(field => { var _a; // Add field if not provide `nameList` if (!provideNameList) { namePathList.push(field.namePath.value); } // Skip if without rule if (!((_a = field.rules) === null || _a === void 0 ? void 0 : _a.value.length)) { return; } const fieldNamePath = field.namePath.value; // Add field validate rule in to promise list if (!provideNameList || (0,_utils_valueUtil__WEBPACK_IMPORTED_MODULE_17__.containsNamePath)(namePathList, fieldNamePath)) { const promise = field.validateRules((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({ validateMessages: validateMessages.value }, options)); // Wrap promise with field promiseList.push(promise.then(() => ({ name: fieldNamePath, errors: [], warnings: [] })).catch(ruleErrors => { const mergedErrors = []; const mergedWarnings = []; ruleErrors.forEach(_ref3 => { let { rule: { warningOnly }, errors } = _ref3; if (warningOnly) { mergedWarnings.push(...errors); } else { mergedErrors.push(...errors); } }); if (mergedErrors.length) { return Promise.reject({ name: fieldNamePath, errors: mergedErrors, warnings: mergedWarnings }); } return { name: fieldNamePath, errors: mergedErrors, warnings: mergedWarnings }; })); } }); const summaryPromise = (0,_utils_asyncUtil__WEBPACK_IMPORTED_MODULE_20__.allPromiseFinish)(promiseList); lastValidatePromise.value = summaryPromise; const returnPromise = summaryPromise.then(() => { if (lastValidatePromise.value === summaryPromise) { return Promise.resolve(getFieldsValue(namePathList)); } return Promise.reject([]); }).catch(results => { const errorList = results.filter(result => result && result.errors.length); return Promise.reject({ values: getFieldsValue(namePathList), errorFields: errorList, outOfDate: lastValidatePromise.value !== summaryPromise }); }); // Do not throw in console returnPromise.catch(e => e); return returnPromise; }; const validateField = function () { return validateFields(...arguments); }; const handleSubmit = e => { e.preventDefault(); e.stopPropagation(); emit('submit', e); if (props.model) { const res = validateFields(); res.then(values => { emit('finish', values); }).catch(errors => { handleFinishFailed(errors); }); } }; expose({ resetFields, clearValidate, validateFields, getFieldsValue, validate, scrollToField }); (0,_context__WEBPACK_IMPORTED_MODULE_21__.useProvideForm)({ model: (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.model), name: (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.name), labelAlign: (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.labelAlign), labelCol: (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.labelCol), labelWrap: (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.labelWrap), wrapperCol: (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.wrapperCol), vertical: (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.layout === 'vertical'), colon: mergedColon, requiredMark: mergedRequiredMark, validateTrigger: (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.validateTrigger), rules: (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.rules), addField, removeField, onValidate: (name, status, errors) => { emit('validate', name, status, errors); }, validateMessages }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)(() => props.rules, () => { if (props.validateOnRuleChange) { validateFields(); } }); return () => { var _a; return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("form", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, attrs), {}, { "onSubmit": handleSubmit, "class": [formClassName.value, attrs.class] }), [(_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)])); }; } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Form); /***/ }), /***/ "./components/form/FormItem.tsx": /*!**************************************!*\ !*** ./components/form/FormItem.tsx ***! \**************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ formItemProps: () => (/* binding */ formItemProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_vue_es_icons_LoadingOutlined__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/LoadingOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/LoadingOutlined.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_CloseCircleFilled__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/CloseCircleFilled */ "./node_modules/@ant-design/icons-vue/es/icons/CloseCircleFilled.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_CheckCircleFilled__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/CheckCircleFilled */ "./node_modules/@ant-design/icons-vue/es/icons/CheckCircleFilled.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_ExclamationCircleFilled__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/ExclamationCircleFilled */ "./node_modules/@ant-design/icons-vue/es/icons/ExclamationCircleFilled.js"); /* harmony import */ var lodash_es_cloneDeep__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! lodash-es/cloneDeep */ "./node_modules/lodash-es/cloneDeep.js"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _grid_Row__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../grid/Row */ "./components/grid/Row.tsx"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/index.ts"); /* harmony import */ var _utils_validateUtil__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./utils/validateUtil */ "./components/form/utils/validateUtil.ts"); /* harmony import */ var _utils_valueUtil__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./utils/valueUtil */ "./components/form/utils/valueUtil.ts"); /* harmony import */ var _utils_typeUtil__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./utils/typeUtil */ "./components/form/utils/typeUtil.ts"); /* harmony import */ var _vc_util_warning__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../vc-util/warning */ "./components/vc-util/warning.ts"); /* harmony import */ var lodash_es_find__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! lodash-es/find */ "./node_modules/lodash-es/find.js"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./context */ "./components/form/context.ts"); /* harmony import */ var _FormItemLabel__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./FormItemLabel */ "./components/form/FormItemLabel.tsx"); /* harmony import */ var _FormItemInput__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./FormItemInput */ "./components/form/FormItemInput.tsx"); /* harmony import */ var _FormItemContext__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./FormItemContext */ "./components/form/FormItemContext.ts"); /* harmony import */ var _utils_useDebounce__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./utils/useDebounce */ "./components/form/utils/useDebounce.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./style */ "./components/form/style/index.ts"); const ValidateStatuses = (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.tuple)('success', 'warning', 'error', 'validating', ''); const iconMap = { success: _ant_design_icons_vue_es_icons_CheckCircleFilled__WEBPACK_IMPORTED_MODULE_4__["default"], warning: _ant_design_icons_vue_es_icons_ExclamationCircleFilled__WEBPACK_IMPORTED_MODULE_5__["default"], error: _ant_design_icons_vue_es_icons_CloseCircleFilled__WEBPACK_IMPORTED_MODULE_6__["default"], validating: _ant_design_icons_vue_es_icons_LoadingOutlined__WEBPACK_IMPORTED_MODULE_7__["default"] }; function getPropByPath(obj, namePathList, strict) { let tempObj = obj; const keyArr = namePathList; let i = 0; try { for (let len = keyArr.length; i < len - 1; ++i) { if (!tempObj && !strict) break; const key = keyArr[i]; if (key in tempObj) { tempObj = tempObj[key]; } else { if (strict) { throw Error('please transfer a valid name path to form item!'); } break; } } if (strict && !tempObj) { throw Error('please transfer a valid name path to form item!'); } } catch (error) { console.error('please transfer a valid name path to form item!'); } return { o: tempObj, k: keyArr[i], v: tempObj ? tempObj[keyArr[i]] : undefined }; } const formItemProps = () => ({ htmlFor: String, prefixCls: String, label: _util_vue_types__WEBPACK_IMPORTED_MODULE_8__["default"].any, help: _util_vue_types__WEBPACK_IMPORTED_MODULE_8__["default"].any, extra: _util_vue_types__WEBPACK_IMPORTED_MODULE_8__["default"].any, labelCol: { type: Object }, wrapperCol: { type: Object }, hasFeedback: { type: Boolean, default: false }, colon: { type: Boolean, default: undefined }, labelAlign: String, prop: { type: [String, Number, Array] }, name: { type: [String, Number, Array] }, rules: [Array, Object], autoLink: { type: Boolean, default: true }, required: { type: Boolean, default: undefined }, validateFirst: { type: Boolean, default: undefined }, validateStatus: _util_vue_types__WEBPACK_IMPORTED_MODULE_8__["default"].oneOf((0,_util_type__WEBPACK_IMPORTED_MODULE_3__.tuple)('', 'success', 'warning', 'error', 'validating')), validateTrigger: { type: [String, Array] }, messageVariables: { type: Object }, hidden: Boolean, noStyle: Boolean, tooltip: String }); let indexGuid = 0; // default form item id prefix. const defaultItemNamePrefixCls = 'form_item'; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'AFormItem', inheritAttrs: false, __ANT_NEW_FORM_ITEM: true, props: formItemProps(), slots: Object, setup(props, _ref) { let { slots, attrs, expose } = _ref; (0,_vc_util_warning__WEBPACK_IMPORTED_MODULE_9__.warning)(props.prop === undefined, `\`prop\` is deprecated. Please use \`name\` instead.`); const eventKey = `form-item-${++indexGuid}`; const { prefixCls } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_10__["default"])('form', props); const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_11__["default"])(prefixCls); const itemRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(); const formContext = (0,_context__WEBPACK_IMPORTED_MODULE_12__.useInjectForm)(); const fieldName = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.name || props.prop); const errors = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)([]); const validateDisabled = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(false); const inputRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(); const namePath = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { const val = fieldName.value; return (0,_utils_valueUtil__WEBPACK_IMPORTED_MODULE_13__.getNamePath)(val); }); const fieldId = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { if (!namePath.value.length) { return undefined; } else { const formName = formContext.name.value; const mergedId = namePath.value.join('_'); return formName ? `${formName}_${mergedId}` : `${defaultItemNamePrefixCls}_${mergedId}`; } }); const getNewFieldValue = () => { const model = formContext.model.value; if (!model || !fieldName.value) { return; } else { return getPropByPath(model, namePath.value, true).v; } }; const fieldValue = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => getNewFieldValue()); const initialValue = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)((0,lodash_es_cloneDeep__WEBPACK_IMPORTED_MODULE_14__["default"])(fieldValue.value)); const mergedValidateTrigger = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { let validateTrigger = props.validateTrigger !== undefined ? props.validateTrigger : formContext.validateTrigger.value; validateTrigger = validateTrigger === undefined ? 'change' : validateTrigger; return (0,_utils_typeUtil__WEBPACK_IMPORTED_MODULE_15__.toArray)(validateTrigger); }); const rulesRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { let formRules = formContext.rules.value; const selfRules = props.rules; const requiredRule = props.required !== undefined ? { required: !!props.required, trigger: mergedValidateTrigger.value } : []; const prop = getPropByPath(formRules, namePath.value); formRules = formRules ? prop.o[prop.k] || prop.v : []; const rules = [].concat(selfRules || formRules || []); if ((0,lodash_es_find__WEBPACK_IMPORTED_MODULE_16__["default"])(rules, rule => rule.required)) { return rules; } else { return rules.concat(requiredRule); } }); const isRequired = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { const rules = rulesRef.value; let isRequired = false; if (rules && rules.length) { rules.every(rule => { if (rule.required) { isRequired = true; return false; } return true; }); } return isRequired || props.required; }); const validateState = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watchEffect)(() => { validateState.value = props.validateStatus; }); const messageVariables = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { let variables = {}; if (typeof props.label === 'string') { variables.label = props.label; } else if (props.name) { variables.label = String(props.name); } if (props.messageVariables) { variables = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, variables), props.messageVariables); } return variables; }); const validateRules = options => { // no name, no value, so the validate result is incorrect if (namePath.value.length === 0) { return; } const { validateFirst = false } = props; const { triggerName } = options || {}; let filteredRules = rulesRef.value; if (triggerName) { filteredRules = filteredRules.filter(rule => { const { trigger } = rule; if (!trigger && !mergedValidateTrigger.value.length) { return true; } const triggerList = (0,_utils_typeUtil__WEBPACK_IMPORTED_MODULE_15__.toArray)(trigger || mergedValidateTrigger.value); return triggerList.includes(triggerName); }); } if (!filteredRules.length) { return Promise.resolve(); } const promise = (0,_utils_validateUtil__WEBPACK_IMPORTED_MODULE_17__.validateRules)(namePath.value, fieldValue.value, filteredRules, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({ validateMessages: formContext.validateMessages.value }, options), validateFirst, messageVariables.value); validateState.value = 'validating'; errors.value = []; promise.catch(e => e).then(function () { let results = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : []; if (validateState.value === 'validating') { const res = results.filter(result => result && result.errors.length); validateState.value = res.length ? 'error' : 'success'; errors.value = res.map(r => r.errors); formContext.onValidate(fieldName.value, !errors.value.length, errors.value.length ? (0,vue__WEBPACK_IMPORTED_MODULE_2__.toRaw)(errors.value[0]) : null); } }); return promise; }; const onFieldBlur = () => { validateRules({ triggerName: 'blur' }); }; const onFieldChange = () => { if (validateDisabled.value) { validateDisabled.value = false; return; } validateRules({ triggerName: 'change' }); }; const clearValidate = () => { validateState.value = props.validateStatus; validateDisabled.value = false; errors.value = []; }; const resetField = () => { var _a; validateState.value = props.validateStatus; validateDisabled.value = true; errors.value = []; const model = formContext.model.value || {}; const value = fieldValue.value; const prop = getPropByPath(model, namePath.value, true); if (Array.isArray(value)) { prop.o[prop.k] = [].concat((_a = initialValue.value) !== null && _a !== void 0 ? _a : []); } else { prop.o[prop.k] = initialValue.value; } // reset validateDisabled after onFieldChange triggered (0,vue__WEBPACK_IMPORTED_MODULE_2__.nextTick)(() => { validateDisabled.value = false; }); }; const htmlFor = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { return props.htmlFor === undefined ? fieldId.value : props.htmlFor; }); const onLabelClick = () => { const id = htmlFor.value; if (!id || !inputRef.value) { return; } const control = inputRef.value.$el.querySelector(`[id="${id}"]`); if (control && control.focus) { control.focus(); } }; expose({ onFieldBlur, onFieldChange, clearValidate, resetField }); (0,_FormItemContext__WEBPACK_IMPORTED_MODULE_18__.useProvideFormItemContext)({ id: fieldId, onFieldBlur: () => { if (props.autoLink) { onFieldBlur(); } }, onFieldChange: () => { if (props.autoLink) { onFieldChange(); } }, clearValidate }, (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { return !!(props.autoLink && formContext.model.value && fieldName.value); })); let registered = false; (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)(fieldName, val => { if (val) { if (!registered) { registered = true; formContext.addField(eventKey, { fieldValue, fieldId, fieldName, resetField, clearValidate, namePath, validateRules, rules: rulesRef }); } } else { registered = false; formContext.removeField(eventKey); } }, { immediate: true }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.onBeforeUnmount)(() => { formContext.removeField(eventKey); }); const debounceErrors = (0,_utils_useDebounce__WEBPACK_IMPORTED_MODULE_19__["default"])(errors); const mergedValidateStatus = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { if (props.validateStatus !== undefined) { return props.validateStatus; } else if (debounceErrors.value.length) { return 'error'; } return validateState.value; }); const itemClassName = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => ({ [`${prefixCls.value}-item`]: true, [hashId.value]: true, // Status [`${prefixCls.value}-item-has-feedback`]: mergedValidateStatus.value && props.hasFeedback, [`${prefixCls.value}-item-has-success`]: mergedValidateStatus.value === 'success', [`${prefixCls.value}-item-has-warning`]: mergedValidateStatus.value === 'warning', [`${prefixCls.value}-item-has-error`]: mergedValidateStatus.value === 'error', [`${prefixCls.value}-item-is-validating`]: mergedValidateStatus.value === 'validating', [`${prefixCls.value}-item-hidden`]: props.hidden })); const formItemInputContext = (0,vue__WEBPACK_IMPORTED_MODULE_2__.reactive)({}); _FormItemContext__WEBPACK_IMPORTED_MODULE_18__.FormItemInputContext.useProvide(formItemInputContext); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watchEffect)(() => { let feedbackIcon; if (props.hasFeedback) { const IconNode = mergedValidateStatus.value && iconMap[mergedValidateStatus.value]; feedbackIcon = IconNode ? (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", { "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_20__["default"])(`${prefixCls.value}-item-feedback-icon`, `${prefixCls.value}-item-feedback-icon-${mergedValidateStatus.value}`) }, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(IconNode, null, null)]) : null; } (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])(formItemInputContext, { status: mergedValidateStatus.value, hasFeedback: props.hasFeedback, feedbackIcon, isFormItemInput: true }); }); const marginBottom = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(null); const showMarginOffset = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(false); const updateMarginBottom = () => { if (itemRef.value) { const itemStyle = getComputedStyle(itemRef.value); marginBottom.value = parseInt(itemStyle.marginBottom, 10); } }; (0,vue__WEBPACK_IMPORTED_MODULE_2__.onMounted)(() => { (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)(showMarginOffset, () => { if (showMarginOffset.value) { updateMarginBottom(); } }, { flush: 'post', immediate: true }); }); const onErrorVisibleChanged = nextVisible => { if (!nextVisible) { marginBottom.value = null; } }; return () => { var _a, _b; if (props.noStyle) return (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots); const help = (_b = props.help) !== null && _b !== void 0 ? _b : slots.help ? (0,_util_props_util__WEBPACK_IMPORTED_MODULE_21__.filterEmpty)(slots.help()) : null; const withHelp = !!(help !== undefined && help !== null && Array.isArray(help) && help.length || debounceErrors.value.length); showMarginOffset.value = withHelp; return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": [itemClassName.value, withHelp ? `${prefixCls.value}-item-with-help` : '', attrs.class], "ref": itemRef }, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_grid_Row__WEBPACK_IMPORTED_MODULE_22__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, attrs), {}, { "class": `${prefixCls.value}-item-row`, "key": "row" }), { default: () => { var _a, _b; return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_2__.Fragment, null, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_FormItemLabel__WEBPACK_IMPORTED_MODULE_23__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props), {}, { "htmlFor": htmlFor.value, "required": isRequired.value, "requiredMark": formContext.requiredMark.value, "prefixCls": prefixCls.value, "onClick": onLabelClick, "label": props.label }), { label: slots.label, tooltip: slots.tooltip }), (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_FormItemInput__WEBPACK_IMPORTED_MODULE_24__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props), {}, { "errors": help !== undefined && help !== null ? (0,_utils_typeUtil__WEBPACK_IMPORTED_MODULE_15__.toArray)(help) : debounceErrors.value, "marginBottom": marginBottom.value, "prefixCls": prefixCls.value, "status": mergedValidateStatus.value, "ref": inputRef, "help": help, "extra": (_a = props.extra) !== null && _a !== void 0 ? _a : (_b = slots.extra) === null || _b === void 0 ? void 0 : _b.call(slots), "onErrorVisibleChanged": onErrorVisibleChanged }), { default: slots.default })]); } }), !!marginBottom.value && (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": `${prefixCls.value}-margin-offset`, "style": { marginBottom: `-${marginBottom.value}px` } }, null)])); }; } })); /***/ }), /***/ "./components/form/FormItemContext.ts": /*!********************************************!*\ !*** ./components/form/FormItemContext.ts ***! \********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ FormItemInputContext: () => (/* binding */ FormItemInputContext), /* harmony export */ NoFormStatus: () => (/* binding */ NoFormStatus), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ useInjectFormItemContext: () => (/* binding */ useInjectFormItemContext), /* harmony export */ useProvideFormItemContext: () => (/* binding */ useProvideFormItemContext) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _vc_util_devWarning__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../vc-util/devWarning */ "./components/vc-util/devWarning.ts"); /* harmony import */ var _util_createContext__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../_util/createContext */ "./components/_util/createContext.ts"); const ContextKey = Symbol('ContextProps'); const InternalContextKey = Symbol('InternalContextProps'); const useProvideFormItemContext = function (props) { let useValidation = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => true); const formItemFields = (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)(new Map()); const addFormItemField = (key, type) => { formItemFields.value.set(key, type); formItemFields.value = new Map(formItemFields.value); }; const removeFormItemField = key => { formItemFields.value.delete(key); formItemFields.value = new Map(formItemFields.value); }; const instance = (0,vue__WEBPACK_IMPORTED_MODULE_0__.getCurrentInstance)(); (0,vue__WEBPACK_IMPORTED_MODULE_0__.watch)([useValidation, formItemFields], () => { if (true) { if (useValidation.value && formItemFields.value.size > 1) { (0,_vc_util_devWarning__WEBPACK_IMPORTED_MODULE_1__["default"])(false, 'Form.Item', `FormItem can only collect one field item, you haved set ${[...formItemFields.value.values()].map(v => `\`${v.name}\``).join(', ')} ${formItemFields.value.size} field items. You can set not need to be collected fields into \`a-form-item-rest\``); let cur = instance; while (cur.parent) { console.warn('at', cur.type); cur = cur.parent; } } } }); (0,vue__WEBPACK_IMPORTED_MODULE_0__.provide)(ContextKey, props); (0,vue__WEBPACK_IMPORTED_MODULE_0__.provide)(InternalContextKey, { addFormItemField, removeFormItemField }); }; const defaultContext = { id: (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => undefined), onFieldBlur: () => {}, onFieldChange: () => {}, clearValidate: () => {} }; const defaultInternalContext = { addFormItemField: () => {}, removeFormItemField: () => {} }; const useInjectFormItemContext = () => { const internalContext = (0,vue__WEBPACK_IMPORTED_MODULE_0__.inject)(InternalContextKey, defaultInternalContext); const formItemFieldKey = Symbol('FormItemFieldKey'); const instance = (0,vue__WEBPACK_IMPORTED_MODULE_0__.getCurrentInstance)(); internalContext.addFormItemField(formItemFieldKey, instance.type); (0,vue__WEBPACK_IMPORTED_MODULE_0__.onBeforeUnmount)(() => { internalContext.removeFormItemField(formItemFieldKey); }); // We should prevent the passing of context for children (0,vue__WEBPACK_IMPORTED_MODULE_0__.provide)(InternalContextKey, defaultInternalContext); (0,vue__WEBPACK_IMPORTED_MODULE_0__.provide)(ContextKey, defaultContext); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.inject)(ContextKey, defaultContext); }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'AFormItemRest', setup(_, _ref) { let { slots } = _ref; (0,vue__WEBPACK_IMPORTED_MODULE_0__.provide)(InternalContextKey, defaultInternalContext); (0,vue__WEBPACK_IMPORTED_MODULE_0__.provide)(ContextKey, defaultContext); return () => { var _a; return (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots); }; } })); const FormItemInputContext = (0,_util_createContext__WEBPACK_IMPORTED_MODULE_2__["default"])({}); const NoFormStatus = (0,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)({ name: 'NoFormStatus', setup(_, _ref2) { let { slots } = _ref2; FormItemInputContext.useProvide({}); return () => { var _a; return (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots); }; } }); /***/ }), /***/ "./components/form/FormItemInput.tsx": /*!*******************************************!*\ !*** ./components/form/FormItemInput.tsx ***! \*******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _grid_Col__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../grid/Col */ "./components/grid/Col.tsx"); /* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./context */ "./components/form/context.ts"); /* harmony import */ var _ErrorList__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./ErrorList */ "./components/form/ErrorList.tsx"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/index.ts"); const FormItemInput = (0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, slots: Object, inheritAttrs: false, props: ['prefixCls', 'errors', 'hasFeedback', 'onDomErrorVisibleChange', 'wrapperCol', 'help', 'extra', 'status', 'marginBottom', 'onErrorVisibleChanged'], setup(props, _ref) { let { slots } = _ref; const formContext = (0,_context__WEBPACK_IMPORTED_MODULE_3__.useInjectForm)(); const { wrapperCol: contextWrapperCol } = formContext; // Pass to sub FormItem should not with col info const subFormContext = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, formContext); delete subFormContext.labelCol; delete subFormContext.wrapperCol; (0,_context__WEBPACK_IMPORTED_MODULE_3__.useProvideForm)(subFormContext); (0,_context__WEBPACK_IMPORTED_MODULE_3__.useProvideFormItemPrefix)({ prefixCls: (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.prefixCls), status: (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.status) }); return () => { var _a, _b, _c; const { prefixCls, wrapperCol, marginBottom, onErrorVisibleChanged, help = (_a = slots.help) === null || _a === void 0 ? void 0 : _a.call(slots), errors = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_4__.filterEmpty)((_b = slots.errors) === null || _b === void 0 ? void 0 : _b.call(slots)), // hasFeedback, // status, extra = (_c = slots.extra) === null || _c === void 0 ? void 0 : _c.call(slots) } = props; const baseClassName = `${prefixCls}-item`; const mergedWrapperCol = wrapperCol || (contextWrapperCol === null || contextWrapperCol === void 0 ? void 0 : contextWrapperCol.value) || {}; const className = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_5__["default"])(`${baseClassName}-control`, mergedWrapperCol.class); // Should provides additional icon if `hasFeedback` // const IconNode = status && iconMap[status]; return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_grid_Col__WEBPACK_IMPORTED_MODULE_6__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, mergedWrapperCol), {}, { "class": className }), { default: () => { var _a; return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_2__.Fragment, null, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": `${baseClassName}-control-input` }, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": `${baseClassName}-control-input-content` }, [(_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)])]), marginBottom !== null || errors.length ? (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "style": { display: 'flex', flexWrap: 'nowrap' } }, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_ErrorList__WEBPACK_IMPORTED_MODULE_7__["default"], { "errors": errors, "help": help, "class": `${baseClassName}-explain-connected`, "onErrorVisibleChanged": onErrorVisibleChanged }, null), !!marginBottom && (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "style": { width: 0, height: `${marginBottom}px` } }, null)]) : null, extra ? (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": `${baseClassName}-extra` }, [extra]) : null]); } }); }; } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FormItemInput); /***/ }), /***/ "./components/form/FormItemLabel.tsx": /*!*******************************************!*\ !*** ./components/form/FormItemLabel.tsx ***! \*******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _grid_Col__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../grid/Col */ "./components/grid/Col.tsx"); /* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./context */ "./components/form/context.ts"); /* harmony import */ var _locale_provider_LocaleReceiver__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../locale-provider/LocaleReceiver */ "./components/locale/LocaleReceiver.tsx"); /* harmony import */ var _locale_en_US__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../locale/en_US */ "./components/locale/en_US.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../tooltip */ "./components/tooltip/index.ts"); /* harmony import */ var _ant_design_icons_vue_es_icons_QuestionCircleOutlined__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/QuestionCircleOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/QuestionCircleOutlined.js"); const FormItemLabel = (props, _ref) => { let { slots, emit, attrs } = _ref; var _a, _b, _c, _d, _e; const { prefixCls, htmlFor, labelCol, labelAlign, colon, required, requiredMark } = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, props), attrs); const [formLocale] = (0,_locale_provider_LocaleReceiver__WEBPACK_IMPORTED_MODULE_3__.useLocaleReceiver)('Form'); const label = (_a = props.label) !== null && _a !== void 0 ? _a : (_b = slots.label) === null || _b === void 0 ? void 0 : _b.call(slots); if (!label) return null; const { vertical, labelAlign: contextLabelAlign, labelCol: contextLabelCol, labelWrap, colon: contextColon } = (0,_context__WEBPACK_IMPORTED_MODULE_4__.useInjectForm)(); const mergedLabelCol = labelCol || (contextLabelCol === null || contextLabelCol === void 0 ? void 0 : contextLabelCol.value) || {}; const mergedLabelAlign = labelAlign || (contextLabelAlign === null || contextLabelAlign === void 0 ? void 0 : contextLabelAlign.value); const labelClsBasic = `${prefixCls}-item-label`; const labelColClassName = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_5__["default"])(labelClsBasic, mergedLabelAlign === 'left' && `${labelClsBasic}-left`, mergedLabelCol.class, { [`${labelClsBasic}-wrap`]: !!labelWrap.value }); let labelChildren = label; // Keep label is original where there should have no colon const computedColon = colon === true || (contextColon === null || contextColon === void 0 ? void 0 : contextColon.value) !== false && colon !== false; const haveColon = computedColon && !vertical.value; // Remove duplicated user input colon if (haveColon && typeof label === 'string' && label.trim() !== '') { labelChildren = label.replace(/[:|:]\s*$/, ''); } // Tooltip if (props.tooltip || slots.tooltip) { const tooltipNode = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", { "class": `${prefixCls}-item-tooltip` }, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_tooltip__WEBPACK_IMPORTED_MODULE_6__["default"], { "title": props.tooltip }, { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_ant_design_icons_vue_es_icons_QuestionCircleOutlined__WEBPACK_IMPORTED_MODULE_7__["default"], null, null)] })]); labelChildren = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_2__.Fragment, null, [labelChildren, slots.tooltip ? (_c = slots.tooltip) === null || _c === void 0 ? void 0 : _c.call(slots, { class: `${prefixCls}-item-tooltip` }) : tooltipNode]); } // Add required mark if optional if (requiredMark === 'optional' && !required) { labelChildren = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_2__.Fragment, null, [labelChildren, (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", { "class": `${prefixCls}-item-optional` }, [((_d = formLocale.value) === null || _d === void 0 ? void 0 : _d.optional) || ((_e = _locale_en_US__WEBPACK_IMPORTED_MODULE_8__["default"].Form) === null || _e === void 0 ? void 0 : _e.optional)])]); } const labelClassName = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_5__["default"])({ [`${prefixCls}-item-required`]: required, [`${prefixCls}-item-required-mark-optional`]: requiredMark === 'optional', [`${prefixCls}-item-no-colon`]: !computedColon }); return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_grid_Col__WEBPACK_IMPORTED_MODULE_9__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, mergedLabelCol), {}, { "class": labelColClassName }), { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("label", { "for": htmlFor, "class": labelClassName, "title": typeof label === 'string' ? label : '', "onClick": e => emit('click', e) }, [labelChildren])] }); }; FormItemLabel.displayName = 'FormItemLabel'; FormItemLabel.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FormItemLabel); /***/ }), /***/ "./components/form/context.ts": /*!************************************!*\ !*** ./components/form/context.ts ***! \************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ FormContextKey: () => (/* binding */ FormContextKey), /* harmony export */ FormItemPrefixContextKey: () => (/* binding */ FormItemPrefixContextKey), /* harmony export */ useInjectForm: () => (/* binding */ useInjectForm), /* harmony export */ useInjectFormItemPrefix: () => (/* binding */ useInjectFormItemPrefix), /* harmony export */ useProvideForm: () => (/* binding */ useProvideForm), /* harmony export */ useProvideFormItemPrefix: () => (/* binding */ useProvideFormItemPrefix) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _utils_messages__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils/messages */ "./components/form/utils/messages.ts"); const FormContextKey = Symbol('formContextKey'); const useProvideForm = state => { (0,vue__WEBPACK_IMPORTED_MODULE_0__.provide)(FormContextKey, state); }; const useInjectForm = () => { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.inject)(FormContextKey, { name: (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => undefined), labelAlign: (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => 'right'), vertical: (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => false), // eslint-disable-next-line @typescript-eslint/no-unused-vars addField: (_eventKey, _field) => {}, // eslint-disable-next-line @typescript-eslint/no-unused-vars removeField: _eventKey => {}, model: (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => undefined), rules: (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => undefined), colon: (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => undefined), labelWrap: (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => undefined), labelCol: (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => undefined), requiredMark: (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => false), validateTrigger: (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => undefined), onValidate: () => {}, validateMessages: (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => _utils_messages__WEBPACK_IMPORTED_MODULE_1__.defaultValidateMessages) }); }; const FormItemPrefixContextKey = Symbol('formItemPrefixContextKey'); const useProvideFormItemPrefix = state => { (0,vue__WEBPACK_IMPORTED_MODULE_0__.provide)(FormItemPrefixContextKey, state); }; const useInjectFormItemPrefix = () => { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.inject)(FormItemPrefixContextKey, { prefixCls: (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => '') }); }; /***/ }), /***/ "./components/form/index.tsx": /*!***********************************!*\ !*** ./components/form/index.tsx ***! \***********************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ FormItem: () => (/* reexport safe */ _FormItem__WEBPACK_IMPORTED_MODULE_2__["default"]), /* harmony export */ FormItemRest: () => (/* reexport safe */ _FormItemContext__WEBPACK_IMPORTED_MODULE_1__["default"]), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ formItemProps: () => (/* reexport safe */ _FormItem__WEBPACK_IMPORTED_MODULE_2__.formItemProps), /* harmony export */ formProps: () => (/* reexport safe */ _Form__WEBPACK_IMPORTED_MODULE_0__.formProps), /* harmony export */ useForm: () => (/* reexport safe */ _useForm__WEBPACK_IMPORTED_MODULE_3__["default"]), /* harmony export */ useInjectFormItemContext: () => (/* reexport safe */ _FormItemContext__WEBPACK_IMPORTED_MODULE_1__.useInjectFormItemContext) /* harmony export */ }); /* harmony import */ var _Form__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Form */ "./components/form/Form.tsx"); /* harmony import */ var _FormItem__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./FormItem */ "./components/form/FormItem.tsx"); /* harmony import */ var _useForm__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./useForm */ "./components/form/useForm.ts"); /* harmony import */ var _FormItemContext__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./FormItemContext */ "./components/form/FormItemContext.ts"); _Form__WEBPACK_IMPORTED_MODULE_0__["default"].useInjectFormItemContext = _FormItemContext__WEBPACK_IMPORTED_MODULE_1__.useInjectFormItemContext; _Form__WEBPACK_IMPORTED_MODULE_0__["default"].ItemRest = _FormItemContext__WEBPACK_IMPORTED_MODULE_1__["default"]; /* istanbul ignore next */ _Form__WEBPACK_IMPORTED_MODULE_0__["default"].install = function (app) { app.component(_Form__WEBPACK_IMPORTED_MODULE_0__["default"].name, _Form__WEBPACK_IMPORTED_MODULE_0__["default"]); app.component(_Form__WEBPACK_IMPORTED_MODULE_0__["default"].Item.name, _Form__WEBPACK_IMPORTED_MODULE_0__["default"].Item); app.component(_FormItemContext__WEBPACK_IMPORTED_MODULE_1__["default"].name, _FormItemContext__WEBPACK_IMPORTED_MODULE_1__["default"]); return app; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_Form__WEBPACK_IMPORTED_MODULE_0__["default"]); /***/ }), /***/ "./components/form/style/explain.ts": /*!******************************************!*\ !*** ./components/form/style/explain.ts ***! \******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); const genFormValidateMotionStyle = token => { const { componentCls } = token; const helpCls = `${componentCls}-show-help`; const helpItemCls = `${componentCls}-show-help-item`; return { [helpCls]: { // Explain holder transition: `opacity ${token.motionDurationSlow} ${token.motionEaseInOut}`, '&-appear, &-enter': { opacity: 0, '&-active': { opacity: 1 } }, '&-leave': { opacity: 1, '&-active': { opacity: 0 } }, // Explain [helpItemCls]: { overflow: 'hidden', transition: `height ${token.motionDurationSlow} ${token.motionEaseInOut}, opacity ${token.motionDurationSlow} ${token.motionEaseInOut}, transform ${token.motionDurationSlow} ${token.motionEaseInOut} !important`, [`&${helpItemCls}-appear, &${helpItemCls}-enter`]: { transform: `translateY(-5px)`, opacity: 0, [`&-active`]: { transform: 'translateY(0)', opacity: 1 } }, [`&${helpItemCls}-leave-active`]: { transform: `translateY(-5px)` } } } }; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (genFormValidateMotionStyle); /***/ }), /***/ "./components/form/style/index.ts": /*!****************************************!*\ !*** ./components/form/style/index.ts ***! \****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _style_motion__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../style/motion */ "./components/style/motion/zoom.ts"); /* harmony import */ var _style_motion__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../style/motion */ "./components/style/motion/collapse.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/genComponentStyleHook.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/statistic.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../style */ "./components/style/index.ts"); /* harmony import */ var _explain__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./explain */ "./components/form/style/explain.ts"); const resetForm = token => ({ legend: { display: 'block', width: '100%', marginBottom: token.marginLG, padding: 0, color: token.colorTextDescription, fontSize: token.fontSizeLG, lineHeight: 'inherit', border: 0, borderBottom: `${token.lineWidth}px ${token.lineType} ${token.colorBorder}` }, label: { fontSize: token.fontSize }, 'input[type="search"]': { boxSizing: 'border-box' }, // Position radios and checkboxes better 'input[type="radio"], input[type="checkbox"]': { lineHeight: 'normal' }, 'input[type="file"]': { display: 'block' }, // Make range inputs behave like textual form controls 'input[type="range"]': { display: 'block', width: '100%' }, // Make multiple select elements height not fixed 'select[multiple], select[size]': { height: 'auto' }, // Focus for file, radio, and checkbox [`input[type='file']:focus, input[type='radio']:focus, input[type='checkbox']:focus`]: { outline: 0, boxShadow: `0 0 0 ${token.controlOutlineWidth}px ${token.controlOutline}` }, // Adjust output element output: { display: 'block', paddingTop: 15, color: token.colorText, fontSize: token.fontSize, lineHeight: token.lineHeight } }); const genFormSize = (token, height) => { const { formItemCls } = token; return { [formItemCls]: { [`${formItemCls}-label > label`]: { height }, [`${formItemCls}-control-input`]: { minHeight: height } } }; }; const genFormStyle = token => { const { componentCls } = token; return { [token.componentCls]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_1__.resetComponent)(token)), resetForm(token)), { [`${componentCls}-text`]: { display: 'inline-block', paddingInlineEnd: token.paddingSM }, // ================================================================ // = Size = // ================================================================ '&-small': (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, genFormSize(token, token.controlHeightSM)), '&-large': (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, genFormSize(token, token.controlHeightLG)) }) }; }; const genFormItemStyle = token => { const { formItemCls, iconCls, componentCls, rootPrefixCls } = token; return { [formItemCls]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_1__.resetComponent)(token)), { marginBottom: token.marginLG, verticalAlign: 'top', '&-with-help': { transition: 'none' }, [`&-hidden, &-hidden.${rootPrefixCls}-row`]: { // https://github.com/ant-design/ant-design/issues/26141 display: 'none' }, '&-has-warning': { [`${formItemCls}-split`]: { color: token.colorError } }, '&-has-error': { [`${formItemCls}-split`]: { color: token.colorWarning } }, // ============================================================== // = Label = // ============================================================== [`${formItemCls}-label`]: { display: 'inline-block', flexGrow: 0, overflow: 'hidden', whiteSpace: 'nowrap', textAlign: 'end', verticalAlign: 'middle', '&-left': { textAlign: 'start' }, '&-wrap': { overflow: 'unset', lineHeight: `${token.lineHeight} - 0.25em`, whiteSpace: 'unset' }, '> label': { position: 'relative', display: 'inline-flex', alignItems: 'center', maxWidth: '100%', height: token.controlHeight, color: token.colorTextHeading, fontSize: token.fontSize, [`> ${iconCls}`]: { fontSize: token.fontSize, verticalAlign: 'top' }, // Required mark [`&${formItemCls}-required:not(${formItemCls}-required-mark-optional)::before`]: { display: 'inline-block', marginInlineEnd: token.marginXXS, color: token.colorError, fontSize: token.fontSize, fontFamily: 'SimSun, sans-serif', lineHeight: 1, content: '"*"', [`${componentCls}-hide-required-mark &`]: { display: 'none' } }, // Optional mark [`${formItemCls}-optional`]: { display: 'inline-block', marginInlineStart: token.marginXXS, color: token.colorTextDescription, [`${componentCls}-hide-required-mark &`]: { display: 'none' } }, // Optional mark [`${formItemCls}-tooltip`]: { color: token.colorTextDescription, cursor: 'help', writingMode: 'horizontal-tb', marginInlineStart: token.marginXXS }, '&::after': { content: '":"', position: 'relative', marginBlock: 0, marginInlineStart: token.marginXXS / 2, marginInlineEnd: token.marginXS }, [`&${formItemCls}-no-colon::after`]: { content: '" "' } } }, // ============================================================== // = Input = // ============================================================== [`${formItemCls}-control`]: { display: 'flex', flexDirection: 'column', flexGrow: 1, [`&:first-child:not([class^="'${rootPrefixCls}-col-'"]):not([class*="' ${rootPrefixCls}-col-'"])`]: { width: '100%' }, '&-input': { position: 'relative', display: 'flex', alignItems: 'center', minHeight: token.controlHeight, '&-content': { flex: 'auto', maxWidth: '100%' } } }, // ============================================================== // = Explain = // ============================================================== [formItemCls]: { '&-explain, &-extra': { clear: 'both', color: token.colorTextDescription, fontSize: token.fontSize, lineHeight: token.lineHeight }, '&-explain-connected': { width: '100%' }, '&-extra': { minHeight: token.controlHeightSM, transition: `color ${token.motionDurationMid} ${token.motionEaseOut}` // sync input color transition }, '&-explain': { '&-error': { color: token.colorError }, '&-warning': { color: token.colorWarning } } }, [`&-with-help ${formItemCls}-explain`]: { height: 'auto', opacity: 1 }, // ============================================================== // = Feedback Icon = // ============================================================== [`${formItemCls}-feedback-icon`]: { fontSize: token.fontSize, textAlign: 'center', visibility: 'visible', animationName: _style_motion__WEBPACK_IMPORTED_MODULE_2__.zoomIn, animationDuration: token.motionDurationMid, animationTimingFunction: token.motionEaseOutBack, pointerEvents: 'none', '&-success': { color: token.colorSuccess }, '&-error': { color: token.colorError }, '&-warning': { color: token.colorWarning }, '&-validating': { color: token.colorPrimary } } }) }; }; const genHorizontalStyle = token => { const { componentCls, formItemCls, rootPrefixCls } = token; return { [`${componentCls}-horizontal`]: { [`${formItemCls}-label`]: { flexGrow: 0 }, [`${formItemCls}-control`]: { flex: '1 1 0', // https://github.com/ant-design/ant-design/issues/32777 // https://github.com/ant-design/ant-design/issues/33773 minWidth: 0 }, // https://github.com/ant-design/ant-design/issues/32980 [`${formItemCls}-label.${rootPrefixCls}-col-24 + ${formItemCls}-control`]: { minWidth: 'unset' } } }; }; const genInlineStyle = token => { const { componentCls, formItemCls } = token; return { [`${componentCls}-inline`]: { display: 'flex', flexWrap: 'wrap', [formItemCls]: { flex: 'none', flexWrap: 'nowrap', marginInlineEnd: token.margin, marginBottom: 0, '&-with-help': { marginBottom: token.marginLG }, [`> ${formItemCls}-label, > ${formItemCls}-control`]: { display: 'inline-block', verticalAlign: 'top' }, [`> ${formItemCls}-label`]: { flex: 'none' }, [`${componentCls}-text`]: { display: 'inline-block' }, [`${formItemCls}-has-feedback`]: { display: 'inline-block' } } } }; }; const makeVerticalLayoutLabel = token => ({ margin: 0, padding: `0 0 ${token.paddingXS}px`, whiteSpace: 'initial', textAlign: 'start', '> label': { margin: 0, '&::after': { display: 'none' } } }); const makeVerticalLayout = token => { const { componentCls, formItemCls } = token; return { [`${formItemCls} ${formItemCls}-label`]: makeVerticalLayoutLabel(token), [componentCls]: { [formItemCls]: { flexWrap: 'wrap', [`${formItemCls}-label, ${formItemCls}-control`]: { flex: '0 0 100%', maxWidth: '100%' } } } }; }; const genVerticalStyle = token => { const { componentCls, formItemCls, rootPrefixCls } = token; return { [`${componentCls}-vertical`]: { [formItemCls]: { '&-row': { flexDirection: 'column' }, '&-label > label': { height: 'auto' }, [`${componentCls}-item-control`]: { width: '100%' } } }, [`${componentCls}-vertical ${formItemCls}-label, .${rootPrefixCls}-col-24${formItemCls}-label, .${rootPrefixCls}-col-xl-24${formItemCls}-label`]: makeVerticalLayoutLabel(token), [`@media (max-width: ${token.screenXSMax}px)`]: [makeVerticalLayout(token), { [componentCls]: { [`.${rootPrefixCls}-col-xs-24${formItemCls}-label`]: makeVerticalLayoutLabel(token) } }], [`@media (max-width: ${token.screenSMMax}px)`]: { [componentCls]: { [`.${rootPrefixCls}-col-sm-24${formItemCls}-label`]: makeVerticalLayoutLabel(token) } }, [`@media (max-width: ${token.screenMDMax}px)`]: { [componentCls]: { [`.${rootPrefixCls}-col-md-24${formItemCls}-label`]: makeVerticalLayoutLabel(token) } }, [`@media (max-width: ${token.screenLGMax}px)`]: { [componentCls]: { [`.${rootPrefixCls}-col-lg-24${formItemCls}-label`]: makeVerticalLayoutLabel(token) } } }; }; // ============================== Export ============================== /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_theme_internal__WEBPACK_IMPORTED_MODULE_3__["default"])('Form', (token, _ref) => { let { rootPrefixCls } = _ref; const formToken = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_4__.merge)(token, { formItemCls: `${token.componentCls}-item`, rootPrefixCls }); return [genFormStyle(formToken), genFormItemStyle(formToken), (0,_explain__WEBPACK_IMPORTED_MODULE_5__["default"])(formToken), genHorizontalStyle(formToken), genInlineStyle(formToken), genVerticalStyle(formToken), (0,_style_motion__WEBPACK_IMPORTED_MODULE_6__["default"])(formToken), _style_motion__WEBPACK_IMPORTED_MODULE_2__.zoomIn]; })); /***/ }), /***/ "./components/form/useForm.ts": /*!************************************!*\ !*** ./components/form/useForm.ts ***! \************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var lodash_es_cloneDeep__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! lodash-es/cloneDeep */ "./node_modules/lodash-es/cloneDeep.js"); /* harmony import */ var lodash_es_intersection__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! lodash-es/intersection */ "./node_modules/lodash-es/intersection.js"); /* harmony import */ var lodash_es_isEqual__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! lodash-es/isEqual */ "./node_modules/lodash-es/isEqual.js"); /* harmony import */ var lodash_es_debounce__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! lodash-es/debounce */ "./node_modules/lodash-es/debounce.js"); /* harmony import */ var lodash_es_omit__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! lodash-es/omit */ "./node_modules/lodash-es/omit.js"); /* harmony import */ var _utils_validateUtil__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./utils/validateUtil */ "./components/form/utils/validateUtil.ts"); /* harmony import */ var _utils_messages__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./utils/messages */ "./components/form/utils/messages.ts"); /* harmony import */ var _utils_asyncUtil__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./utils/asyncUtil */ "./components/form/utils/asyncUtil.ts"); function isRequired(rules) { let isRequired = false; if (rules && rules.length) { rules.every(rule => { if (rule.required) { isRequired = true; return false; } return true; }); } return isRequired; } function toArray(value) { if (value === undefined || value === null) { return []; } return Array.isArray(value) ? value : [value]; } function getPropByPath(obj, path, strict) { let tempObj = obj; path = path.replace(/\[(\w+)\]/g, '.$1'); path = path.replace(/^\./, ''); const keyArr = path.split('.'); let i = 0; for (let len = keyArr.length; i < len - 1; ++i) { if (!tempObj && !strict) break; const key = keyArr[i]; if (key in tempObj) { tempObj = tempObj[key]; } else { if (strict) { throw new Error('please transfer a valid name path to validate!'); } break; } } return { o: tempObj, k: keyArr[i], v: tempObj ? tempObj[keyArr[i]] : null, isValid: tempObj && keyArr[i] in tempObj }; } function useForm(modelRef) { let rulesRef = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : (0,vue__WEBPACK_IMPORTED_MODULE_1__.ref)({}); let options = arguments.length > 2 ? arguments[2] : undefined; const initialModel = (0,lodash_es_cloneDeep__WEBPACK_IMPORTED_MODULE_2__["default"])((0,vue__WEBPACK_IMPORTED_MODULE_1__.unref)(modelRef)); const validateInfos = (0,vue__WEBPACK_IMPORTED_MODULE_1__.reactive)({}); const rulesKeys = (0,vue__WEBPACK_IMPORTED_MODULE_1__.shallowRef)([]); const resetFields = newValues => { (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,vue__WEBPACK_IMPORTED_MODULE_1__.unref)(modelRef), (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,lodash_es_cloneDeep__WEBPACK_IMPORTED_MODULE_2__["default"])(initialModel)), newValues)); (0,vue__WEBPACK_IMPORTED_MODULE_1__.nextTick)(() => { Object.keys(validateInfos).forEach(key => { validateInfos[key] = { autoLink: false, required: isRequired((0,vue__WEBPACK_IMPORTED_MODULE_1__.unref)(rulesRef)[key]) }; }); }); }; const filterRules = function () { let rules = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : []; let trigger = arguments.length > 1 ? arguments[1] : undefined; if (!trigger.length) { return rules; } else { return rules.filter(rule => { const triggerList = toArray(rule.trigger || 'change'); return (0,lodash_es_intersection__WEBPACK_IMPORTED_MODULE_3__["default"])(triggerList, trigger).length; }); } }; let lastValidatePromise = null; const validateFields = function (names) { let option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; let strict = arguments.length > 2 ? arguments[2] : undefined; // Collect result in promise list const promiseList = []; const values = {}; for (let i = 0; i < names.length; i++) { const name = names[i]; const prop = getPropByPath((0,vue__WEBPACK_IMPORTED_MODULE_1__.unref)(modelRef), name, strict); if (!prop.isValid) continue; values[name] = prop.v; const rules = filterRules((0,vue__WEBPACK_IMPORTED_MODULE_1__.unref)(rulesRef)[name], toArray(option && option.trigger)); if (rules.length) { promiseList.push(validateField(name, prop.v, rules, option || {}).then(() => ({ name, errors: [], warnings: [] })).catch(ruleErrors => { const mergedErrors = []; const mergedWarnings = []; ruleErrors.forEach(_ref => { let { rule: { warningOnly }, errors } = _ref; if (warningOnly) { mergedWarnings.push(...errors); } else { mergedErrors.push(...errors); } }); if (mergedErrors.length) { return Promise.reject({ name, errors: mergedErrors, warnings: mergedWarnings }); } return { name, errors: mergedErrors, warnings: mergedWarnings }; })); } } const summaryPromise = (0,_utils_asyncUtil__WEBPACK_IMPORTED_MODULE_4__.allPromiseFinish)(promiseList); lastValidatePromise = summaryPromise; const returnPromise = summaryPromise.then(() => { if (lastValidatePromise === summaryPromise) { return Promise.resolve(values); } return Promise.reject([]); }).catch(results => { const errorList = results.filter(result => result && result.errors.length); return errorList.length ? Promise.reject({ values, errorFields: errorList, outOfDate: lastValidatePromise !== summaryPromise }) : Promise.resolve(values); }); // Do not throw in console returnPromise.catch(e => e); return returnPromise; }; const validateField = function (name, value, rules) { let option = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {}; const promise = (0,_utils_validateUtil__WEBPACK_IMPORTED_MODULE_5__.validateRules)([name], value, rules, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ validateMessages: _utils_messages__WEBPACK_IMPORTED_MODULE_6__.defaultValidateMessages }, option), !!option.validateFirst); if (!validateInfos[name]) { return promise.catch(e => e); } validateInfos[name].validateStatus = 'validating'; promise.catch(e => e).then(function () { let results = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : []; var _a; if (validateInfos[name].validateStatus === 'validating') { const res = results.filter(result => result && result.errors.length); validateInfos[name].validateStatus = res.length ? 'error' : 'success'; validateInfos[name].help = res.length ? res.map(r => r.errors) : null; (_a = options === null || options === void 0 ? void 0 : options.onValidate) === null || _a === void 0 ? void 0 : _a.call(options, name, !res.length, res.length ? (0,vue__WEBPACK_IMPORTED_MODULE_1__.toRaw)(validateInfos[name].help[0]) : null); } }); return promise; }; const validate = (names, option) => { let keys = []; let strict = true; if (!names) { strict = false; keys = rulesKeys.value; } else if (Array.isArray(names)) { keys = names; } else { keys = [names]; } const promises = validateFields(keys, option || {}, strict); // Do not throw in console promises.catch(e => e); return promises; }; const clearValidate = names => { let keys = []; if (!names) { keys = rulesKeys.value; } else if (Array.isArray(names)) { keys = names; } else { keys = [names]; } keys.forEach(key => { validateInfos[key] && (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])(validateInfos[key], { validateStatus: '', help: null }); }); }; const mergeValidateInfo = items => { const info = { autoLink: false }; const help = []; const infos = Array.isArray(items) ? items : [items]; for (let i = 0; i < infos.length; i++) { const arg = infos[i]; if ((arg === null || arg === void 0 ? void 0 : arg.validateStatus) === 'error') { info.validateStatus = 'error'; arg.help && help.push(arg.help); } info.required = info.required || (arg === null || arg === void 0 ? void 0 : arg.required); } info.help = help; return info; }; let oldModel = initialModel; let isFirstTime = true; const modelFn = model => { const names = []; rulesKeys.value.forEach(key => { const prop = getPropByPath(model, key, false); const oldProp = getPropByPath(oldModel, key, false); const isFirstValidation = isFirstTime && (options === null || options === void 0 ? void 0 : options.immediate) && prop.isValid; if (isFirstValidation || !(0,lodash_es_isEqual__WEBPACK_IMPORTED_MODULE_7__["default"])(prop.v, oldProp.v)) { names.push(key); } }); validate(names, { trigger: 'change' }); isFirstTime = false; oldModel = (0,lodash_es_cloneDeep__WEBPACK_IMPORTED_MODULE_2__["default"])((0,vue__WEBPACK_IMPORTED_MODULE_1__.toRaw)(model)); }; const debounceOptions = options === null || options === void 0 ? void 0 : options.debounce; let first = true; (0,vue__WEBPACK_IMPORTED_MODULE_1__.watch)(rulesRef, () => { rulesKeys.value = rulesRef ? Object.keys((0,vue__WEBPACK_IMPORTED_MODULE_1__.unref)(rulesRef)) : []; if (!first && options && options.validateOnRuleChange) { validate(); } first = false; }, { deep: true, immediate: true }); (0,vue__WEBPACK_IMPORTED_MODULE_1__.watch)(rulesKeys, () => { const newValidateInfos = {}; rulesKeys.value.forEach(key => { newValidateInfos[key] = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, validateInfos[key], { autoLink: false, required: isRequired((0,vue__WEBPACK_IMPORTED_MODULE_1__.unref)(rulesRef)[key]) }); delete validateInfos[key]; }); for (const key in validateInfos) { if (Object.prototype.hasOwnProperty.call(validateInfos, key)) { delete validateInfos[key]; } } (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])(validateInfos, newValidateInfos); }, { immediate: true }); (0,vue__WEBPACK_IMPORTED_MODULE_1__.watch)(modelRef, debounceOptions && debounceOptions.wait ? (0,lodash_es_debounce__WEBPACK_IMPORTED_MODULE_8__["default"])(modelFn, debounceOptions.wait, (0,lodash_es_omit__WEBPACK_IMPORTED_MODULE_9__["default"])(debounceOptions, ['wait'])) : modelFn, { immediate: options && !!options.immediate, deep: true }); return { modelRef, rulesRef, initialModel, validateInfos, resetFields, validate, validateField, mergeValidateInfo, clearValidate }; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useForm); /***/ }), /***/ "./components/form/utils/asyncUtil.ts": /*!********************************************!*\ !*** ./components/form/utils/asyncUtil.ts ***! \********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ allPromiseFinish: () => (/* binding */ allPromiseFinish) /* harmony export */ }); function allPromiseFinish(promiseList) { let hasError = false; let count = promiseList.length; const results = []; if (!promiseList.length) { return Promise.resolve([]); } return new Promise((resolve, reject) => { promiseList.forEach((promise, index) => { promise.catch(e => { hasError = true; return e; }).then(result => { count -= 1; results[index] = result; if (count > 0) { return; } if (hasError) { reject(results); } resolve(results); }); }); }); } /***/ }), /***/ "./components/form/utils/messages.ts": /*!*******************************************!*\ !*** ./components/form/utils/messages.ts ***! \*******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ defaultValidateMessages: () => (/* binding */ defaultValidateMessages) /* harmony export */ }); const typeTemplate = "'${name}' is not a valid ${type}"; const defaultValidateMessages = { default: "Validation error on field '${name}'", required: "'${name}' is required", enum: "'${name}' must be one of [${enum}]", whitespace: "'${name}' cannot be empty", date: { format: "'${name}' is invalid for format date", parse: "'${name}' could not be parsed as date", invalid: "'${name}' is invalid date" }, types: { string: typeTemplate, method: typeTemplate, array: typeTemplate, object: typeTemplate, number: typeTemplate, date: typeTemplate, boolean: typeTemplate, integer: typeTemplate, float: typeTemplate, regexp: typeTemplate, email: typeTemplate, url: typeTemplate, hex: typeTemplate }, string: { len: "'${name}' must be exactly ${len} characters", min: "'${name}' must be at least ${min} characters", max: "'${name}' cannot be longer than ${max} characters", range: "'${name}' must be between ${min} and ${max} characters" }, number: { len: "'${name}' must equal ${len}", min: "'${name}' cannot be less than ${min}", max: "'${name}' cannot be greater than ${max}", range: "'${name}' must be between ${min} and ${max}" }, array: { len: "'${name}' must be exactly ${len} in length", min: "'${name}' cannot be less than ${min} in length", max: "'${name}' cannot be greater than ${max} in length", range: "'${name}' must be between ${min} and ${max} in length" }, pattern: { mismatch: "'${name}' does not match pattern ${pattern}" } }; /***/ }), /***/ "./components/form/utils/typeUtil.ts": /*!*******************************************!*\ !*** ./components/form/utils/typeUtil.ts ***! \*******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ toArray: () => (/* binding */ toArray) /* harmony export */ }); function toArray(value) { if (value === undefined || value === null) { return []; } return Array.isArray(value) ? value : [value]; } /***/ }), /***/ "./components/form/utils/useDebounce.ts": /*!**********************************************!*\ !*** ./components/form/utils/useDebounce.ts ***! \**********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ useDebounce) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); function useDebounce(value) { const cacheValue = (0,vue__WEBPACK_IMPORTED_MODULE_0__.shallowRef)(value.value.slice()); let timeout = null; (0,vue__WEBPACK_IMPORTED_MODULE_0__.watchEffect)(() => { clearTimeout(timeout); timeout = setTimeout(() => { cacheValue.value = value.value; }, value.value.length ? 0 : 10); }); return cacheValue; } /***/ }), /***/ "./components/form/utils/validateUtil.ts": /*!***********************************************!*\ !*** ./components/form/utils/validateUtil.ts ***! \***********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ validateRules: () => (/* binding */ validateRules) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var async_validator__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! async-validator */ "./node_modules/async-validator/dist-web/index.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _vc_util_warning__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../vc-util/warning */ "./components/vc-util/warning.ts"); /* harmony import */ var _valueUtil__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./valueUtil */ "./components/form/utils/valueUtil.ts"); /* harmony import */ var _messages__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./messages */ "./components/form/utils/messages.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../_util/props-util */ "./components/_util/props-util/index.ts"); var __awaiter = undefined && undefined.__awaiter || function (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()); }); }; // Remove incorrect original ts define const AsyncValidator = async_validator__WEBPACK_IMPORTED_MODULE_2__["default"]; /** * Replace with template. * `I'm ${name}` + { name: 'bamboo' } = I'm bamboo */ function replaceMessage(template, kv) { return template.replace(/\$\{\w+\}/g, str => { const key = str.slice(2, -1); return kv[key]; }); } function validateRule(name, value, rule, options, messageVariables) { return __awaiter(this, void 0, void 0, function* () { const cloneRule = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, rule); // Bug of `async-validator` delete cloneRule.ruleIndex; delete cloneRule.trigger; // We should special handle array validate let subRuleField = null; if (cloneRule && cloneRule.type === 'array' && cloneRule.defaultField) { subRuleField = cloneRule.defaultField; delete cloneRule.defaultField; } const validator = new AsyncValidator({ [name]: [cloneRule] }); const messages = (0,_valueUtil__WEBPACK_IMPORTED_MODULE_3__.setValues)({}, _messages__WEBPACK_IMPORTED_MODULE_4__.defaultValidateMessages, options.validateMessages); validator.messages(messages); let result = []; try { yield Promise.resolve(validator.validate({ [name]: value }, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, options))); } catch (errObj) { if (errObj.errors) { result = errObj.errors.map((_ref, index) => { let { message } = _ref; return ( // Wrap VueNode with `key` (0,_util_props_util__WEBPACK_IMPORTED_MODULE_5__.isValidElement)(message) ? (0,vue__WEBPACK_IMPORTED_MODULE_1__.cloneVNode)(message, { key: `error_${index}` }) : message ); }); } else { console.error(errObj); result = [messages.default()]; } } if (!result.length && subRuleField) { const subResults = yield Promise.all(value.map((subValue, i) => validateRule(`${name}.${i}`, subValue, subRuleField, options, messageVariables))); return subResults.reduce((prev, errors) => [...prev, ...errors], []); } // Replace message with variables const kv = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, rule), { name, enum: (rule.enum || []).join(', ') }), messageVariables); const fillVariableResult = result.map(error => { if (typeof error === 'string') { return replaceMessage(error, kv); } return error; }); return fillVariableResult; }); } /** * We use `async-validator` to validate the value. * But only check one value in a time to avoid namePath validate issue. */ function validateRules(namePath, value, rules, options, validateFirst, messageVariables) { const name = namePath.join('.'); // Fill rule with context const filledRules = rules.map((currentRule, ruleIndex) => { const originValidatorFunc = currentRule.validator; const cloneRule = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, currentRule), { ruleIndex }); // Replace validator if needed if (originValidatorFunc) { cloneRule.validator = (rule, val, callback) => { let hasPromise = false; // Wrap callback only accept when promise not provided const wrappedCallback = function () { for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) { args[_key] = arguments[_key]; } // Wait a tick to make sure return type is a promise Promise.resolve().then(() => { (0,_vc_util_warning__WEBPACK_IMPORTED_MODULE_6__.warning)(!hasPromise, 'Your validator function has already return a promise. `callback` will be ignored.'); if (!hasPromise) { callback(...args); } }); }; // Get promise const promise = originValidatorFunc(rule, val, wrappedCallback); hasPromise = promise && typeof promise.then === 'function' && typeof promise.catch === 'function'; /** * 1. Use promise as the first priority. * 2. If promise not exist, use callback with warning instead */ (0,_vc_util_warning__WEBPACK_IMPORTED_MODULE_6__.warning)(hasPromise, '`callback` is deprecated. Please return a promise instead.'); if (hasPromise) { promise.then(() => { callback(); }).catch(err => { callback(err || ' '); }); } }; } return cloneRule; }).sort((_ref2, _ref3) => { let { warningOnly: w1, ruleIndex: i1 } = _ref2; let { warningOnly: w2, ruleIndex: i2 } = _ref3; if (!!w1 === !!w2) { // Let keep origin order return i1 - i2; } if (w1) { return 1; } return -1; }); // Do validate rules let summaryPromise; if (validateFirst === true) { // >>>>> Validate by serialization summaryPromise = new Promise((resolve, reject) => __awaiter(this, void 0, void 0, function* () { /* eslint-disable no-await-in-loop */ for (let i = 0; i < filledRules.length; i += 1) { const rule = filledRules[i]; const errors = yield validateRule(name, value, rule, options, messageVariables); if (errors.length) { reject([{ errors, rule }]); return; } } /* eslint-enable */ resolve([]); })); } else { // >>>>> Validate by parallel const rulePromises = filledRules.map(rule => validateRule(name, value, rule, options, messageVariables).then(errors => ({ errors, rule }))); summaryPromise = (validateFirst ? finishOnFirstFailed(rulePromises) : finishOnAllFailed(rulePromises)).then(errors => { // Always change to rejection for Field to catch return Promise.reject(errors); }); } // Internal catch error to avoid console error log. summaryPromise.catch(e => e); return summaryPromise; } function finishOnAllFailed(rulePromises) { return __awaiter(this, void 0, void 0, function* () { return Promise.all(rulePromises).then(errorsList => { const errors = [].concat(...errorsList); return errors; }); }); } function finishOnFirstFailed(rulePromises) { return __awaiter(this, void 0, void 0, function* () { let count = 0; return new Promise(resolve => { rulePromises.forEach(promise => { promise.then(ruleError => { if (ruleError.errors.length) { resolve([ruleError]); } count += 1; if (count === rulePromises.length) { resolve([]); } }); }); }); }); } /***/ }), /***/ "./components/form/utils/valueUtil.ts": /*!********************************************!*\ !*** ./components/form/utils/valueUtil.ts ***! \********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ cloneByNamePathList: () => (/* binding */ cloneByNamePathList), /* harmony export */ containsNamePath: () => (/* binding */ containsNamePath), /* harmony export */ getNamePath: () => (/* binding */ getNamePath), /* harmony export */ getValue: () => (/* binding */ getValue), /* harmony export */ matchNamePath: () => (/* binding */ matchNamePath), /* harmony export */ setValue: () => (/* binding */ setValue), /* harmony export */ setValues: () => (/* binding */ setValues) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _typeUtil__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./typeUtil */ "./components/form/utils/typeUtil.ts"); /* harmony import */ var _vc_util_get__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../vc-util/get */ "./components/vc-util/get.ts"); /* harmony import */ var _vc_util_set__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../vc-util/set */ "./components/vc-util/set.ts"); /** * Convert name to internal supported format. * This function should keep since we still thinking if need support like `a.b.c` format. * 'a' => ['a'] * 123 => [123] * ['a', 123] => ['a', 123] */ function getNamePath(path) { return (0,_typeUtil__WEBPACK_IMPORTED_MODULE_1__.toArray)(path); } function getValue(store, namePath) { const value = (0,_vc_util_get__WEBPACK_IMPORTED_MODULE_2__["default"])(store, namePath); return value; } function setValue(store, namePath, value) { let removeIfUndefined = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false; const newStore = (0,_vc_util_set__WEBPACK_IMPORTED_MODULE_3__["default"])(store, namePath, value, removeIfUndefined); return newStore; } function containsNamePath(namePathList, namePath) { return namePathList && namePathList.some(path => matchNamePath(path, namePath)); } function isObject(obj) { return typeof obj === 'object' && obj !== null && Object.getPrototypeOf(obj) === Object.prototype; } /** * Copy values into store and return a new values object * ({ a: 1, b: { c: 2 } }, { a: 4, b: { d: 5 } }) => { a: 4, b: { c: 2, d: 5 } } */ function internalSetValues(store, values) { const newStore = Array.isArray(store) ? [...store] : (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, store); if (!values) { return newStore; } Object.keys(values).forEach(key => { const prevValue = newStore[key]; const value = values[key]; // If both are object (but target is not array), we use recursion to set deep value const recursive = isObject(prevValue) && isObject(value); newStore[key] = recursive ? internalSetValues(prevValue, value || {}) : value; }); return newStore; } function setValues(store) { for (var _len = arguments.length, restValues = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) { restValues[_key - 1] = arguments[_key]; } return restValues.reduce((current, newStore) => internalSetValues(current, newStore), store); } function cloneByNamePathList(store, namePathList) { let newStore = {}; namePathList.forEach(namePath => { const value = getValue(store, namePath); newStore = setValue(newStore, namePath, value); }); return newStore; } function matchNamePath(namePath, changedNamePath) { if (!namePath || !changedNamePath || namePath.length !== changedNamePath.length) { return false; } return namePath.every((nameUnit, i) => changedNamePath[i] === nameUnit); } /***/ }), /***/ "./components/grid/Col.tsx": /*!*********************************!*\ !*** ./components/grid/Col.tsx ***! \*********************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ colProps: () => (/* binding */ colProps), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./context */ "./components/grid/context.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./style */ "./components/grid/style/index.ts"); function parseFlex(flex) { if (typeof flex === 'number') { return `${flex} ${flex} auto`; } if (/^\d+(\.\d+)?(px|em|rem|%)$/.test(flex)) { return `0 0 ${flex}`; } return flex; } const colProps = () => ({ span: [String, Number], order: [String, Number], offset: [String, Number], push: [String, Number], pull: [String, Number], xs: { type: [String, Number, Object], default: undefined }, sm: { type: [String, Number, Object], default: undefined }, md: { type: [String, Number, Object], default: undefined }, lg: { type: [String, Number, Object], default: undefined }, xl: { type: [String, Number, Object], default: undefined }, xxl: { type: [String, Number, Object], default: undefined }, prefixCls: String, flex: [String, Number] }); const sizes = ['xs', 'sm', 'md', 'lg', 'xl', 'xxl']; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'ACol', inheritAttrs: false, props: colProps(), setup(props, _ref) { let { slots, attrs } = _ref; const { gutter, supportFlexGap, wrap } = (0,_context__WEBPACK_IMPORTED_MODULE_3__.useInjectRow)(); const { prefixCls, direction } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_4__["default"])('col', props); const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_5__.useColStyle)(prefixCls); const classes = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { const { span, order, offset, push, pull } = props; const pre = prefixCls.value; let sizeClassObj = {}; sizes.forEach(size => { let sizeProps = {}; const propSize = props[size]; if (typeof propSize === 'number') { sizeProps.span = propSize; } else if (typeof propSize === 'object') { sizeProps = propSize || {}; } sizeClassObj = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, sizeClassObj), { [`${pre}-${size}-${sizeProps.span}`]: sizeProps.span !== undefined, [`${pre}-${size}-order-${sizeProps.order}`]: sizeProps.order || sizeProps.order === 0, [`${pre}-${size}-offset-${sizeProps.offset}`]: sizeProps.offset || sizeProps.offset === 0, [`${pre}-${size}-push-${sizeProps.push}`]: sizeProps.push || sizeProps.push === 0, [`${pre}-${size}-pull-${sizeProps.pull}`]: sizeProps.pull || sizeProps.pull === 0, [`${pre}-rtl`]: direction.value === 'rtl' }); }); return (0,_util_classNames__WEBPACK_IMPORTED_MODULE_6__["default"])(pre, { [`${pre}-${span}`]: span !== undefined, [`${pre}-order-${order}`]: order, [`${pre}-offset-${offset}`]: offset, [`${pre}-push-${push}`]: push, [`${pre}-pull-${pull}`]: pull }, sizeClassObj, attrs.class, hashId.value); }); const mergedStyle = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { const { flex } = props; const gutterVal = gutter.value; const style = {}; // Horizontal gutter use padding if (gutterVal && gutterVal[0] > 0) { const horizontalGutter = `${gutterVal[0] / 2}px`; style.paddingLeft = horizontalGutter; style.paddingRight = horizontalGutter; } // Vertical gutter use padding when gap not support if (gutterVal && gutterVal[1] > 0 && !supportFlexGap.value) { const verticalGutter = `${gutterVal[1] / 2}px`; style.paddingTop = verticalGutter; style.paddingBottom = verticalGutter; } if (flex) { style.flex = parseFlex(flex); // Hack for Firefox to avoid size issue // https://github.com/ant-design/ant-design/pull/20023#issuecomment-564389553 if (wrap.value === false && !style.minWidth) { style.minWidth = 0; } } return style; }); return () => { var _a; return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, attrs), {}, { "class": classes.value, "style": [mergedStyle.value, attrs.style] }), [(_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)])); }; } })); /***/ }), /***/ "./components/grid/Row.tsx": /*!*********************************!*\ !*** ./components/grid/Row.tsx ***! \*********************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ rowProps: () => (/* binding */ rowProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _util_responsiveObserve__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../_util/responsiveObserve */ "./components/_util/responsiveObserve.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _util_hooks_useFlexGapSupport__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../_util/hooks/useFlexGapSupport */ "./components/_util/hooks/useFlexGapSupport.ts"); /* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./context */ "./components/grid/context.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./style */ "./components/grid/style/index.ts"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); const RowAligns = ['top', 'middle', 'bottom', 'stretch']; const RowJustify = ['start', 'end', 'center', 'space-around', 'space-between', 'space-evenly']; const rowProps = () => ({ align: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.someType)([String, Object]), justify: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.someType)([String, Object]), prefixCls: String, gutter: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.someType)([Number, Array, Object], 0), wrap: { type: Boolean, default: undefined } }); const ARow = (0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'ARow', inheritAttrs: false, props: rowProps(), setup(props, _ref) { let { slots, attrs } = _ref; const { prefixCls, direction } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_4__["default"])('row', props); const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_5__.useRowStyle)(prefixCls); let token; const responsiveObserve = (0,_util_responsiveObserve__WEBPACK_IMPORTED_MODULE_6__["default"])(); const screens = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)({ xs: true, sm: true, md: true, lg: true, xl: true, xxl: true }); const curScreens = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)({ xs: false, sm: false, md: false, lg: false, xl: false, xxl: false }); const mergePropsByScreen = oriProp => { return (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { if (typeof props[oriProp] === 'string') { return props[oriProp]; } if (typeof props[oriProp] !== 'object') { return ''; } for (let i = 0; i < _util_responsiveObserve__WEBPACK_IMPORTED_MODULE_6__.responsiveArray.length; i++) { const breakpoint = _util_responsiveObserve__WEBPACK_IMPORTED_MODULE_6__.responsiveArray[i]; // if do not match, do nothing if (!curScreens.value[breakpoint]) continue; const curVal = props[oriProp][breakpoint]; if (curVal !== undefined) { return curVal; } } return ''; }); }; const mergeAlign = mergePropsByScreen('align'); const mergeJustify = mergePropsByScreen('justify'); const supportFlexGap = (0,_util_hooks_useFlexGapSupport__WEBPACK_IMPORTED_MODULE_7__["default"])(); (0,vue__WEBPACK_IMPORTED_MODULE_2__.onMounted)(() => { token = responsiveObserve.value.subscribe(screen => { curScreens.value = screen; const currentGutter = props.gutter || 0; if (!Array.isArray(currentGutter) && typeof currentGutter === 'object' || Array.isArray(currentGutter) && (typeof currentGutter[0] === 'object' || typeof currentGutter[1] === 'object')) { screens.value = screen; } }); }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.onBeforeUnmount)(() => { responsiveObserve.value.unsubscribe(token); }); const gutter = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { const results = [undefined, undefined]; const { gutter = 0 } = props; const normalizedGutter = Array.isArray(gutter) ? gutter : [gutter, undefined]; normalizedGutter.forEach((g, index) => { if (typeof g === 'object') { for (let i = 0; i < _util_responsiveObserve__WEBPACK_IMPORTED_MODULE_6__.responsiveArray.length; i++) { const breakpoint = _util_responsiveObserve__WEBPACK_IMPORTED_MODULE_6__.responsiveArray[i]; if (screens.value[breakpoint] && g[breakpoint] !== undefined) { results[index] = g[breakpoint]; break; } } } else { results[index] = g; } }); return results; }); (0,_context__WEBPACK_IMPORTED_MODULE_8__["default"])({ gutter, supportFlexGap, wrap: (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.wrap) }); const classes = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => (0,_util_classNames__WEBPACK_IMPORTED_MODULE_9__["default"])(prefixCls.value, { [`${prefixCls.value}-no-wrap`]: props.wrap === false, [`${prefixCls.value}-${mergeJustify.value}`]: mergeJustify.value, [`${prefixCls.value}-${mergeAlign.value}`]: mergeAlign.value, [`${prefixCls.value}-rtl`]: direction.value === 'rtl' }, attrs.class, hashId.value)); const rowStyle = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { const gt = gutter.value; // Add gutter related style const style = {}; const horizontalGutter = gt[0] != null && gt[0] > 0 ? `${gt[0] / -2}px` : undefined; const verticalGutter = gt[1] != null && gt[1] > 0 ? `${gt[1] / -2}px` : undefined; if (horizontalGutter) { style.marginLeft = horizontalGutter; style.marginRight = horizontalGutter; } if (supportFlexGap.value) { // Set gap direct if flex gap support style.rowGap = `${gt[1]}px`; } else if (verticalGutter) { style.marginTop = verticalGutter; style.marginBottom = verticalGutter; } return style; }); return () => { var _a; return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, attrs), {}, { "class": classes.value, "style": (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, rowStyle.value), attrs.style) }), [(_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)])); }; } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ARow); /***/ }), /***/ "./components/grid/context.ts": /*!************************************!*\ !*** ./components/grid/context.ts ***! \************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ RowContextKey: () => (/* binding */ RowContextKey), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ useInjectRow: () => (/* binding */ useInjectRow), /* harmony export */ useProvideRow: () => (/* binding */ useProvideRow) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); const RowContextKey = Symbol('rowContextKey'); const useProvideRow = state => { (0,vue__WEBPACK_IMPORTED_MODULE_0__.provide)(RowContextKey, state); }; const useInjectRow = () => { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.inject)(RowContextKey, { gutter: (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => undefined), wrap: (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => undefined), supportFlexGap: (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => undefined) }); }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useProvideRow); /***/ }), /***/ "./components/grid/index.ts": /*!**********************************!*\ !*** ./components/grid/index.ts ***! \**********************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ Col: () => (/* reexport safe */ _Col__WEBPACK_IMPORTED_MODULE_1__["default"]), /* harmony export */ Row: () => (/* reexport safe */ _Row__WEBPACK_IMPORTED_MODULE_0__["default"]), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _Row__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Row */ "./components/grid/Row.tsx"); /* harmony import */ var _Col__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Col */ "./components/grid/Col.tsx"); /* harmony import */ var _util_hooks_useBreakpoint__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../_util/hooks/useBreakpoint */ "./components/_util/hooks/useBreakpoint.ts"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({ useBreakpoint: _util_hooks_useBreakpoint__WEBPACK_IMPORTED_MODULE_2__["default"] }); /***/ }), /***/ "./components/grid/style/index.ts": /*!****************************************!*\ !*** ./components/grid/style/index.ts ***! \****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ useColStyle: () => (/* binding */ useColStyle), /* harmony export */ useRowStyle: () => (/* binding */ useRowStyle) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/genComponentStyleHook.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/statistic.ts"); // ============================== Row-Shared ============================== const genGridRowStyle = token => { const { componentCls } = token; return { // Grid system [componentCls]: { display: 'flex', flexFlow: 'row wrap', minWidth: 0, '&::before, &::after': { display: 'flex' }, '&-no-wrap': { flexWrap: 'nowrap' }, // The origin of the X-axis '&-start': { justifyContent: 'flex-start' }, // The center of the X-axis '&-center': { justifyContent: 'center' }, // The opposite of the X-axis '&-end': { justifyContent: 'flex-end' }, '&-space-between': { justifyContent: 'space-between' }, '&-space-around ': { justifyContent: 'space-around' }, '&-space-evenly ': { justifyContent: 'space-evenly' }, // Align at the top '&-top': { alignItems: 'flex-start' }, // Align at the center '&-middle': { alignItems: 'center' }, '&-bottom': { alignItems: 'flex-end' } } }; }; // ============================== Col-Shared ============================== const genGridColStyle = token => { const { componentCls } = token; return { // Grid system [componentCls]: { position: 'relative', maxWidth: '100%', // Prevent columns from collapsing when empty minHeight: 1 } }; }; const genLoopGridColumnsStyle = (token, sizeCls) => { const { componentCls, gridColumns } = token; const gridColumnsStyle = {}; for (let i = gridColumns; i >= 0; i--) { if (i === 0) { gridColumnsStyle[`${componentCls}${sizeCls}-${i}`] = { display: 'none' }; gridColumnsStyle[`${componentCls}-push-${i}`] = { insetInlineStart: 'auto' }; gridColumnsStyle[`${componentCls}-pull-${i}`] = { insetInlineEnd: 'auto' }; gridColumnsStyle[`${componentCls}${sizeCls}-push-${i}`] = { insetInlineStart: 'auto' }; gridColumnsStyle[`${componentCls}${sizeCls}-pull-${i}`] = { insetInlineEnd: 'auto' }; gridColumnsStyle[`${componentCls}${sizeCls}-offset-${i}`] = { marginInlineEnd: 0 }; gridColumnsStyle[`${componentCls}${sizeCls}-order-${i}`] = { order: 0 }; } else { gridColumnsStyle[`${componentCls}${sizeCls}-${i}`] = { display: 'block', flex: `0 0 ${i / gridColumns * 100}%`, maxWidth: `${i / gridColumns * 100}%` }; gridColumnsStyle[`${componentCls}${sizeCls}-push-${i}`] = { insetInlineStart: `${i / gridColumns * 100}%` }; gridColumnsStyle[`${componentCls}${sizeCls}-pull-${i}`] = { insetInlineEnd: `${i / gridColumns * 100}%` }; gridColumnsStyle[`${componentCls}${sizeCls}-offset-${i}`] = { marginInlineStart: `${i / gridColumns * 100}%` }; gridColumnsStyle[`${componentCls}${sizeCls}-order-${i}`] = { order: i }; } } return gridColumnsStyle; }; const genGridStyle = (token, sizeCls) => genLoopGridColumnsStyle(token, sizeCls); const genGridMediaStyle = (token, screenSize, sizeCls) => ({ [`@media (min-width: ${screenSize}px)`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, genGridStyle(token, sizeCls)) }); // ============================== Export ============================== const useRowStyle = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_1__["default"])('Grid', token => [genGridRowStyle(token)]); const useColStyle = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_1__["default"])('Grid', token => { const gridToken = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_2__.merge)(token, { gridColumns: 24 // Row is divided into 24 parts in Grid }); const gridMediaSizesMap = { '-sm': gridToken.screenSMMin, '-md': gridToken.screenMDMin, '-lg': gridToken.screenLGMin, '-xl': gridToken.screenXLMin, '-xxl': gridToken.screenXXLMin }; return [genGridColStyle(gridToken), genGridStyle(gridToken, ''), genGridStyle(gridToken, '-xs'), Object.keys(gridMediaSizesMap).map(key => genGridMediaStyle(gridToken, gridMediaSizesMap[key], key)).reduce((pre, cur) => (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, pre), cur), {})]; }); /***/ }), /***/ "./components/image/PreviewGroup.tsx": /*!*******************************************!*\ !*** ./components/image/PreviewGroup.tsx ***! \*******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ icons: () => (/* binding */ icons) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _vc_image_src_PreviewGroup__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../vc-image/src/PreviewGroup */ "./components/vc-image/src/PreviewGroup.tsx"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _ant_design_icons_vue_es_icons_RotateLeftOutlined__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/RotateLeftOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/RotateLeftOutlined.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_RotateRightOutlined__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/RotateRightOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/RotateRightOutlined.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_ZoomInOutlined__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/ZoomInOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/ZoomInOutlined.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_ZoomOutOutlined__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/ZoomOutOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/ZoomOutOutlined.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_CloseOutlined__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/CloseOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/CloseOutlined.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_LeftOutlined__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/LeftOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/LeftOutlined.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_RightOutlined__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/RightOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/RightOutlined.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_SwapOutlined__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/SwapOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/SwapOutlined.js"); /* harmony import */ var _util_transition__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../_util/transition */ "./components/_util/transition.tsx"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./style */ "./components/image/style/index.ts"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); const icons = { rotateLeft: (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_ant_design_icons_vue_es_icons_RotateLeftOutlined__WEBPACK_IMPORTED_MODULE_3__["default"], null, null), rotateRight: (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_ant_design_icons_vue_es_icons_RotateRightOutlined__WEBPACK_IMPORTED_MODULE_4__["default"], null, null), zoomIn: (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_ant_design_icons_vue_es_icons_ZoomInOutlined__WEBPACK_IMPORTED_MODULE_5__["default"], null, null), zoomOut: (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_ant_design_icons_vue_es_icons_ZoomOutOutlined__WEBPACK_IMPORTED_MODULE_6__["default"], null, null), close: (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_ant_design_icons_vue_es_icons_CloseOutlined__WEBPACK_IMPORTED_MODULE_7__["default"], null, null), left: (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_ant_design_icons_vue_es_icons_LeftOutlined__WEBPACK_IMPORTED_MODULE_8__["default"], null, null), right: (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_ant_design_icons_vue_es_icons_RightOutlined__WEBPACK_IMPORTED_MODULE_9__["default"], null, null), flipX: (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_ant_design_icons_vue_es_icons_SwapOutlined__WEBPACK_IMPORTED_MODULE_10__["default"], null, null), flipY: (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_ant_design_icons_vue_es_icons_SwapOutlined__WEBPACK_IMPORTED_MODULE_10__["default"], { "rotate": 90 }, null) }; const previewGroupProps = () => ({ previewPrefixCls: String, preview: (0,_util_type__WEBPACK_IMPORTED_MODULE_11__.anyType)() }); const InternalPreviewGroup = (0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'AImagePreviewGroup', inheritAttrs: false, props: previewGroupProps(), setup(props, _ref) { let { attrs, slots } = _ref; const { prefixCls, rootPrefixCls } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_12__["default"])('image', props); const previewPrefixCls = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => `${prefixCls.value}-preview`); const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_13__["default"])(prefixCls); const mergedPreview = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { const { preview } = props; if (preview === false) { return preview; } const _preview = typeof preview === 'object' ? preview : {}; return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, _preview), { rootClassName: hashId.value, transitionName: (0,_util_transition__WEBPACK_IMPORTED_MODULE_14__.getTransitionName)(rootPrefixCls.value, 'zoom', _preview.transitionName), maskTransitionName: (0,_util_transition__WEBPACK_IMPORTED_MODULE_14__.getTransitionName)(rootPrefixCls.value, 'fade', _preview.maskTransitionName) }); }); return () => { return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_vc_image_src_PreviewGroup__WEBPACK_IMPORTED_MODULE_15__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, attrs), props)), {}, { "preview": mergedPreview.value, "icons": icons, "previewPrefixCls": previewPrefixCls.value }), slots)); }; } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (InternalPreviewGroup); /***/ }), /***/ "./components/image/index.tsx": /*!************************************!*\ !*** ./components/image/index.tsx ***! \************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ ImagePreviewGroup: () => (/* reexport safe */ _PreviewGroup__WEBPACK_IMPORTED_MODULE_6__["default"]), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ imageProps: () => (/* reexport safe */ _vc_image_src_Image__WEBPACK_IMPORTED_MODULE_3__.imageProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _vc_image__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../vc-image */ "./components/vc-image/index.ts"); /* harmony import */ var _vc_image_src_Image__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../vc-image/src/Image */ "./components/vc-image/src/Image.tsx"); /* harmony import */ var _locale_en_US__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../locale/en_US */ "./components/locale/en_US.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _PreviewGroup__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./PreviewGroup */ "./components/image/PreviewGroup.tsx"); /* harmony import */ var _ant_design_icons_vue_es_icons_EyeOutlined__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/EyeOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/EyeOutlined.js"); /* harmony import */ var _util_transition__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../_util/transition */ "./components/_util/transition.tsx"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./style */ "./components/image/style/index.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); const Image = (0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ name: 'AImage', inheritAttrs: false, props: (0,_vc_image_src_Image__WEBPACK_IMPORTED_MODULE_3__.imageProps)(), setup(props, _ref) { let { slots, attrs } = _ref; const { prefixCls, rootPrefixCls, configProvider } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_4__["default"])('image', props); // Style const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_5__["default"])(prefixCls); const mergedPreview = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { const { preview } = props; if (preview === false) { return preview; } const _preview = typeof preview === 'object' ? preview : {}; return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({ icons: _PreviewGroup__WEBPACK_IMPORTED_MODULE_6__.icons }, _preview), { transitionName: (0,_util_transition__WEBPACK_IMPORTED_MODULE_7__.getTransitionName)(rootPrefixCls.value, 'zoom', _preview.transitionName), maskTransitionName: (0,_util_transition__WEBPACK_IMPORTED_MODULE_7__.getTransitionName)(rootPrefixCls.value, 'fade', _preview.maskTransitionName) }); }); return () => { var _a, _b; const imageLocale = ((_b = (_a = configProvider.locale) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.Image) || _locale_en_US__WEBPACK_IMPORTED_MODULE_8__["default"].Image; const defaultPreviewMask = () => (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": `${prefixCls.value}-mask-info` }, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_ant_design_icons_vue_es_icons_EyeOutlined__WEBPACK_IMPORTED_MODULE_9__["default"], null, null), imageLocale === null || imageLocale === void 0 ? void 0 : imageLocale.preview]); const { previewMask = slots.previewMask || defaultPreviewMask } = props; return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_vc_image__WEBPACK_IMPORTED_MODULE_10__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, attrs), props), { prefixCls: prefixCls.value })), {}, { "preview": mergedPreview.value, "rootClassName": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_11__["default"])(props.rootClassName, hashId.value) }), (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, slots), { previewMask: typeof previewMask === 'function' ? previewMask : null }))); }; } }); Image.PreviewGroup = _PreviewGroup__WEBPACK_IMPORTED_MODULE_6__["default"]; Image.install = function (app) { app.component(Image.name, Image); app.component(Image.PreviewGroup.name, Image.PreviewGroup); return app; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Image); /***/ }), /***/ "./components/image/style/index.ts": /*!*****************************************!*\ !*** ./components/image/style/index.ts ***! \*****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ genBoxStyle: () => (/* binding */ genBoxStyle), /* harmony export */ genImageMaskStyle: () => (/* binding */ genImageMaskStyle), /* harmony export */ genImagePreviewStyle: () => (/* binding */ genImagePreviewStyle), /* harmony export */ genPreviewOperationsStyle: () => (/* binding */ genPreviewOperationsStyle), /* harmony export */ genPreviewSwitchStyle: () => (/* binding */ genPreviewSwitchStyle) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @ctrl/tinycolor */ "./node_modules/@ctrl/tinycolor/dist/module/index.js"); /* harmony import */ var _modal_style__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../modal/style */ "./components/modal/style/index.ts"); /* harmony import */ var _style_motion__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../style/motion */ "./components/style/motion/zoom.ts"); /* harmony import */ var _style_motion__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../style/motion */ "./components/style/motion/fade.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/genComponentStyleHook.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/statistic.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../style */ "./components/style/index.ts"); const genBoxStyle = position => ({ position: position || 'absolute', inset: 0 }); const genImageMaskStyle = token => { const { iconCls, motionDurationSlow, paddingXXS, marginXXS, prefixCls } = token; return { position: 'absolute', inset: 0, display: 'flex', alignItems: 'center', justifyContent: 'center', color: '#fff', background: new _ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_1__.TinyColor('#000').setAlpha(0.5).toRgbString(), cursor: 'pointer', opacity: 0, transition: `opacity ${motionDurationSlow}`, [`.${prefixCls}-mask-info`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, _style__WEBPACK_IMPORTED_MODULE_2__.textEllipsis), { padding: `0 ${paddingXXS}px`, [iconCls]: { marginInlineEnd: marginXXS, svg: { verticalAlign: 'baseline' } } }) }; }; const genPreviewOperationsStyle = token => { const { previewCls, modalMaskBg, paddingSM, previewOperationColorDisabled, motionDurationSlow } = token; const operationBg = new _ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_1__.TinyColor(modalMaskBg).setAlpha(0.1); const operationBgHover = operationBg.clone().setAlpha(0.2); return { [`${previewCls}-operations`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_2__.resetComponent)(token)), { display: 'flex', flexDirection: 'row-reverse', alignItems: 'center', color: token.previewOperationColor, listStyle: 'none', background: operationBg.toRgbString(), pointerEvents: 'auto', '&-operation': { marginInlineStart: paddingSM, padding: paddingSM, cursor: 'pointer', transition: `all ${motionDurationSlow}`, userSelect: 'none', '&:hover': { background: operationBgHover.toRgbString() }, '&-disabled': { color: previewOperationColorDisabled, pointerEvents: 'none' }, '&:last-of-type': { marginInlineStart: 0 } }, '&-progress': { position: 'absolute', left: { _skip_check_: true, value: '50%' }, transform: 'translateX(-50%)' }, '&-icon': { fontSize: token.previewOperationSize } }) }; }; const genPreviewSwitchStyle = token => { const { modalMaskBg, iconCls, previewOperationColorDisabled, previewCls, zIndexPopup, motionDurationSlow } = token; const operationBg = new _ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_1__.TinyColor(modalMaskBg).setAlpha(0.1); const operationBgHover = operationBg.clone().setAlpha(0.2); return { [`${previewCls}-switch-left, ${previewCls}-switch-right`]: { position: 'fixed', insetBlockStart: '50%', zIndex: zIndexPopup + 1, display: 'flex', alignItems: 'center', justifyContent: 'center', width: token.imagePreviewSwitchSize, height: token.imagePreviewSwitchSize, marginTop: -token.imagePreviewSwitchSize / 2, color: token.previewOperationColor, background: operationBg.toRgbString(), borderRadius: '50%', transform: `translateY(-50%)`, cursor: 'pointer', transition: `all ${motionDurationSlow}`, pointerEvents: 'auto', userSelect: 'none', '&:hover': { background: operationBgHover.toRgbString() }, [`&-disabled`]: { '&, &:hover': { color: previewOperationColorDisabled, background: 'transparent', cursor: 'not-allowed', [`> ${iconCls}`]: { cursor: 'not-allowed' } } }, [`> ${iconCls}`]: { fontSize: token.previewOperationSize } }, [`${previewCls}-switch-left`]: { insetInlineStart: token.marginSM }, [`${previewCls}-switch-right`]: { insetInlineEnd: token.marginSM } }; }; const genImagePreviewStyle = token => { const { motionEaseOut, previewCls, motionDurationSlow, componentCls } = token; return [{ [`${componentCls}-preview-root`]: { [previewCls]: { height: '100%', textAlign: 'center', pointerEvents: 'none' }, [`${previewCls}-body`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, genBoxStyle()), { overflow: 'hidden' }), [`${previewCls}-img`]: { maxWidth: '100%', maxHeight: '100%', verticalAlign: 'middle', transform: 'scale3d(1, 1, 1)', cursor: 'grab', transition: `transform ${motionDurationSlow} ${motionEaseOut} 0s`, userSelect: 'none', pointerEvents: 'auto', '&-wrapper': (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, genBoxStyle()), { transition: `transform ${motionDurationSlow} ${motionEaseOut} 0s`, // https://github.com/ant-design/ant-design/issues/39913 // TailwindCSS will reset img default style. // Let's set back. display: 'flex', justifyContent: 'center', alignItems: 'center', '&::before': { display: 'inline-block', width: 1, height: '50%', marginInlineEnd: -1, content: '""' } }) }, [`${previewCls}-moving`]: { [`${previewCls}-preview-img`]: { cursor: 'grabbing', '&-wrapper': { transitionDuration: '0s' } } } } }, // Override { [`${componentCls}-preview-root`]: { [`${previewCls}-wrap`]: { zIndex: token.zIndexPopup } } }, // Preview operations & switch { [`${componentCls}-preview-operations-wrapper`]: { position: 'fixed', insetBlockStart: 0, insetInlineEnd: 0, zIndex: token.zIndexPopup + 1, width: '100%' }, '&': [genPreviewOperationsStyle(token), genPreviewSwitchStyle(token)] }]; }; const genImageStyle = token => { const { componentCls } = token; return { // ============================== image ============================== [componentCls]: { position: 'relative', display: 'inline-block', [`${componentCls}-img`]: { width: '100%', height: 'auto', verticalAlign: 'middle' }, [`${componentCls}-img-placeholder`]: { backgroundColor: token.colorBgContainerDisabled, backgroundImage: "url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQuNSAyLjVoLTEzQS41LjUgMCAwIDAgMSAzdjEwYS41LjUgMCAwIDAgLjUuNWgxM2EuNS41IDAgMCAwIC41LS41VjNhLjUuNSAwIDAgMC0uNS0uNXpNNS4yODEgNC43NWExIDEgMCAwIDEgMCAyIDEgMSAwIDAgMSAwLTJ6bTguMDMgNi44M2EuMTI3LjEyNyAwIDAgMS0uMDgxLjAzSDIuNzY5YS4xMjUuMTI1IDAgMCAxLS4wOTYtLjIwN2wyLjY2MS0zLjE1NmEuMTI2LjEyNiAwIDAgMSAuMTc3LS4wMTZsLjAxNi4wMTZMNy4wOCAxMC4wOWwyLjQ3LTIuOTNhLjEyNi4xMjYgMCAwIDEgLjE3Ny0uMDE2bC4wMTUuMDE2IDMuNTg4IDQuMjQ0YS4xMjcuMTI3IDAgMCAxLS4wMi4xNzV6IiBmaWxsPSIjOEM4QzhDIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=')", backgroundRepeat: 'no-repeat', backgroundPosition: 'center center', backgroundSize: '30%' }, [`${componentCls}-mask`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, genImageMaskStyle(token)), [`${componentCls}-mask:hover`]: { opacity: 1 }, [`${componentCls}-placeholder`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, genBoxStyle()) } }; }; const genPreviewMotion = token => { const { previewCls } = token; return { [`${previewCls}-root`]: (0,_style_motion__WEBPACK_IMPORTED_MODULE_3__.initZoomMotion)(token, 'zoom'), [`&`]: (0,_style_motion__WEBPACK_IMPORTED_MODULE_4__.initFadeMotion)(token, true) }; }; // ============================== Export ============================== /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_theme_internal__WEBPACK_IMPORTED_MODULE_5__["default"])('Image', token => { const previewCls = `${token.componentCls}-preview`; const imageToken = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_6__.merge)(token, { previewCls, modalMaskBg: new _ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_1__.TinyColor('#000').setAlpha(0.45).toRgbString(), imagePreviewSwitchSize: token.controlHeightLG }); return [genImageStyle(imageToken), genImagePreviewStyle(imageToken), (0,_modal_style__WEBPACK_IMPORTED_MODULE_7__.genModalMaskStyle)((0,_theme_internal__WEBPACK_IMPORTED_MODULE_6__.merge)(imageToken, { componentCls: previewCls })), genPreviewMotion(imageToken)]; }, token => ({ zIndexPopup: token.zIndexPopupBase + 80, previewOperationColor: new _ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_1__.TinyColor(token.colorTextLightSolid).toRgbString(), previewOperationColorDisabled: new _ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_1__.TinyColor(token.colorTextLightSolid).setAlpha(0.25).toRgbString(), previewOperationSize: token.fontSizeIcon * 1.5 // FIXME: fontSizeIconLG }))); /***/ }), /***/ "./components/index.ts": /*!*****************************!*\ !*** ./components/index.ts ***! \*****************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ Affix: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Affix), /* harmony export */ Alert: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Alert), /* harmony export */ Anchor: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Anchor), /* harmony export */ AnchorLink: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.AnchorLink), /* harmony export */ App: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.App), /* harmony export */ AutoComplete: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.AutoComplete), /* harmony export */ AutoCompleteOptGroup: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.AutoCompleteOptGroup), /* harmony export */ AutoCompleteOption: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.AutoCompleteOption), /* harmony export */ Avatar: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Avatar), /* harmony export */ AvatarGroup: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.AvatarGroup), /* harmony export */ BackTop: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.BackTop), /* harmony export */ Badge: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Badge), /* harmony export */ BadgeRibbon: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.BadgeRibbon), /* harmony export */ Breadcrumb: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Breadcrumb), /* harmony export */ BreadcrumbItem: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.BreadcrumbItem), /* harmony export */ BreadcrumbSeparator: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.BreadcrumbSeparator), /* harmony export */ Button: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Button), /* harmony export */ ButtonGroup: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.ButtonGroup), /* harmony export */ Calendar: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Calendar), /* harmony export */ Card: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Card), /* harmony export */ CardGrid: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.CardGrid), /* harmony export */ CardMeta: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.CardMeta), /* harmony export */ Carousel: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Carousel), /* harmony export */ Cascader: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Cascader), /* harmony export */ CheckableTag: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.CheckableTag), /* harmony export */ Checkbox: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Checkbox), /* harmony export */ CheckboxGroup: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.CheckboxGroup), /* harmony export */ Col: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Col), /* harmony export */ Collapse: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Collapse), /* harmony export */ CollapsePanel: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.CollapsePanel), /* harmony export */ Comment: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Comment), /* harmony export */ Compact: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Compact), /* harmony export */ ConfigProvider: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.ConfigProvider), /* harmony export */ DatePicker: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.DatePicker), /* harmony export */ Descriptions: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Descriptions), /* harmony export */ DescriptionsItem: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.DescriptionsItem), /* harmony export */ DirectoryTree: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.DirectoryTree), /* harmony export */ Divider: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Divider), /* harmony export */ Drawer: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Drawer), /* harmony export */ Dropdown: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Dropdown), /* harmony export */ DropdownButton: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.DropdownButton), /* harmony export */ Empty: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Empty), /* harmony export */ Flex: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Flex), /* harmony export */ FloatButton: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.FloatButton), /* harmony export */ FloatButtonGroup: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.FloatButtonGroup), /* harmony export */ Form: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Form), /* harmony export */ FormItem: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.FormItem), /* harmony export */ FormItemRest: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.FormItemRest), /* harmony export */ Grid: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Grid), /* harmony export */ Image: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Image), /* harmony export */ ImagePreviewGroup: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.ImagePreviewGroup), /* harmony export */ Input: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Input), /* harmony export */ InputGroup: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.InputGroup), /* harmony export */ InputNumber: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.InputNumber), /* harmony export */ InputPassword: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.InputPassword), /* harmony export */ InputSearch: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.InputSearch), /* harmony export */ Keyframes: () => (/* reexport safe */ _util_cssinjs__WEBPACK_IMPORTED_MODULE_1__.Keyframes), /* harmony export */ Layout: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Layout), /* harmony export */ LayoutContent: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.LayoutContent), /* harmony export */ LayoutFooter: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.LayoutFooter), /* harmony export */ LayoutHeader: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.LayoutHeader), /* harmony export */ LayoutSider: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.LayoutSider), /* harmony export */ List: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.List), /* harmony export */ ListItem: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.ListItem), /* harmony export */ ListItemMeta: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.ListItemMeta), /* harmony export */ LocaleProvider: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.LocaleProvider), /* harmony export */ Mentions: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Mentions), /* harmony export */ MentionsOption: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.MentionsOption), /* harmony export */ Menu: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Menu), /* harmony export */ MenuDivider: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.MenuDivider), /* harmony export */ MenuItem: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.MenuItem), /* harmony export */ MenuItemGroup: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.MenuItemGroup), /* harmony export */ Modal: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Modal), /* harmony export */ MonthPicker: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.MonthPicker), /* harmony export */ PageHeader: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.PageHeader), /* harmony export */ Pagination: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Pagination), /* harmony export */ Popconfirm: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Popconfirm), /* harmony export */ Popover: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Popover), /* harmony export */ Progress: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Progress), /* harmony export */ QRCode: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.QRCode), /* harmony export */ QuarterPicker: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.QuarterPicker), /* harmony export */ Radio: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Radio), /* harmony export */ RadioButton: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.RadioButton), /* harmony export */ RadioGroup: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.RadioGroup), /* harmony export */ RangePicker: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.RangePicker), /* harmony export */ Rate: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Rate), /* harmony export */ Result: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Result), /* harmony export */ Row: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Row), /* harmony export */ Segmented: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Segmented), /* harmony export */ Select: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Select), /* harmony export */ SelectOptGroup: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.SelectOptGroup), /* harmony export */ SelectOption: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.SelectOption), /* harmony export */ Skeleton: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Skeleton), /* harmony export */ SkeletonAvatar: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.SkeletonAvatar), /* harmony export */ SkeletonButton: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.SkeletonButton), /* harmony export */ SkeletonImage: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.SkeletonImage), /* harmony export */ SkeletonInput: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.SkeletonInput), /* harmony export */ SkeletonTitle: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.SkeletonTitle), /* harmony export */ Slider: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Slider), /* harmony export */ Space: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Space), /* harmony export */ Spin: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Spin), /* harmony export */ Statistic: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Statistic), /* harmony export */ StatisticCountdown: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.StatisticCountdown), /* harmony export */ Step: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Step), /* harmony export */ Steps: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Steps), /* harmony export */ StyleProvider: () => (/* reexport safe */ _util_cssinjs__WEBPACK_IMPORTED_MODULE_1__.StyleProvider), /* harmony export */ SubMenu: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.SubMenu), /* harmony export */ Switch: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Switch), /* harmony export */ TabPane: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.TabPane), /* harmony export */ Table: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Table), /* harmony export */ TableColumn: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.TableColumn), /* harmony export */ TableColumnGroup: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.TableColumnGroup), /* harmony export */ TableSummary: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.TableSummary), /* harmony export */ TableSummaryCell: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.TableSummaryCell), /* harmony export */ TableSummaryRow: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.TableSummaryRow), /* harmony export */ Tabs: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Tabs), /* harmony export */ Tag: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Tag), /* harmony export */ Textarea: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Textarea), /* harmony export */ Theme: () => (/* reexport safe */ _util_cssinjs__WEBPACK_IMPORTED_MODULE_1__.Theme), /* harmony export */ TimePicker: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.TimePicker), /* harmony export */ TimeRangePicker: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.TimeRangePicker), /* harmony export */ Timeline: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Timeline), /* harmony export */ TimelineItem: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.TimelineItem), /* harmony export */ Tooltip: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Tooltip), /* harmony export */ Tour: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Tour), /* harmony export */ Transfer: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Transfer), /* harmony export */ Tree: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Tree), /* harmony export */ TreeNode: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.TreeNode), /* harmony export */ TreeSelect: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.TreeSelect), /* harmony export */ TreeSelectNode: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.TreeSelectNode), /* harmony export */ Typography: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Typography), /* harmony export */ TypographyLink: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.TypographyLink), /* harmony export */ TypographyParagraph: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.TypographyParagraph), /* harmony export */ TypographyText: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.TypographyText), /* harmony export */ TypographyTitle: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.TypographyTitle), /* harmony export */ Upload: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Upload), /* harmony export */ UploadDragger: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.UploadDragger), /* harmony export */ Watermark: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Watermark), /* harmony export */ WeekPicker: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.WeekPicker), /* harmony export */ _experimental: () => (/* reexport safe */ _util_cssinjs__WEBPACK_IMPORTED_MODULE_1__._experimental), /* harmony export */ createCache: () => (/* reexport safe */ _util_cssinjs__WEBPACK_IMPORTED_MODULE_1__.createCache), /* harmony export */ createTheme: () => (/* reexport safe */ _util_cssinjs__WEBPACK_IMPORTED_MODULE_1__.createTheme), /* harmony export */ cssinjs: () => (/* reexport safe */ _util_cssinjs__WEBPACK_IMPORTED_MODULE_1__["default"]), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ extractStyle: () => (/* reexport safe */ _util_cssinjs__WEBPACK_IMPORTED_MODULE_1__.extractStyle), /* harmony export */ install: () => (/* binding */ install), /* harmony export */ legacyLogicalPropertiesTransformer: () => (/* reexport safe */ _util_cssinjs__WEBPACK_IMPORTED_MODULE_1__.legacyLogicalPropertiesTransformer), /* harmony export */ legacyNotSelectorLinter: () => (/* reexport safe */ _util_cssinjs__WEBPACK_IMPORTED_MODULE_1__.legacyNotSelectorLinter), /* harmony export */ logicalPropertiesLinter: () => (/* reexport safe */ _util_cssinjs__WEBPACK_IMPORTED_MODULE_1__.logicalPropertiesLinter), /* harmony export */ message: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.message), /* harmony export */ notification: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.notification), /* harmony export */ parentSelectorLinter: () => (/* reexport safe */ _util_cssinjs__WEBPACK_IMPORTED_MODULE_1__.parentSelectorLinter), /* harmony export */ px2remTransformer: () => (/* reexport safe */ _util_cssinjs__WEBPACK_IMPORTED_MODULE_1__.px2remTransformer), /* harmony export */ theme: () => (/* reexport safe */ _theme__WEBPACK_IMPORTED_MODULE_2__["default"]), /* harmony export */ useCacheToken: () => (/* reexport safe */ _util_cssinjs__WEBPACK_IMPORTED_MODULE_1__.useCacheToken), /* harmony export */ useStyleInject: () => (/* reexport safe */ _util_cssinjs__WEBPACK_IMPORTED_MODULE_1__.useStyleInject), /* harmony export */ useStyleProvider: () => (/* reexport safe */ _util_cssinjs__WEBPACK_IMPORTED_MODULE_1__.useStyleProvider), /* harmony export */ useStyleRegister: () => (/* reexport safe */ _util_cssinjs__WEBPACK_IMPORTED_MODULE_1__.useStyleRegister), /* harmony export */ version: () => (/* reexport safe */ _version__WEBPACK_IMPORTED_MODULE_6__["default"]) /* harmony export */ }); /* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./components */ "./components/components.ts"); /* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components */ "./components/message/index.tsx"); /* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components */ "./components/notification/index.tsx"); /* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./components */ "./components/modal/index.tsx"); /* harmony import */ var _version__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./version */ "./components/version/index.ts"); /* harmony import */ var _util_cssinjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_util/cssinjs */ "./components/_util/cssinjs/index.ts"); /* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./theme */ "./components/theme/index.ts"); const install = function (app) { Object.keys(_components__WEBPACK_IMPORTED_MODULE_0__).forEach(key => { const component = _components__WEBPACK_IMPORTED_MODULE_0__[key]; if (component.install) { app.use(component); } }); app.use(_util_cssinjs__WEBPACK_IMPORTED_MODULE_1__["default"].StyleProvider); app.config.globalProperties.$message = _components__WEBPACK_IMPORTED_MODULE_3__["default"]; app.config.globalProperties.$notification = _components__WEBPACK_IMPORTED_MODULE_4__["default"]; app.config.globalProperties.$info = _components__WEBPACK_IMPORTED_MODULE_5__["default"].info; app.config.globalProperties.$success = _components__WEBPACK_IMPORTED_MODULE_5__["default"].success; app.config.globalProperties.$error = _components__WEBPACK_IMPORTED_MODULE_5__["default"].error; app.config.globalProperties.$warning = _components__WEBPACK_IMPORTED_MODULE_5__["default"].warning; app.config.globalProperties.$confirm = _components__WEBPACK_IMPORTED_MODULE_5__["default"].confirm; app.config.globalProperties.$destroyAll = _components__WEBPACK_IMPORTED_MODULE_5__["default"].destroyAll; return app; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({ version: _version__WEBPACK_IMPORTED_MODULE_6__["default"], install }); /***/ }), /***/ "./components/input-number/index.tsx": /*!*******************************************!*\ !*** ./components/input-number/index.tsx ***! \*******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ inputNumberProps: () => (/* binding */ inputNumberProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _ant_design_icons_vue_es_icons_UpOutlined__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/UpOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/UpOutlined.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_DownOutlined__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/DownOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/DownOutlined.js"); /* harmony import */ var _src_InputNumber__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./src/InputNumber */ "./components/input-number/src/InputNumber.tsx"); /* harmony import */ var _form_FormItemContext__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../form/FormItemContext */ "./components/form/FormItemContext.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _util_vnode__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../_util/vnode */ "./components/_util/vnode.ts"); /* harmony import */ var _util_omit__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../_util/omit */ "./components/_util/omit.ts"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _util_isValidValue__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../_util/isValidValue */ "./components/_util/isValidValue.ts"); /* harmony import */ var _util_statusUtils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../_util/statusUtils */ "./components/_util/statusUtils.tsx"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./style */ "./components/input-number/style/index.tsx"); /* harmony import */ var _space_Compact__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../space/Compact */ "./components/space/Compact.tsx"); /* harmony import */ var _config_provider_DisabledContext__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../config-provider/DisabledContext */ "./components/config-provider/DisabledContext.ts"); var __rest = undefined && undefined.__rest || function (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; }; // CSSINJS const baseProps = (0,_src_InputNumber__WEBPACK_IMPORTED_MODULE_3__.inputNumberProps)(); const inputNumberProps = () => (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, baseProps), { size: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.stringType)(), bordered: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.booleanType)(true), placeholder: String, name: String, id: String, type: String, addonBefore: _util_vue_types__WEBPACK_IMPORTED_MODULE_5__["default"].any, addonAfter: _util_vue_types__WEBPACK_IMPORTED_MODULE_5__["default"].any, prefix: _util_vue_types__WEBPACK_IMPORTED_MODULE_5__["default"].any, 'onUpdate:value': baseProps.onChange, valueModifiers: Object, status: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.stringType)() }); const InputNumber = (0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'AInputNumber', inheritAttrs: false, props: inputNumberProps(), // emits: ['focus', 'blur', 'change', 'input', 'update:value'], slots: Object, setup(props, _ref) { let { emit, expose, attrs, slots } = _ref; var _a; const formItemContext = (0,_form_FormItemContext__WEBPACK_IMPORTED_MODULE_6__.useInjectFormItemContext)(); const formItemInputContext = _form_FormItemContext__WEBPACK_IMPORTED_MODULE_6__.FormItemInputContext.useInject(); const mergedStatus = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => (0,_util_statusUtils__WEBPACK_IMPORTED_MODULE_7__.getMergedStatus)(formItemInputContext.status, props.status)); const { prefixCls, size, direction, disabled } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_8__["default"])('input-number', props); const { compactSize, compactItemClassnames } = (0,_space_Compact__WEBPACK_IMPORTED_MODULE_9__.useCompactItemContext)(prefixCls, direction); const disabledContext = (0,_config_provider_DisabledContext__WEBPACK_IMPORTED_MODULE_10__.useInjectDisabled)(); const mergedDisabled = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { var _a; return (_a = disabled.value) !== null && _a !== void 0 ? _a : disabledContext.value; }); // Style const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_11__["default"])(prefixCls); const mergedSize = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => compactSize.value || size.value); const mergedValue = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)((_a = props.value) !== null && _a !== void 0 ? _a : props.defaultValue); const focused = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(false); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)(() => props.value, () => { mergedValue.value = props.value; }); const inputNumberRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(null); const focus = () => { var _a; (_a = inputNumberRef.value) === null || _a === void 0 ? void 0 : _a.focus(); }; const blur = () => { var _a; (_a = inputNumberRef.value) === null || _a === void 0 ? void 0 : _a.blur(); }; expose({ focus, blur }); const handleChange = val => { if (props.value === undefined) { mergedValue.value = val; } emit('update:value', val); emit('change', val); formItemContext.onFieldChange(); }; const handleBlur = e => { focused.value = false; emit('blur', e); formItemContext.onFieldBlur(); }; const handleFocus = e => { focused.value = true; emit('focus', e); }; return () => { var _a, _b, _c, _d; const { hasFeedback, isFormItemInput, feedbackIcon } = formItemInputContext; const id = (_a = props.id) !== null && _a !== void 0 ? _a : formItemContext.id.value; const _e = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, attrs), props), { id, disabled: mergedDisabled.value }), { class: className, bordered, readonly, style, addonBefore = (_b = slots.addonBefore) === null || _b === void 0 ? void 0 : _b.call(slots), addonAfter = (_c = slots.addonAfter) === null || _c === void 0 ? void 0 : _c.call(slots), prefix = (_d = slots.prefix) === null || _d === void 0 ? void 0 : _d.call(slots), valueModifiers = {} } = _e, others = __rest(_e, ["class", "bordered", "readonly", "style", "addonBefore", "addonAfter", "prefix", "valueModifiers"]); const preCls = prefixCls.value; const inputNumberClass = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_12__["default"])({ [`${preCls}-lg`]: mergedSize.value === 'large', [`${preCls}-sm`]: mergedSize.value === 'small', [`${preCls}-rtl`]: direction.value === 'rtl', [`${preCls}-readonly`]: readonly, [`${preCls}-borderless`]: !bordered, [`${preCls}-in-form-item`]: isFormItemInput }, (0,_util_statusUtils__WEBPACK_IMPORTED_MODULE_7__.getStatusClassNames)(preCls, mergedStatus.value), className, compactItemClassnames.value, hashId.value); let element = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_src_InputNumber__WEBPACK_IMPORTED_MODULE_3__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_util_omit__WEBPACK_IMPORTED_MODULE_13__["default"])(others, ['size', 'defaultValue'])), {}, { "ref": inputNumberRef, "lazy": !!valueModifiers.lazy, "value": mergedValue.value, "class": inputNumberClass, "prefixCls": preCls, "readonly": readonly, "onChange": handleChange, "onBlur": handleBlur, "onFocus": handleFocus }), { upHandler: slots.upIcon ? () => (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", { "class": `${preCls}-handler-up-inner` }, [slots.upIcon()]) : () => (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_ant_design_icons_vue_es_icons_UpOutlined__WEBPACK_IMPORTED_MODULE_14__["default"], { "class": `${preCls}-handler-up-inner` }, null), downHandler: slots.downIcon ? () => (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", { "class": `${preCls}-handler-down-inner` }, [slots.downIcon()]) : () => (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_ant_design_icons_vue_es_icons_DownOutlined__WEBPACK_IMPORTED_MODULE_15__["default"], { "class": `${preCls}-handler-down-inner` }, null) }); const hasAddon = (0,_util_isValidValue__WEBPACK_IMPORTED_MODULE_16__["default"])(addonBefore) || (0,_util_isValidValue__WEBPACK_IMPORTED_MODULE_16__["default"])(addonAfter); const hasPrefix = (0,_util_isValidValue__WEBPACK_IMPORTED_MODULE_16__["default"])(prefix); if (hasPrefix || hasFeedback) { const affixWrapperCls = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_12__["default"])(`${preCls}-affix-wrapper`, (0,_util_statusUtils__WEBPACK_IMPORTED_MODULE_7__.getStatusClassNames)(`${preCls}-affix-wrapper`, mergedStatus.value, hasFeedback), { [`${preCls}-affix-wrapper-focused`]: focused.value, [`${preCls}-affix-wrapper-disabled`]: mergedDisabled.value, [`${preCls}-affix-wrapper-sm`]: mergedSize.value === 'small', [`${preCls}-affix-wrapper-lg`]: mergedSize.value === 'large', [`${preCls}-affix-wrapper-rtl`]: direction.value === 'rtl', [`${preCls}-affix-wrapper-readonly`]: readonly, [`${preCls}-affix-wrapper-borderless`]: !bordered, // className will go to addon wrapper [`${className}`]: !hasAddon && className }, hashId.value); element = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": affixWrapperCls, "style": style, "onClick": focus }, [hasPrefix && (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", { "class": `${preCls}-prefix` }, [prefix]), element, hasFeedback && (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", { "class": `${preCls}-suffix` }, [feedbackIcon])]); } if (hasAddon) { const wrapperClassName = `${preCls}-group`; const addonClassName = `${wrapperClassName}-addon`; const addonBeforeNode = addonBefore ? (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": addonClassName }, [addonBefore]) : null; const addonAfterNode = addonAfter ? (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": addonClassName }, [addonAfter]) : null; const mergedWrapperClassName = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_12__["default"])(`${preCls}-wrapper`, wrapperClassName, { [`${wrapperClassName}-rtl`]: direction.value === 'rtl' }, hashId.value); const mergedGroupClassName = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_12__["default"])(`${preCls}-group-wrapper`, { [`${preCls}-group-wrapper-sm`]: mergedSize.value === 'small', [`${preCls}-group-wrapper-lg`]: mergedSize.value === 'large', [`${preCls}-group-wrapper-rtl`]: direction.value === 'rtl' }, (0,_util_statusUtils__WEBPACK_IMPORTED_MODULE_7__.getStatusClassNames)(`${prefixCls}-group-wrapper`, mergedStatus.value, hasFeedback), className, hashId.value); element = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": mergedGroupClassName, "style": style }, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": mergedWrapperClassName }, [addonBeforeNode && (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_space_Compact__WEBPACK_IMPORTED_MODULE_9__.NoCompactStyle, null, { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_form_FormItemContext__WEBPACK_IMPORTED_MODULE_6__.NoFormStatus, null, { default: () => [addonBeforeNode] })] }), element, addonAfterNode && (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_space_Compact__WEBPACK_IMPORTED_MODULE_9__.NoCompactStyle, null, { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_form_FormItemContext__WEBPACK_IMPORTED_MODULE_6__.NoFormStatus, null, { default: () => [addonAfterNode] })] })])]); } return wrapSSR((0,_util_vnode__WEBPACK_IMPORTED_MODULE_17__.cloneElement)(element, { style })); }; } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])(InputNumber, { install: app => { app.component(InputNumber.name, InputNumber); return app; } })); /***/ }), /***/ "./components/input-number/src/InputNumber.tsx": /*!*****************************************************!*\ !*** ./components/input-number/src/InputNumber.tsx ***! \*****************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ inputNumberProps: () => (/* binding */ inputNumberProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _utils_MiniDecimal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils/MiniDecimal */ "./components/input-number/src/utils/MiniDecimal.ts"); /* harmony import */ var _StepHandler__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./StepHandler */ "./components/input-number/src/StepHandler.tsx"); /* harmony import */ var _utils_numberUtil__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./utils/numberUtil */ "./components/input-number/src/utils/numberUtil.ts"); /* harmony import */ var _hooks_useCursor__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./hooks/useCursor */ "./components/input-number/src/hooks/useCursor.ts"); /* harmony import */ var _hooks_useFrame__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./hooks/useFrame */ "./components/input-number/src/hooks/useFrame.ts"); /* harmony import */ var _util_KeyCode__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../_util/KeyCode */ "./components/_util/KeyCode.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../_util/type */ "./components/_util/type.ts"); var __rest = undefined && undefined.__rest || function (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; }; /** * We support `stringMode` which need handle correct type when user call in onChange * format max or min value * 1. if isInvalid return null * 2. if precision is undefined, return decimal * 3. format with precision * I. if max > 0, round down with precision. Example: max= 3.5, precision=0 afterFormat: 3 * II. if max < 0, round up with precision. Example: max= -3.5, precision=0 afterFormat: -4 * III. if min > 0, round up with precision. Example: min= 3.5, precision=0 afterFormat: 4 * IV. if min < 0, round down with precision. Example: max= -3.5, precision=0 afterFormat: -3 */ const getDecimalValue = (stringMode, decimalValue) => { if (stringMode || decimalValue.isEmpty()) { return decimalValue.toString(); } return decimalValue.toNumber(); }; const getDecimalIfValidate = value => { const decimal = (0,_utils_MiniDecimal__WEBPACK_IMPORTED_MODULE_3__["default"])(value); return decimal.isInvalidate() ? null : decimal; }; const inputNumberProps = () => ({ /** value will show as string */ stringMode: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.booleanType)(), defaultValue: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.someType)([String, Number]), value: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.someType)([String, Number]), prefixCls: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.stringType)(), min: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.someType)([String, Number]), max: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.someType)([String, Number]), step: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.someType)([String, Number], 1), tabindex: Number, controls: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.booleanType)(true), readonly: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.booleanType)(), disabled: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.booleanType)(), autofocus: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.booleanType)(), keyboard: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.booleanType)(true), /** Parse display value to validate number */ parser: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.functionType)(), /** Transform `value` to display value show in input */ formatter: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.functionType)(), /** Syntactic sugar of `formatter`. Config precision of display. */ precision: Number, /** Syntactic sugar of `formatter`. Config decimal separator of display. */ decimalSeparator: String, onInput: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.functionType)(), onChange: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.functionType)(), onPressEnter: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.functionType)(), onStep: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.functionType)(), onBlur: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.functionType)(), onFocus: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.functionType)() }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'InnerInputNumber', inheritAttrs: false, props: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, inputNumberProps()), { lazy: Boolean }), slots: Object, setup(props, _ref) { let { attrs, slots, emit, expose } = _ref; const inputRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(); const focus = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(false); const userTypingRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(false); const compositionRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(false); const decimalValue = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)((0,_utils_MiniDecimal__WEBPACK_IMPORTED_MODULE_3__["default"])(props.value)); function setUncontrolledDecimalValue(newDecimal) { if (props.value === undefined) { decimalValue.value = newDecimal; } } // ====================== Parser & Formatter ====================== /** * `precision` is used for formatter & onChange. * It will auto generate by `value` & `step`. * But it will not block user typing. * * Note: Auto generate `precision` is used for legacy logic. * We should remove this since we already support high precision with BigInt. * * @param number Provide which number should calculate precision * @param userTyping Change by user typing */ const getPrecision = (numStr, userTyping) => { if (userTyping) { return undefined; } if (props.precision >= 0) { return props.precision; } return Math.max((0,_utils_numberUtil__WEBPACK_IMPORTED_MODULE_5__.getNumberPrecision)(numStr), (0,_utils_numberUtil__WEBPACK_IMPORTED_MODULE_5__.getNumberPrecision)(props.step)); }; // >>> Parser const mergedParser = num => { const numStr = String(num); if (props.parser) { return props.parser(numStr); } let parsedStr = numStr; if (props.decimalSeparator) { parsedStr = parsedStr.replace(props.decimalSeparator, '.'); } // [Legacy] We still support auto convert `$ 123,456` to `123456` return parsedStr.replace(/[^\w.-]+/g, ''); }; // >>> Formatter const inputValue = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(''); const mergedFormatter = (number, userTyping) => { if (props.formatter) { return props.formatter(number, { userTyping, input: String(inputValue.value) }); } let str = typeof number === 'number' ? (0,_utils_numberUtil__WEBPACK_IMPORTED_MODULE_5__.num2str)(number) : number; // User typing will not auto format with precision directly if (!userTyping) { const mergedPrecision = getPrecision(str, userTyping); if ((0,_utils_numberUtil__WEBPACK_IMPORTED_MODULE_5__.validateNumber)(str) && (props.decimalSeparator || mergedPrecision >= 0)) { // Separator const separatorStr = props.decimalSeparator || '.'; str = (0,_utils_MiniDecimal__WEBPACK_IMPORTED_MODULE_3__.toFixed)(str, separatorStr, mergedPrecision); } } return str; }; // ========================== InputValue ========================== /** * Input text value control * * User can not update input content directly. It update with follow rules by priority: * 1. controlled `value` changed * * [SPECIAL] Typing like `1.` should not immediately convert to `1` * 2. User typing with format (not precision) * 3. Blur or Enter trigger revalidate */ const initValue = (() => { const initValue = props.value; if (decimalValue.value.isInvalidate() && ['string', 'number'].includes(typeof initValue)) { return Number.isNaN(initValue) ? '' : initValue; } return mergedFormatter(decimalValue.value.toString(), false); })(); inputValue.value = initValue; // Should always be string function setInputValue(newValue, userTyping) { inputValue.value = mergedFormatter( // Invalidate number is sometime passed by external control, we should let it go // Otherwise is controlled by internal interactive logic which check by userTyping // You can ref 'show limited value when input is not focused' test for more info. newValue.isInvalidate() ? newValue.toString(false) : newValue.toString(!userTyping), userTyping); } // >>> Max & Min limit const maxDecimal = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => getDecimalIfValidate(props.max)); const minDecimal = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => getDecimalIfValidate(props.min)); const upDisabled = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { if (!maxDecimal.value || !decimalValue.value || decimalValue.value.isInvalidate()) { return false; } return maxDecimal.value.lessEquals(decimalValue.value); }); const downDisabled = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { if (!minDecimal.value || !decimalValue.value || decimalValue.value.isInvalidate()) { return false; } return decimalValue.value.lessEquals(minDecimal.value); }); // Cursor controller const [recordCursor, restoreCursor] = (0,_hooks_useCursor__WEBPACK_IMPORTED_MODULE_6__["default"])(inputRef, focus); // ============================= Data ============================= /** * Find target value closet within range. * e.g. [11, 28]: * 3 => 11 * 23 => 23 * 99 => 28 */ const getRangeValue = target => { // target > max if (maxDecimal.value && !target.lessEquals(maxDecimal.value)) { return maxDecimal.value; } // target < min if (minDecimal.value && !minDecimal.value.lessEquals(target)) { return minDecimal.value; } return null; }; /** * Check value is in [min, max] range */ const isInRange = target => !getRangeValue(target); /** * Trigger `onChange` if value validated and not equals of origin. * Return the value that re-align in range. */ const triggerValueUpdate = (newValue, userTyping) => { var _a; let updateValue = newValue; let isRangeValidate = isInRange(updateValue) || updateValue.isEmpty(); // Skip align value when trigger value is empty. // We just trigger onChange(null) // This should not block user typing if (!updateValue.isEmpty() && !userTyping) { // Revert value in range if needed updateValue = getRangeValue(updateValue) || updateValue; isRangeValidate = true; } if (!props.readonly && !props.disabled && isRangeValidate) { const numStr = updateValue.toString(); const mergedPrecision = getPrecision(numStr, userTyping); if (mergedPrecision >= 0) { updateValue = (0,_utils_MiniDecimal__WEBPACK_IMPORTED_MODULE_3__["default"])((0,_utils_MiniDecimal__WEBPACK_IMPORTED_MODULE_3__.toFixed)(numStr, '.', mergedPrecision)); } // Trigger event if (!updateValue.equals(decimalValue.value)) { setUncontrolledDecimalValue(updateValue); (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, updateValue.isEmpty() ? null : getDecimalValue(props.stringMode, updateValue)); // Reformat input if value is not controlled if (props.value === undefined) { setInputValue(updateValue, userTyping); } } return updateValue; } return decimalValue.value; }; // ========================== User Input ========================== const onNextPromise = (0,_hooks_useFrame__WEBPACK_IMPORTED_MODULE_7__["default"])(); // >>> Collect input value const collectInputValue = inputStr => { var _a; recordCursor(); // Update inputValue incase input can not parse as number inputValue.value = inputStr; // Parse number if (!compositionRef.value) { const finalValue = mergedParser(inputStr); const finalDecimal = (0,_utils_MiniDecimal__WEBPACK_IMPORTED_MODULE_3__["default"])(finalValue); if (!finalDecimal.isNaN()) { triggerValueUpdate(finalDecimal, true); } } // Trigger onInput later to let user customize value if they want do handle something after onChange (_a = props.onInput) === null || _a === void 0 ? void 0 : _a.call(props, inputStr); // optimize for chinese input experience // https://github.com/ant-design/ant-design/issues/8196 onNextPromise(() => { let nextInputStr = inputStr; if (!props.parser) { nextInputStr = inputStr.replace(/。/g, '.'); } if (nextInputStr !== inputStr) { collectInputValue(nextInputStr); } }); }; // >>> Composition const onCompositionStart = () => { compositionRef.value = true; }; const onCompositionEnd = () => { compositionRef.value = false; collectInputValue(inputRef.value.value); }; // >>> Input const onInternalInput = e => { collectInputValue(e.target.value); }; // ============================= Step ============================= const onInternalStep = up => { var _a, _b; // Ignore step since out of range if (up && upDisabled.value || !up && downDisabled.value) { return; } // Clear typing status since it may caused by up & down key. // We should sync with input value. userTypingRef.value = false; let stepDecimal = (0,_utils_MiniDecimal__WEBPACK_IMPORTED_MODULE_3__["default"])(props.step); if (!up) { stepDecimal = stepDecimal.negate(); } const target = (decimalValue.value || (0,_utils_MiniDecimal__WEBPACK_IMPORTED_MODULE_3__["default"])(0)).add(stepDecimal.toString()); const updatedValue = triggerValueUpdate(target, false); (_a = props.onStep) === null || _a === void 0 ? void 0 : _a.call(props, getDecimalValue(props.stringMode, updatedValue), { offset: props.step, type: up ? 'up' : 'down' }); (_b = inputRef.value) === null || _b === void 0 ? void 0 : _b.focus(); }; // ============================ Flush ============================= /** * Flush current input content to trigger value change & re-formatter input if needed */ const flushInputValue = userTyping => { const parsedValue = (0,_utils_MiniDecimal__WEBPACK_IMPORTED_MODULE_3__["default"])(mergedParser(inputValue.value)); let formatValue = parsedValue; if (!parsedValue.isNaN()) { // Only validate value or empty value can be re-fill to inputValue // Reassign the formatValue within ranged of trigger control formatValue = triggerValueUpdate(parsedValue, userTyping); } else { formatValue = decimalValue.value; } if (props.value !== undefined) { // Reset back with controlled value first setInputValue(decimalValue.value, false); } else if (!formatValue.isNaN()) { // Reset input back since no validate value setInputValue(formatValue, false); } }; // Solve the issue of the event triggering sequence when entering numbers in chinese input (Safari) const onBeforeInput = () => { userTypingRef.value = true; }; const onKeyDown = event => { var _a; const { which } = event; userTypingRef.value = true; if (which === _util_KeyCode__WEBPACK_IMPORTED_MODULE_8__["default"].ENTER) { if (!compositionRef.value) { userTypingRef.value = false; } flushInputValue(false); (_a = props.onPressEnter) === null || _a === void 0 ? void 0 : _a.call(props, event); } if (props.keyboard === false) { return; } // Do step if (!compositionRef.value && [_util_KeyCode__WEBPACK_IMPORTED_MODULE_8__["default"].UP, _util_KeyCode__WEBPACK_IMPORTED_MODULE_8__["default"].DOWN].includes(which)) { onInternalStep(_util_KeyCode__WEBPACK_IMPORTED_MODULE_8__["default"].UP === which); event.preventDefault(); } }; const onKeyUp = () => { userTypingRef.value = false; }; // >>> Focus & Blur const onBlur = e => { flushInputValue(false); focus.value = false; userTypingRef.value = false; emit('blur', e); }; // ========================== Controlled ========================== // Input by precision (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)(() => props.precision, () => { if (!decimalValue.value.isInvalidate()) { setInputValue(decimalValue.value, false); } }, { flush: 'post' }); // Input by value (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)(() => props.value, () => { const newValue = (0,_utils_MiniDecimal__WEBPACK_IMPORTED_MODULE_3__["default"])(props.value); decimalValue.value = newValue; const currentParsedValue = (0,_utils_MiniDecimal__WEBPACK_IMPORTED_MODULE_3__["default"])(mergedParser(inputValue.value)); // When user typing from `1.2` to `1.`, we should not convert to `1` immediately. // But let it go if user set `formatter` if (!newValue.equals(currentParsedValue) || !userTypingRef.value || props.formatter) { // Update value as effect setInputValue(newValue, userTypingRef.value); } }, { flush: 'post' }); // ============================ Cursor ============================ (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)(inputValue, () => { if (props.formatter) { restoreCursor(); } }, { flush: 'post' }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)(() => props.disabled, val => { if (val) { focus.value = false; } }); expose({ focus: () => { var _a; (_a = inputRef.value) === null || _a === void 0 ? void 0 : _a.focus(); }, blur: () => { var _a; (_a = inputRef.value) === null || _a === void 0 ? void 0 : _a.blur(); } }); return () => { const _a = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, attrs), props), { prefixCls = 'rc-input-number', min, max, step = 1, defaultValue, value, disabled, readonly, keyboard, controls = true, autofocus, stringMode, parser, formatter, precision, decimalSeparator, onChange, onInput, onPressEnter, onStep, lazy, class: className, style } = _a, inputProps = __rest(_a, ["prefixCls", "min", "max", "step", "defaultValue", "value", "disabled", "readonly", "keyboard", "controls", "autofocus", "stringMode", "parser", "formatter", "precision", "decimalSeparator", "onChange", "onInput", "onPressEnter", "onStep", "lazy", "class", "style"]); const { upHandler, downHandler } = slots; const inputClassName = `${prefixCls}-input`; const eventProps = {}; if (lazy) { eventProps.onChange = onInternalInput; } else { eventProps.onInput = onInternalInput; } return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_9__["default"])(prefixCls, className, { [`${prefixCls}-focused`]: focus.value, [`${prefixCls}-disabled`]: disabled, [`${prefixCls}-readonly`]: readonly, [`${prefixCls}-not-a-number`]: decimalValue.value.isNaN(), [`${prefixCls}-out-of-range`]: !decimalValue.value.isInvalidate() && !isInRange(decimalValue.value) }), "style": style, "onKeydown": onKeyDown, "onKeyup": onKeyUp }, [controls && (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_StepHandler__WEBPACK_IMPORTED_MODULE_10__["default"], { "prefixCls": prefixCls, "upDisabled": upDisabled.value, "downDisabled": downDisabled.value, "onStep": onInternalStep }, { upNode: upHandler, downNode: downHandler }), (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": `${inputClassName}-wrap` }, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("input", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "autofocus": autofocus, "autocomplete": "off", "role": "spinbutton", "aria-valuemin": min, "aria-valuemax": max, "aria-valuenow": decimalValue.value.isInvalidate() ? null : decimalValue.value.toString(), "step": step }, inputProps), {}, { "ref": inputRef, "class": inputClassName, "value": inputValue.value, "disabled": disabled, "readonly": readonly, "onFocus": e => { focus.value = true; emit('focus', e); } }, eventProps), {}, { "onBlur": onBlur, "onCompositionstart": onCompositionStart, "onCompositionend": onCompositionEnd, "onBeforeinput": onBeforeInput }), null)])]); }; } })); /***/ }), /***/ "./components/input-number/src/StepHandler.tsx": /*!*****************************************************!*\ !*** ./components/input-number/src/StepHandler.tsx ***! \*****************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _vc_util_isMobile__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../vc-util/isMobile */ "./components/vc-util/isMobile.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../_util/type */ "./components/_util/type.ts"); /** * When click and hold on a button - the speed of auto changing the value. */ const STEP_INTERVAL = 200; /** * When click and hold on a button - the delay before auto changing the value. */ const STEP_DELAY = 600; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'StepHandler', inheritAttrs: false, props: { prefixCls: String, upDisabled: Boolean, downDisabled: Boolean, onStep: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.functionType)() }, slots: Object, setup(props, _ref) { let { slots, emit } = _ref; const stepTimeoutRef = (0,vue__WEBPACK_IMPORTED_MODULE_1__.ref)(); // We will interval update step when hold mouse down const onStepMouseDown = (e, up) => { e.preventDefault(); emit('step', up); // Loop step for interval function loopStep() { emit('step', up); stepTimeoutRef.value = setTimeout(loopStep, STEP_INTERVAL); } // First time press will wait some time to trigger loop step update stepTimeoutRef.value = setTimeout(loopStep, STEP_DELAY); }; const onStopStep = () => { clearTimeout(stepTimeoutRef.value); }; (0,vue__WEBPACK_IMPORTED_MODULE_1__.onBeforeUnmount)(() => { onStopStep(); }); return () => { if ((0,_vc_util_isMobile__WEBPACK_IMPORTED_MODULE_3__["default"])()) { return null; } const { prefixCls, upDisabled, downDisabled } = props; const handlerClassName = `${prefixCls}-handler`; const upClassName = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_4__["default"])(handlerClassName, `${handlerClassName}-up`, { [`${handlerClassName}-up-disabled`]: upDisabled }); const downClassName = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_4__["default"])(handlerClassName, `${handlerClassName}-down`, { [`${handlerClassName}-down-disabled`]: downDisabled }); const sharedHandlerProps = { unselectable: 'on', role: 'button', onMouseup: onStopStep, onMouseleave: onStopStep }; const { upNode, downNode } = slots; return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${handlerClassName}-wrap` }, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, sharedHandlerProps), {}, { "onMousedown": e => { onStepMouseDown(e, true); }, "aria-label": "Increase Value", "aria-disabled": upDisabled, "class": upClassName }), [(upNode === null || upNode === void 0 ? void 0 : upNode()) || (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", { "unselectable": "on", "class": `${prefixCls}-handler-up-inner` }, null)]), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, sharedHandlerProps), {}, { "onMousedown": e => { onStepMouseDown(e, false); }, "aria-label": "Decrease Value", "aria-disabled": downDisabled, "class": downClassName }), [(downNode === null || downNode === void 0 ? void 0 : downNode()) || (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", { "unselectable": "on", "class": `${prefixCls}-handler-down-inner` }, null)])]); }; } })); /***/ }), /***/ "./components/input-number/src/hooks/useCursor.ts": /*!********************************************************!*\ !*** ./components/input-number/src/hooks/useCursor.ts ***! \********************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ useCursor) /* harmony export */ }); /* harmony import */ var _vc_util_warning__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../vc-util/warning */ "./components/vc-util/warning.ts"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /** * Keep input cursor in the correct position if possible. * Is this necessary since we have `formatter` which may mass the content? */ function useCursor(inputRef, focused) { const selectionRef = (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)(null); function recordCursor() { // Record position try { const { selectionStart: start, selectionEnd: end, value } = inputRef.value; const beforeTxt = value.substring(0, start); const afterTxt = value.substring(end); selectionRef.value = { start, end, value, beforeTxt, afterTxt }; } catch (e) { // Fix error in Chrome: // Failed to read the 'selectionStart' property from 'HTMLInputElement' // http://stackoverflow.com/q/21177489/3040605 } } /** * Restore logic: * 1. back string same * 2. start string same */ function restoreCursor() { if (inputRef.value && selectionRef.value && focused.value) { try { const { value } = inputRef.value; const { beforeTxt, afterTxt, start } = selectionRef.value; let startPos = value.length; if (value.endsWith(afterTxt)) { startPos = value.length - selectionRef.value.afterTxt.length; } else if (value.startsWith(beforeTxt)) { startPos = beforeTxt.length; } else { const beforeLastChar = beforeTxt[start - 1]; const newIndex = value.indexOf(beforeLastChar, start - 1); if (newIndex !== -1) { startPos = newIndex + 1; } } inputRef.value.setSelectionRange(startPos, startPos); } catch (e) { (0,_vc_util_warning__WEBPACK_IMPORTED_MODULE_1__.warning)(false, `Something warning of cursor restore. Please fire issue about this: ${e.message}`); } } } return [recordCursor, restoreCursor]; } /***/ }), /***/ "./components/input-number/src/hooks/useFrame.ts": /*!*******************************************************!*\ !*** ./components/input-number/src/hooks/useFrame.ts ***! \*******************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _util_raf__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../_util/raf */ "./components/_util/raf.ts"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /** * Always trigger latest once when call multiple time */ /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (() => { const idRef = (0,vue__WEBPACK_IMPORTED_MODULE_0__.shallowRef)(0); const cleanUp = () => { _util_raf__WEBPACK_IMPORTED_MODULE_1__["default"].cancel(idRef.value); }; (0,vue__WEBPACK_IMPORTED_MODULE_0__.onBeforeUnmount)(() => { cleanUp(); }); return callback => { cleanUp(); idRef.value = (0,_util_raf__WEBPACK_IMPORTED_MODULE_1__["default"])(() => { callback(); }); }; }); /***/ }), /***/ "./components/input-number/src/utils/MiniDecimal.ts": /*!**********************************************************!*\ !*** ./components/input-number/src/utils/MiniDecimal.ts ***! \**********************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ BigIntDecimal: () => (/* binding */ BigIntDecimal), /* harmony export */ NumberDecimal: () => (/* binding */ NumberDecimal), /* harmony export */ "default": () => (/* binding */ getMiniDecimal), /* harmony export */ toFixed: () => (/* binding */ toFixed) /* harmony export */ }); /* harmony import */ var _numberUtil__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./numberUtil */ "./components/input-number/src/utils/numberUtil.ts"); /* harmony import */ var _supportUtil__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./supportUtil */ "./components/input-number/src/utils/supportUtil.ts"); /* eslint-disable max-classes-per-file */ function isEmpty(value) { return !value && value !== 0 && !Number.isNaN(value) || !String(value).trim(); } /** * We can remove this when IE not support anymore */ class NumberDecimal { constructor(value) { this.origin = ''; if (isEmpty(value)) { this.empty = true; return; } this.origin = String(value); this.number = Number(value); } negate() { return new NumberDecimal(-this.toNumber()); } add(value) { if (this.isInvalidate()) { return new NumberDecimal(value); } const target = Number(value); if (Number.isNaN(target)) { return this; } const number = this.number + target; // [Legacy] Back to safe integer if (number > Number.MAX_SAFE_INTEGER) { return new NumberDecimal(Number.MAX_SAFE_INTEGER); } if (number < Number.MIN_SAFE_INTEGER) { return new NumberDecimal(Number.MIN_SAFE_INTEGER); } const maxPrecision = Math.max((0,_numberUtil__WEBPACK_IMPORTED_MODULE_0__.getNumberPrecision)(this.number), (0,_numberUtil__WEBPACK_IMPORTED_MODULE_0__.getNumberPrecision)(target)); return new NumberDecimal(number.toFixed(maxPrecision)); } isEmpty() { return this.empty; } isNaN() { return Number.isNaN(this.number); } isInvalidate() { return this.isEmpty() || this.isNaN(); } equals(target) { return this.toNumber() === (target === null || target === void 0 ? void 0 : target.toNumber()); } lessEquals(target) { return this.add(target.negate().toString()).toNumber() <= 0; } toNumber() { return this.number; } toString() { let safe = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true; if (!safe) { return this.origin; } if (this.isInvalidate()) { return ''; } return (0,_numberUtil__WEBPACK_IMPORTED_MODULE_0__.num2str)(this.number); } } class BigIntDecimal { constructor(value) { this.origin = ''; if (isEmpty(value)) { this.empty = true; return; } this.origin = String(value); // Act like Number convert if (value === '-' || Number.isNaN(value)) { this.nan = true; return; } let mergedValue = value; // We need convert back to Number since it require `toFixed` to handle this if ((0,_numberUtil__WEBPACK_IMPORTED_MODULE_0__.isE)(mergedValue)) { mergedValue = Number(mergedValue); } mergedValue = typeof mergedValue === 'string' ? mergedValue : (0,_numberUtil__WEBPACK_IMPORTED_MODULE_0__.num2str)(mergedValue); if ((0,_numberUtil__WEBPACK_IMPORTED_MODULE_0__.validateNumber)(mergedValue)) { const trimRet = (0,_numberUtil__WEBPACK_IMPORTED_MODULE_0__.trimNumber)(mergedValue); this.negative = trimRet.negative; const numbers = trimRet.trimStr.split('.'); this.integer = BigInt(numbers[0]); const decimalStr = numbers[1] || '0'; this.decimal = BigInt(decimalStr); this.decimalLen = decimalStr.length; } else { this.nan = true; } } getMark() { return this.negative ? '-' : ''; } getIntegerStr() { return this.integer.toString(); } getDecimalStr() { return this.decimal.toString().padStart(this.decimalLen, '0'); } /** * Align BigIntDecimal with same decimal length. e.g. 12.3 + 5 = 1230000 * This is used for add function only. */ alignDecimal(decimalLength) { const str = `${this.getMark()}${this.getIntegerStr()}${this.getDecimalStr().padEnd(decimalLength, '0')}`; return BigInt(str); } negate() { const clone = new BigIntDecimal(this.toString()); clone.negative = !clone.negative; return clone; } add(value) { if (this.isInvalidate()) { return new BigIntDecimal(value); } const offset = new BigIntDecimal(value); if (offset.isInvalidate()) { return this; } const maxDecimalLength = Math.max(this.getDecimalStr().length, offset.getDecimalStr().length); const myAlignedDecimal = this.alignDecimal(maxDecimalLength); const offsetAlignedDecimal = offset.alignDecimal(maxDecimalLength); const valueStr = (myAlignedDecimal + offsetAlignedDecimal).toString(); // We need fill string length back to `maxDecimalLength` to avoid parser failed const { negativeStr, trimStr } = (0,_numberUtil__WEBPACK_IMPORTED_MODULE_0__.trimNumber)(valueStr); const hydrateValueStr = `${negativeStr}${trimStr.padStart(maxDecimalLength + 1, '0')}`; return new BigIntDecimal(`${hydrateValueStr.slice(0, -maxDecimalLength)}.${hydrateValueStr.slice(-maxDecimalLength)}`); } isEmpty() { return this.empty; } isNaN() { return this.nan; } isInvalidate() { return this.isEmpty() || this.isNaN(); } equals(target) { return this.toString() === (target === null || target === void 0 ? void 0 : target.toString()); } lessEquals(target) { return this.add(target.negate().toString()).toNumber() <= 0; } toNumber() { if (this.isNaN()) { return NaN; } return Number(this.toString()); } toString() { let safe = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true; if (!safe) { return this.origin; } if (this.isInvalidate()) { return ''; } return (0,_numberUtil__WEBPACK_IMPORTED_MODULE_0__.trimNumber)(`${this.getMark()}${this.getIntegerStr()}.${this.getDecimalStr()}`).fullStr; } } function getMiniDecimal(value) { // We use BigInt here. // Will fallback to Number if not support. if ((0,_supportUtil__WEBPACK_IMPORTED_MODULE_1__.supportBigInt)()) { return new BigIntDecimal(value); } return new NumberDecimal(value); } /** * Align the logic of toFixed to around like 1.5 => 2. * If set `cutOnly`, will just remove the over decimal part. */ function toFixed(numStr, separatorStr, precision) { let cutOnly = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false; if (numStr === '') { return ''; } const { negativeStr, integerStr, decimalStr } = (0,_numberUtil__WEBPACK_IMPORTED_MODULE_0__.trimNumber)(numStr); const precisionDecimalStr = `${separatorStr}${decimalStr}`; const numberWithoutDecimal = `${negativeStr}${integerStr}`; if (precision >= 0) { // We will get last + 1 number to check if need advanced number const advancedNum = Number(decimalStr[precision]); if (advancedNum >= 5 && !cutOnly) { const advancedDecimal = getMiniDecimal(numStr).add(`${negativeStr}0.${'0'.repeat(precision)}${10 - advancedNum}`); return toFixed(advancedDecimal.toString(), separatorStr, precision, cutOnly); } if (precision === 0) { return numberWithoutDecimal; } return `${numberWithoutDecimal}${separatorStr}${decimalStr.padEnd(precision, '0').slice(0, precision)}`; } if (precisionDecimalStr === '.0') { return numberWithoutDecimal; } return `${numberWithoutDecimal}${precisionDecimalStr}`; } /***/ }), /***/ "./components/input-number/src/utils/numberUtil.ts": /*!*********************************************************!*\ !*** ./components/input-number/src/utils/numberUtil.ts ***! \*********************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ getNumberPrecision: () => (/* binding */ getNumberPrecision), /* harmony export */ isE: () => (/* binding */ isE), /* harmony export */ num2str: () => (/* binding */ num2str), /* harmony export */ trimNumber: () => (/* binding */ trimNumber), /* harmony export */ validateNumber: () => (/* binding */ validateNumber) /* harmony export */ }); /* harmony import */ var _supportUtil__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./supportUtil */ "./components/input-number/src/utils/supportUtil.ts"); /** * Format string number to readable number */ function trimNumber(numStr) { let str = numStr.trim(); let negative = str.startsWith('-'); if (negative) { str = str.slice(1); } str = str // Remove decimal 0. `1.000` => `1.`, `1.100` => `1.1` .replace(/(\.\d*[^0])0*$/, '$1') // Remove useless decimal. `1.` => `1` .replace(/\.0*$/, '') // Remove integer 0. `0001` => `1`, 000.1' => `.1` .replace(/^0+/, ''); if (str.startsWith('.')) { str = `0${str}`; } const trimStr = str || '0'; const splitNumber = trimStr.split('.'); const integerStr = splitNumber[0] || '0'; const decimalStr = splitNumber[1] || '0'; if (integerStr === '0' && decimalStr === '0') { negative = false; } const negativeStr = negative ? '-' : ''; return { negative, negativeStr, trimStr, integerStr, decimalStr, fullStr: `${negativeStr}${trimStr}` }; } function isE(number) { const str = String(number); return !Number.isNaN(Number(str)) && str.includes('e'); } /** * [Legacy] Convert 1e-9 to 0.000000001. * This may lose some precision if user really want 1e-9. */ function getNumberPrecision(number) { const numStr = String(number); if (isE(number)) { let precision = Number(numStr.slice(numStr.indexOf('e-') + 2)); const decimalMatch = numStr.match(/\.(\d+)/); if (decimalMatch === null || decimalMatch === void 0 ? void 0 : decimalMatch[1]) { precision += decimalMatch[1].length; } return precision; } return numStr.includes('.') && validateNumber(numStr) ? numStr.length - numStr.indexOf('.') - 1 : 0; } /** * Convert number (includes scientific notation) to -xxx.yyy format */ function num2str(number) { let numStr = String(number); if (isE(number)) { if (number > Number.MAX_SAFE_INTEGER) { return String((0,_supportUtil__WEBPACK_IMPORTED_MODULE_0__.supportBigInt)() ? BigInt(number).toString() : Number.MAX_SAFE_INTEGER); } if (number < Number.MIN_SAFE_INTEGER) { return String((0,_supportUtil__WEBPACK_IMPORTED_MODULE_0__.supportBigInt)() ? BigInt(number).toString() : Number.MIN_SAFE_INTEGER); } numStr = number.toFixed(getNumberPrecision(numStr)); } return trimNumber(numStr).fullStr; } function validateNumber(num) { if (typeof num === 'number') { return !Number.isNaN(num); } // Empty if (!num) { return false; } return ( // Normal type: 11.28 /^\s*-?\d+(\.\d+)?\s*$/.test(num) || // Pre-number: 1. /^\s*-?\d+\.\s*$/.test(num) || // Post-number: .1 /^\s*-?\.\d+\s*$/.test(num) ); } /***/ }), /***/ "./components/input-number/src/utils/supportUtil.ts": /*!**********************************************************!*\ !*** ./components/input-number/src/utils/supportUtil.ts ***! \**********************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ supportBigInt: () => (/* binding */ supportBigInt) /* harmony export */ }); function supportBigInt() { return typeof BigInt === 'function'; } /***/ }), /***/ "./components/input-number/style/index.tsx": /*!*************************************************!*\ !*** ./components/input-number/style/index.tsx ***! \*************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _input_style__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../input/style */ "./components/input/style/index.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/genComponentStyleHook.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../style */ "./components/style/index.ts"); /* harmony import */ var _style_compact_item__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../style/compact-item */ "./components/style/compact-item.ts"); const genInputNumberStyles = token => { const { componentCls, lineWidth, lineType, colorBorder, borderRadius, fontSizeLG, controlHeightLG, controlHeightSM, colorError, inputPaddingHorizontalSM, colorTextDescription, motionDurationMid, colorPrimary, controlHeight, inputPaddingHorizontal, colorBgContainer, colorTextDisabled, borderRadiusSM, borderRadiusLG, controlWidth, handleVisible } = token; return [{ [componentCls]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_1__.resetComponent)(token)), (0,_input_style__WEBPACK_IMPORTED_MODULE_2__.genBasicInputStyle)(token)), (0,_input_style__WEBPACK_IMPORTED_MODULE_2__.genStatusStyle)(token, componentCls)), { display: 'inline-block', width: controlWidth, margin: 0, padding: 0, border: `${lineWidth}px ${lineType} ${colorBorder}`, borderRadius, '&-rtl': { direction: 'rtl', [`${componentCls}-input`]: { direction: 'rtl' } }, '&-lg': { padding: 0, fontSize: fontSizeLG, borderRadius: borderRadiusLG, [`input${componentCls}-input`]: { height: controlHeightLG - 2 * lineWidth } }, '&-sm': { padding: 0, borderRadius: borderRadiusSM, [`input${componentCls}-input`]: { height: controlHeightSM - 2 * lineWidth, padding: `0 ${inputPaddingHorizontalSM}px` } }, '&:hover': (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_input_style__WEBPACK_IMPORTED_MODULE_2__.genHoverStyle)(token)), '&-focused': (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_input_style__WEBPACK_IMPORTED_MODULE_2__.genActiveStyle)(token)), '&-disabled': (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_input_style__WEBPACK_IMPORTED_MODULE_2__.genDisabledStyle)(token)), { [`${componentCls}-input`]: { cursor: 'not-allowed' } }), // ===================== Out Of Range ===================== '&-out-of-range': { input: { color: colorError } }, // Style for input-group: input with label, with button or dropdown... '&-group': (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_1__.resetComponent)(token)), (0,_input_style__WEBPACK_IMPORTED_MODULE_2__.genInputGroupStyle)(token)), { '&-wrapper': { display: 'inline-block', textAlign: 'start', verticalAlign: 'top', [`${componentCls}-affix-wrapper`]: { width: '100%' }, // Size '&-lg': { [`${componentCls}-group-addon`]: { borderRadius: borderRadiusLG } }, '&-sm': { [`${componentCls}-group-addon`]: { borderRadius: borderRadiusSM } } } }), [componentCls]: { '&-input': (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ width: '100%', height: controlHeight - 2 * lineWidth, padding: `0 ${inputPaddingHorizontal}px`, textAlign: 'start', backgroundColor: 'transparent', border: 0, borderRadius, outline: 0, transition: `all ${motionDurationMid} linear`, appearance: 'textfield', color: token.colorText, fontSize: 'inherit', verticalAlign: 'top' }, (0,_input_style__WEBPACK_IMPORTED_MODULE_2__.genPlaceholderStyle)(token.colorTextPlaceholder)), { '&[type="number"]::-webkit-inner-spin-button, &[type="number"]::-webkit-outer-spin-button': { margin: 0, /* stylelint-disable-next-line property-no-vendor-prefix */ webkitAppearance: 'none', appearance: 'none' } }) } }) }, // Handler { [componentCls]: { [`&:hover ${componentCls}-handler-wrap, &-focused ${componentCls}-handler-wrap`]: { opacity: 1 }, [`${componentCls}-handler-wrap`]: { position: 'absolute', insetBlockStart: 0, insetInlineEnd: 0, width: token.handleWidth, height: '100%', background: colorBgContainer, borderStartStartRadius: 0, borderStartEndRadius: borderRadius, borderEndEndRadius: borderRadius, borderEndStartRadius: 0, opacity: handleVisible === true ? 1 : 0, display: 'flex', flexDirection: 'column', alignItems: 'stretch', transition: `opacity ${motionDurationMid} linear ${motionDurationMid}`, // Fix input number inside Menu makes icon too large // We arise the selector priority by nest selector here // https://github.com/ant-design/ant-design/issues/14367 [`${componentCls}-handler`]: { display: 'flex', alignItems: 'center', justifyContent: 'center', flex: 'auto', height: '40%', [` ${componentCls}-handler-up-inner, ${componentCls}-handler-down-inner `]: { marginInlineEnd: 0, fontSize: token.handleFontSize } } }, [`${componentCls}-handler`]: { height: '50%', overflow: 'hidden', color: colorTextDescription, fontWeight: 'bold', lineHeight: 0, textAlign: 'center', cursor: 'pointer', borderInlineStart: `${lineWidth}px ${lineType} ${colorBorder}`, transition: `all ${motionDurationMid} linear`, '&:active': { background: token.colorFillAlter }, // Hover '&:hover': { height: `60%`, [` ${componentCls}-handler-up-inner, ${componentCls}-handler-down-inner `]: { color: colorPrimary } }, '&-up-inner, &-down-inner': (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_1__.resetIcon)()), { color: colorTextDescription, transition: `all ${motionDurationMid} linear`, userSelect: 'none' }) }, [`${componentCls}-handler-up`]: { borderStartEndRadius: borderRadius }, [`${componentCls}-handler-down`]: { borderBlockStart: `${lineWidth}px ${lineType} ${colorBorder}`, borderEndEndRadius: borderRadius }, // Disabled '&-disabled, &-readonly': { [`${componentCls}-handler-wrap`]: { display: 'none' }, [`${componentCls}-input`]: { color: 'inherit' } }, [` ${componentCls}-handler-up-disabled, ${componentCls}-handler-down-disabled `]: { cursor: 'not-allowed' }, [` ${componentCls}-handler-up-disabled:hover &-handler-up-inner, ${componentCls}-handler-down-disabled:hover &-handler-down-inner `]: { color: colorTextDisabled } } }, // Border-less { [`${componentCls}-borderless`]: { borderColor: 'transparent', boxShadow: 'none', [`${componentCls}-handler-down`]: { borderBlockStartWidth: 0 } } }]; }; const genAffixWrapperStyles = token => { const { componentCls, inputPaddingHorizontal, inputAffixPadding, controlWidth, borderRadiusLG, borderRadiusSM } = token; return { [`${componentCls}-affix-wrapper`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_input_style__WEBPACK_IMPORTED_MODULE_2__.genBasicInputStyle)(token)), (0,_input_style__WEBPACK_IMPORTED_MODULE_2__.genStatusStyle)(token, `${componentCls}-affix-wrapper`)), { // or number handler will cover form status position: 'relative', display: 'inline-flex', width: controlWidth, padding: 0, paddingInlineStart: inputPaddingHorizontal, '&-lg': { borderRadius: borderRadiusLG }, '&-sm': { borderRadius: borderRadiusSM }, [`&:not(${componentCls}-affix-wrapper-disabled):hover`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_input_style__WEBPACK_IMPORTED_MODULE_2__.genHoverStyle)(token)), { zIndex: 1 }), '&-focused, &:focus': { zIndex: 1 }, '&-disabled': { [`${componentCls}[disabled]`]: { background: 'transparent' } }, [`> div${componentCls}`]: { width: '100%', border: 'none', outline: 'none', [`&${componentCls}-focused`]: { boxShadow: 'none !important' } }, [`input${componentCls}-input`]: { padding: 0 }, '&::before': { width: 0, visibility: 'hidden', content: '"\\a0"' }, [`${componentCls}-handler-wrap`]: { zIndex: 2 }, [componentCls]: { '&-prefix, &-suffix': { display: 'flex', flex: 'none', alignItems: 'center', pointerEvents: 'none' }, '&-prefix': { marginInlineEnd: inputAffixPadding }, '&-suffix': { position: 'absolute', insetBlockStart: 0, insetInlineEnd: 0, zIndex: 1, height: '100%', marginInlineEnd: inputPaddingHorizontal, marginInlineStart: inputAffixPadding } } }) }; }; // ============================== Export ============================== /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_theme_internal__WEBPACK_IMPORTED_MODULE_3__["default"])('InputNumber', token => { const inputNumberToken = (0,_input_style__WEBPACK_IMPORTED_MODULE_2__.initInputToken)(token); return [genInputNumberStyles(inputNumberToken), genAffixWrapperStyles(inputNumberToken), // ===================================================== // == Space Compact == // ===================================================== (0,_style_compact_item__WEBPACK_IMPORTED_MODULE_4__.genCompactItemStyle)(inputNumberToken)]; }, token => ({ controlWidth: 90, handleWidth: token.controlHeightSM - token.lineWidth * 2, handleFontSize: token.fontSize / 2, handleVisible: 'auto' }))); /***/ }), /***/ "./components/input/ClearableLabeledInput.tsx": /*!****************************************************!*\ !*** ./components/input/ClearableLabeledInput.tsx ***! \****************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _ant_design_icons_vue_es_icons_CloseCircleFilled__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/CloseCircleFilled */ "./node_modules/@ant-design/icons-vue/es/icons/CloseCircleFilled.js"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _util_vnode__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../_util/vnode */ "./components/_util/vnode.ts"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); /* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./util */ "./components/input/util.ts"); /* harmony import */ var _form_FormItemContext__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../form/FormItemContext */ "./components/form/FormItemContext.ts"); /* harmony import */ var _util_statusUtils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../_util/statusUtils */ "./components/_util/statusUtils.tsx"); const ClearableInputType = ['text', 'input']; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'ClearableLabeledInput', inheritAttrs: false, props: { prefixCls: String, inputType: _util_vue_types__WEBPACK_IMPORTED_MODULE_1__["default"].oneOf((0,_util_type__WEBPACK_IMPORTED_MODULE_2__.tuple)('text', 'input')), value: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.anyType)(), defaultValue: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.anyType)(), allowClear: { type: Boolean, default: undefined }, element: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.anyType)(), handleReset: Function, disabled: { type: Boolean, default: undefined }, direction: { type: String }, size: { type: String }, suffix: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.anyType)(), prefix: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.anyType)(), addonBefore: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.anyType)(), addonAfter: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.anyType)(), readonly: { type: Boolean, default: undefined }, focused: { type: Boolean, default: undefined }, bordered: { type: Boolean, default: true }, triggerFocus: { type: Function }, hidden: Boolean, status: String, hashId: String }, setup(props, _ref) { let { slots, attrs } = _ref; const statusContext = _form_FormItemContext__WEBPACK_IMPORTED_MODULE_3__.FormItemInputContext.useInject(); const renderClearIcon = prefixCls => { const { value, disabled, readonly, handleReset, suffix = slots.suffix } = props; const needClear = !disabled && !readonly && value; const className = `${prefixCls}-clear-icon`; return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_ant_design_icons_vue_es_icons_CloseCircleFilled__WEBPACK_IMPORTED_MODULE_4__["default"], { "onClick": handleReset, "onMousedown": e => e.preventDefault(), "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_5__["default"])({ [`${className}-hidden`]: !needClear, [`${className}-has-suffix`]: !!suffix }, className), "role": "button" }, null); }; const renderTextAreaWithClearIcon = (prefixCls, element) => { const { value, allowClear, direction, bordered, hidden, status: customStatus, addonAfter = slots.addonAfter, addonBefore = slots.addonBefore, hashId } = props; const { status: contextStatus, hasFeedback } = statusContext; if (!allowClear) { return (0,_util_vnode__WEBPACK_IMPORTED_MODULE_6__.cloneElement)(element, { value, disabled: props.disabled }); } const affixWrapperCls = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_5__["default"])(`${prefixCls}-affix-wrapper`, `${prefixCls}-affix-wrapper-textarea-with-clear-btn`, (0,_util_statusUtils__WEBPACK_IMPORTED_MODULE_7__.getStatusClassNames)(`${prefixCls}-affix-wrapper`, (0,_util_statusUtils__WEBPACK_IMPORTED_MODULE_7__.getMergedStatus)(contextStatus, customStatus), hasFeedback), { [`${prefixCls}-affix-wrapper-rtl`]: direction === 'rtl', [`${prefixCls}-affix-wrapper-borderless`]: !bordered, // className will go to addon wrapper [`${attrs.class}`]: !(0,_util__WEBPACK_IMPORTED_MODULE_8__.hasAddon)({ addonAfter, addonBefore }) && attrs.class }, hashId); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("span", { "class": affixWrapperCls, "style": attrs.style, "hidden": hidden }, [(0,_util_vnode__WEBPACK_IMPORTED_MODULE_6__.cloneElement)(element, { style: null, value, disabled: props.disabled }), renderClearIcon(prefixCls)]); }; return () => { var _a; const { prefixCls, inputType, element = (_a = slots.element) === null || _a === void 0 ? void 0 : _a.call(slots) } = props; if (inputType === ClearableInputType[0]) { return renderTextAreaWithClearIcon(prefixCls, element); } return null; }; } })); /***/ }), /***/ "./components/input/Group.tsx": /*!************************************!*\ !*** ./components/input/Group.tsx ***! \************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _form_FormItemContext__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../form/FormItemContext */ "./components/form/FormItemContext.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./style */ "./components/input/style/index.ts"); // CSSINJS /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'AInputGroup', inheritAttrs: false, props: { prefixCls: String, size: { type: String }, compact: { type: Boolean, default: undefined } }, setup(props, _ref) { let { slots, attrs } = _ref; const { prefixCls, direction, getPrefixCls } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_2__["default"])('input-group', props); const formItemInputContext = _form_FormItemContext__WEBPACK_IMPORTED_MODULE_3__.FormItemInputContext.useInject(); _form_FormItemContext__WEBPACK_IMPORTED_MODULE_3__.FormItemInputContext.useProvide(formItemInputContext, { isFormItemInput: false }); // style const inputPrefixCls = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => getPrefixCls('input')); const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_4__["default"])(inputPrefixCls); const cls = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { const pre = prefixCls.value; return { [`${pre}`]: true, [hashId.value]: true, [`${pre}-lg`]: props.size === 'large', [`${pre}-sm`]: props.size === 'small', [`${pre}-compact`]: props.compact, [`${pre}-rtl`]: direction.value === 'rtl' }; }); return () => { var _a; return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, attrs), {}, { "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_5__["default"])(cls.value, attrs.class) }), [(_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)])); }; } })); /***/ }), /***/ "./components/input/Input.tsx": /*!************************************!*\ !*** ./components/input/Input.tsx ***! \************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _form_FormItemContext__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../form/FormItemContext */ "./components/form/FormItemContext.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _util_statusUtils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../_util/statusUtils */ "./components/_util/statusUtils.tsx"); /* harmony import */ var _vc_input_utils_commonUtils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../vc-input/utils/commonUtils */ "./components/vc-input/utils/commonUtils.ts"); /* harmony import */ var _vc_input_Input__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../vc-input/Input */ "./components/vc-input/Input.tsx"); /* harmony import */ var _inputProps__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./inputProps */ "./components/input/inputProps.ts"); /* harmony import */ var _util_omit__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../_util/omit */ "./components/_util/omit.ts"); /* harmony import */ var _ant_design_icons_vue_es_icons_CloseCircleFilled__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/CloseCircleFilled */ "./node_modules/@ant-design/icons-vue/es/icons/CloseCircleFilled.js"); /* harmony import */ var _space_Compact__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../space/Compact */ "./components/space/Compact.tsx"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./style */ "./components/input/style/index.ts"); /* harmony import */ var _config_provider_DisabledContext__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../config-provider/DisabledContext */ "./components/config-provider/DisabledContext.ts"); var __rest = undefined && undefined.__rest || function (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; }; // CSSINJS /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'AInput', inheritAttrs: false, props: (0,_inputProps__WEBPACK_IMPORTED_MODULE_3__["default"])(), setup(props, _ref) { let { slots, attrs, expose, emit } = _ref; const inputRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(); const formItemContext = (0,_form_FormItemContext__WEBPACK_IMPORTED_MODULE_4__.useInjectFormItemContext)(); const formItemInputContext = _form_FormItemContext__WEBPACK_IMPORTED_MODULE_4__.FormItemInputContext.useInject(); const mergedStatus = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => (0,_util_statusUtils__WEBPACK_IMPORTED_MODULE_5__.getMergedStatus)(formItemInputContext.status, props.status)); const { direction, prefixCls, size, autocomplete } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_6__["default"])('input', props); // ===================== Compact Item ===================== const { compactSize, compactItemClassnames } = (0,_space_Compact__WEBPACK_IMPORTED_MODULE_7__.useCompactItemContext)(prefixCls, direction); const mergedSize = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { return compactSize.value || size.value; }); // Style const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_8__["default"])(prefixCls); const disabled = (0,_config_provider_DisabledContext__WEBPACK_IMPORTED_MODULE_9__.useInjectDisabled)(); const focus = option => { var _a; (_a = inputRef.value) === null || _a === void 0 ? void 0 : _a.focus(option); }; const blur = () => { var _a; (_a = inputRef.value) === null || _a === void 0 ? void 0 : _a.blur(); }; const setSelectionRange = (start, end, direction) => { var _a; (_a = inputRef.value) === null || _a === void 0 ? void 0 : _a.setSelectionRange(start, end, direction); }; const select = () => { var _a; (_a = inputRef.value) === null || _a === void 0 ? void 0 : _a.select(); }; expose({ focus, blur, input: inputRef, setSelectionRange, select }); // ===================== Remove Password value ===================== const removePasswordTimeoutRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)([]); const removePasswordTimeout = () => { removePasswordTimeoutRef.value.push(setTimeout(() => { var _a, _b, _c, _d; if (((_a = inputRef.value) === null || _a === void 0 ? void 0 : _a.input) && ((_b = inputRef.value) === null || _b === void 0 ? void 0 : _b.input.getAttribute('type')) === 'password' && ((_c = inputRef.value) === null || _c === void 0 ? void 0 : _c.input.hasAttribute('value'))) { (_d = inputRef.value) === null || _d === void 0 ? void 0 : _d.input.removeAttribute('value'); } })); }; (0,vue__WEBPACK_IMPORTED_MODULE_2__.onMounted)(() => { removePasswordTimeout(); }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.onBeforeUpdate)(() => { removePasswordTimeoutRef.value.forEach(item => clearTimeout(item)); }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.onBeforeUnmount)(() => { removePasswordTimeoutRef.value.forEach(item => clearTimeout(item)); }); const handleBlur = e => { removePasswordTimeout(); emit('blur', e); formItemContext.onFieldBlur(); }; const handleFocus = e => { removePasswordTimeout(); emit('focus', e); }; const triggerChange = e => { emit('update:value', e.target.value); emit('change', e); emit('input', e); formItemContext.onFieldChange(); }; return () => { var _a, _b, _c, _d, _e, _f; const { hasFeedback, feedbackIcon } = formItemInputContext; const { allowClear, bordered = true, prefix = (_a = slots.prefix) === null || _a === void 0 ? void 0 : _a.call(slots), suffix = (_b = slots.suffix) === null || _b === void 0 ? void 0 : _b.call(slots), addonAfter = (_c = slots.addonAfter) === null || _c === void 0 ? void 0 : _c.call(slots), addonBefore = (_d = slots.addonBefore) === null || _d === void 0 ? void 0 : _d.call(slots), id = (_e = formItemContext.id) === null || _e === void 0 ? void 0 : _e.value } = props, rest = __rest(props, ["allowClear", "bordered", "prefix", "suffix", "addonAfter", "addonBefore", "id"]); const suffixNode = (hasFeedback || suffix) && (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_2__.Fragment, null, [suffix, hasFeedback && feedbackIcon]); const prefixClsValue = prefixCls.value; const inputHasPrefixSuffix = (0,_vc_input_utils_commonUtils__WEBPACK_IMPORTED_MODULE_10__.hasPrefixSuffix)({ prefix, suffix }) || !!hasFeedback; const clearIcon = slots.clearIcon || (() => (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_ant_design_icons_vue_es_icons_CloseCircleFilled__WEBPACK_IMPORTED_MODULE_11__["default"], null, null)); return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_vc_input_Input__WEBPACK_IMPORTED_MODULE_12__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, attrs), (0,_util_omit__WEBPACK_IMPORTED_MODULE_13__["default"])(rest, ['onUpdate:value', 'onChange', 'onInput'])), {}, { "onChange": triggerChange, "id": id, "disabled": (_f = props.disabled) !== null && _f !== void 0 ? _f : disabled.value, "ref": inputRef, "prefixCls": prefixClsValue, "autocomplete": autocomplete.value, "onBlur": handleBlur, "onFocus": handleFocus, "prefix": prefix, "suffix": suffixNode, "allowClear": allowClear, "addonAfter": addonAfter && (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_space_Compact__WEBPACK_IMPORTED_MODULE_7__.NoCompactStyle, null, { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_form_FormItemContext__WEBPACK_IMPORTED_MODULE_4__.NoFormStatus, null, { default: () => [addonAfter] })] }), "addonBefore": addonBefore && (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_space_Compact__WEBPACK_IMPORTED_MODULE_7__.NoCompactStyle, null, { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_form_FormItemContext__WEBPACK_IMPORTED_MODULE_4__.NoFormStatus, null, { default: () => [addonBefore] })] }), "class": [attrs.class, compactItemClassnames.value], "inputClassName": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_14__["default"])({ [`${prefixClsValue}-sm`]: mergedSize.value === 'small', [`${prefixClsValue}-lg`]: mergedSize.value === 'large', [`${prefixClsValue}-rtl`]: direction.value === 'rtl', [`${prefixClsValue}-borderless`]: !bordered }, !inputHasPrefixSuffix && (0,_util_statusUtils__WEBPACK_IMPORTED_MODULE_5__.getStatusClassNames)(prefixClsValue, mergedStatus.value), hashId.value), "affixWrapperClassName": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_14__["default"])({ [`${prefixClsValue}-affix-wrapper-sm`]: mergedSize.value === 'small', [`${prefixClsValue}-affix-wrapper-lg`]: mergedSize.value === 'large', [`${prefixClsValue}-affix-wrapper-rtl`]: direction.value === 'rtl', [`${prefixClsValue}-affix-wrapper-borderless`]: !bordered }, (0,_util_statusUtils__WEBPACK_IMPORTED_MODULE_5__.getStatusClassNames)(`${prefixClsValue}-affix-wrapper`, mergedStatus.value, hasFeedback), hashId.value), "wrapperClassName": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_14__["default"])({ [`${prefixClsValue}-group-rtl`]: direction.value === 'rtl' }, hashId.value), "groupClassName": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_14__["default"])({ [`${prefixClsValue}-group-wrapper-sm`]: mergedSize.value === 'small', [`${prefixClsValue}-group-wrapper-lg`]: mergedSize.value === 'large', [`${prefixClsValue}-group-wrapper-rtl`]: direction.value === 'rtl' }, (0,_util_statusUtils__WEBPACK_IMPORTED_MODULE_5__.getStatusClassNames)(`${prefixClsValue}-group-wrapper`, mergedStatus.value, hasFeedback), hashId.value) }), (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, slots), { clearIcon }))); }; } })); /***/ }), /***/ "./components/input/Password.tsx": /*!***************************************!*\ !*** ./components/input/Password.tsx ***! \***************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/index.ts"); /* harmony import */ var _util_vnode__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../_util/vnode */ "./components/_util/vnode.ts"); /* harmony import */ var _Input__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./Input */ "./components/input/Input.tsx"); /* harmony import */ var _ant_design_icons_vue_es_icons_EyeOutlined__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/EyeOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/EyeOutlined.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_EyeInvisibleOutlined__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/EyeInvisibleOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/EyeInvisibleOutlined.js"); /* harmony import */ var _inputProps__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./inputProps */ "./components/input/inputProps.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _util_omit__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../_util/omit */ "./components/_util/omit.ts"); var __rest = undefined && undefined.__rest || function (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; }; const ActionMap = { click: 'onClick', hover: 'onMouseover' }; const defaultIconRender = visible => visible ? (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_ant_design_icons_vue_es_icons_EyeOutlined__WEBPACK_IMPORTED_MODULE_3__["default"], null, null) : (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_ant_design_icons_vue_es_icons_EyeInvisibleOutlined__WEBPACK_IMPORTED_MODULE_4__["default"], null, null); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'AInputPassword', inheritAttrs: false, props: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, (0,_inputProps__WEBPACK_IMPORTED_MODULE_5__["default"])()), { prefixCls: String, inputPrefixCls: String, action: { type: String, default: 'click' }, visibilityToggle: { type: Boolean, default: true }, visible: { type: Boolean, default: undefined }, 'onUpdate:visible': Function, iconRender: Function }), setup(props, _ref) { let { slots, attrs, expose, emit } = _ref; const visible = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(false); const onVisibleChange = () => { const { disabled } = props; if (disabled) { return; } visible.value = !visible.value; emit('update:visible', visible.value); }; (0,vue__WEBPACK_IMPORTED_MODULE_2__.watchEffect)(() => { if (props.visible !== undefined) { visible.value = !!props.visible; } }); const inputRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(); const focus = () => { var _a; (_a = inputRef.value) === null || _a === void 0 ? void 0 : _a.focus(); }; const blur = () => { var _a; (_a = inputRef.value) === null || _a === void 0 ? void 0 : _a.blur(); }; expose({ focus, blur }); const getIcon = prefixCls => { const { action, iconRender = slots.iconRender || defaultIconRender } = props; const iconTrigger = ActionMap[action] || ''; const icon = iconRender(visible.value); const iconProps = { [iconTrigger]: onVisibleChange, class: `${prefixCls}-icon`, key: 'passwordIcon', onMousedown: e => { // Prevent focused state lost // https://github.com/ant-design/ant-design/issues/15173 e.preventDefault(); }, onMouseup: e => { // Prevent caret position change // https://github.com/ant-design/ant-design/issues/23524 e.preventDefault(); } }; return (0,_util_vnode__WEBPACK_IMPORTED_MODULE_6__.cloneElement)((0,_util_props_util__WEBPACK_IMPORTED_MODULE_7__.isValidElement)(icon) ? icon : (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", null, [icon]), iconProps); }; const { prefixCls, getPrefixCls } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_8__["default"])('input-password', props); const inputPrefixCls = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => getPrefixCls('input', props.inputPrefixCls)); const renderPassword = () => { const { size, visibilityToggle } = props, restProps = __rest(props, ["size", "visibilityToggle"]); const suffixIcon = visibilityToggle && getIcon(prefixCls.value); const inputClassName = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_9__["default"])(prefixCls.value, attrs.class, { [`${prefixCls.value}-${size}`]: !!size }); const omittedProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, (0,_util_omit__WEBPACK_IMPORTED_MODULE_10__["default"])(restProps, ['suffix', 'iconRender', 'action'])), attrs), { type: visible.value ? 'text' : 'password', class: inputClassName, prefixCls: inputPrefixCls.value, suffix: suffixIcon }); if (size) { omittedProps.size = size; } return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_Input__WEBPACK_IMPORTED_MODULE_11__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "ref": inputRef }, omittedProps), slots); }; return () => { return renderPassword(); }; } })); /***/ }), /***/ "./components/input/ResizableTextArea.tsx": /*!************************************************!*\ !*** ./components/input/ResizableTextArea.tsx ***! \************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _vc_resize_observer__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../vc-resize-observer */ "./components/vc-resize-observer/index.tsx"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _util_raf__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/raf */ "./components/_util/raf.ts"); /* harmony import */ var _util_warning__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../_util/warning */ "./components/_util/warning.ts"); /* harmony import */ var _util_omit__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../_util/omit */ "./components/_util/omit.ts"); /* harmony import */ var _inputProps__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./inputProps */ "./components/input/inputProps.ts"); /* harmony import */ var _calculateNodeHeight__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./calculateNodeHeight */ "./components/input/calculateNodeHeight.tsx"); /* harmony import */ var _util_BaseInput__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../_util/BaseInput */ "./components/_util/BaseInput.tsx"); const RESIZE_START = 0; const RESIZE_MEASURING = 1; const RESIZE_STABLE = 2; const ResizableTextArea = (0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'ResizableTextArea', inheritAttrs: false, props: (0,_inputProps__WEBPACK_IMPORTED_MODULE_3__.textAreaProps)(), setup(props, _ref) { let { attrs, emit, expose } = _ref; let nextFrameActionId; let resizeFrameId; const textAreaRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(); const textareaStyles = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)({}); const resizeStatus = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(RESIZE_STABLE); (0,vue__WEBPACK_IMPORTED_MODULE_2__.onBeforeUnmount)(() => { _util_raf__WEBPACK_IMPORTED_MODULE_4__["default"].cancel(nextFrameActionId); _util_raf__WEBPACK_IMPORTED_MODULE_4__["default"].cancel(resizeFrameId); }); // https://github.com/ant-design/ant-design/issues/21870 const fixFirefoxAutoScroll = () => { try { if (textAreaRef.value && document.activeElement === textAreaRef.value.input) { const currentStart = textAreaRef.value.getSelectionStart(); const currentEnd = textAreaRef.value.getSelectionEnd(); const scrollTop = textAreaRef.value.getScrollTop(); textAreaRef.value.setSelectionRange(currentStart, currentEnd); textAreaRef.value.setScrollTop(scrollTop); } } catch (e) { // Fix error in Chrome: // Failed to read the 'selectionStart' property from 'HTMLInputElement' // http://stackoverflow.com/q/21177489/3040605 } }; const minRows = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(); const maxRows = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watchEffect)(() => { const autoSize = props.autoSize || props.autosize; if (autoSize) { minRows.value = autoSize.minRows; maxRows.value = autoSize.maxRows; } else { minRows.value = undefined; maxRows.value = undefined; } }); const needAutoSize = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => !!(props.autoSize || props.autosize)); const startResize = () => { resizeStatus.value = RESIZE_START; }; (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)([() => props.value, minRows, maxRows, needAutoSize], () => { if (needAutoSize.value) { startResize(); } }, { immediate: true }); const autoSizeStyle = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)([resizeStatus, textAreaRef], () => { if (!textAreaRef.value) return; if (resizeStatus.value === RESIZE_START) { resizeStatus.value = RESIZE_MEASURING; } else if (resizeStatus.value === RESIZE_MEASURING) { const textareaStyles = (0,_calculateNodeHeight__WEBPACK_IMPORTED_MODULE_5__["default"])(textAreaRef.value.input, false, minRows.value, maxRows.value); resizeStatus.value = RESIZE_STABLE; autoSizeStyle.value = textareaStyles; } else { fixFirefoxAutoScroll(); } }, { immediate: true, flush: 'post' }); const instance = (0,vue__WEBPACK_IMPORTED_MODULE_2__.getCurrentInstance)(); const resizeRafRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(); const cleanRaf = () => { _util_raf__WEBPACK_IMPORTED_MODULE_4__["default"].cancel(resizeRafRef.value); }; const onInternalResize = size => { if (resizeStatus.value === RESIZE_STABLE) { emit('resize', size); if (needAutoSize.value) { cleanRaf(); resizeRafRef.value = (0,_util_raf__WEBPACK_IMPORTED_MODULE_4__["default"])(() => { startResize(); }); } } }; (0,vue__WEBPACK_IMPORTED_MODULE_2__.onBeforeUnmount)(() => { cleanRaf(); }); const resizeTextarea = () => { startResize(); }; expose({ resizeTextarea, textArea: (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { var _a; return (_a = textAreaRef.value) === null || _a === void 0 ? void 0 : _a.input; }), instance }); (0,_util_warning__WEBPACK_IMPORTED_MODULE_6__["default"])(props.autosize === undefined, 'Input.TextArea', 'autosize is deprecated, please use autoSize instead.'); const renderTextArea = () => { const { prefixCls, disabled } = props; const otherProps = (0,_util_omit__WEBPACK_IMPORTED_MODULE_7__["default"])(props, ['prefixCls', 'onPressEnter', 'autoSize', 'autosize', 'defaultValue', 'allowClear', 'type', 'maxlength', 'valueModifiers']); const cls = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_8__["default"])(prefixCls, attrs.class, { [`${prefixCls}-disabled`]: disabled }); const mergedAutoSizeStyle = needAutoSize.value ? autoSizeStyle.value : null; const style = [attrs.style, textareaStyles.value, mergedAutoSizeStyle]; const textareaProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, otherProps), attrs), { style, class: cls }); if (resizeStatus.value === RESIZE_START || resizeStatus.value === RESIZE_MEASURING) { style.push({ overflowX: 'hidden', overflowY: 'hidden' }); } if (!textareaProps.autofocus) { delete textareaProps.autofocus; } if (textareaProps.rows === 0) { delete textareaProps.rows; } return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_vc_resize_observer__WEBPACK_IMPORTED_MODULE_9__["default"], { "onResize": onInternalResize, "disabled": !needAutoSize.value }, { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_util_BaseInput__WEBPACK_IMPORTED_MODULE_10__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, textareaProps), {}, { "ref": textAreaRef, "tag": "textarea" }), null)] }); }; return () => { return renderTextArea(); }; } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ResizableTextArea); /***/ }), /***/ "./components/input/Search.tsx": /*!*************************************!*\ !*** ./components/input/Search.tsx ***! \*************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _Input__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./Input */ "./components/input/Input.tsx"); /* harmony import */ var _ant_design_icons_vue_es_icons_SearchOutlined__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/SearchOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/SearchOutlined.js"); /* harmony import */ var _button__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../button */ "./components/button/index.ts"); /* harmony import */ var _util_vnode__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../_util/vnode */ "./components/_util/vnode.ts"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var lodash_es_isPlainObject__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! lodash-es/isPlainObject */ "./node_modules/lodash-es/isPlainObject.js"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _util_omit__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../_util/omit */ "./components/_util/omit.ts"); /* harmony import */ var _inputProps__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./inputProps */ "./components/input/inputProps.ts"); var __rest = undefined && undefined.__rest || function (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; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'AInputSearch', inheritAttrs: false, props: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, (0,_inputProps__WEBPACK_IMPORTED_MODULE_3__["default"])()), { inputPrefixCls: String, // 不能设置默认值 https://github.com/vueComponent/ant-design-vue/issues/1916 enterButton: _util_vue_types__WEBPACK_IMPORTED_MODULE_4__["default"].any, onSearch: { type: Function } }), setup(props, _ref) { let { slots, attrs, expose, emit } = _ref; const inputRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(); const composedRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(false); const focus = () => { var _a; (_a = inputRef.value) === null || _a === void 0 ? void 0 : _a.focus(); }; const blur = () => { var _a; (_a = inputRef.value) === null || _a === void 0 ? void 0 : _a.blur(); }; expose({ focus, blur }); const onChange = e => { emit('update:value', e.target.value); if (e && e.target && e.type === 'click') { emit('search', e.target.value, e); } emit('change', e); }; const onMousedown = e => { var _a; if (document.activeElement === ((_a = inputRef.value) === null || _a === void 0 ? void 0 : _a.input)) { e.preventDefault(); } }; const onSearch = e => { var _a, _b; emit('search', (_b = (_a = inputRef.value) === null || _a === void 0 ? void 0 : _a.input) === null || _b === void 0 ? void 0 : _b.stateValue, e); }; const onPressEnter = e => { if (composedRef.value || props.loading) { return; } onSearch(e); }; const handleOnCompositionStart = e => { composedRef.value = true; emit('compositionstart', e); }; const handleOnCompositionEnd = e => { composedRef.value = false; emit('compositionend', e); }; const { prefixCls, getPrefixCls, direction, size } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_5__["default"])('input-search', props); const inputPrefixCls = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => getPrefixCls('input', props.inputPrefixCls)); return () => { var _a, _b, _c, _d; const { disabled, loading, addonAfter = (_a = slots.addonAfter) === null || _a === void 0 ? void 0 : _a.call(slots), suffix = (_b = slots.suffix) === null || _b === void 0 ? void 0 : _b.call(slots) } = props, restProps = __rest(props, ["disabled", "loading", "addonAfter", "suffix"]); let { enterButton = (_d = (_c = slots.enterButton) === null || _c === void 0 ? void 0 : _c.call(slots)) !== null && _d !== void 0 ? _d : false } = props; enterButton = enterButton || enterButton === ''; const searchIcon = typeof enterButton === 'boolean' ? (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_ant_design_icons_vue_es_icons_SearchOutlined__WEBPACK_IMPORTED_MODULE_6__["default"], null, null) : null; const btnClassName = `${prefixCls.value}-button`; const enterButtonAsElement = Array.isArray(enterButton) ? enterButton[0] : enterButton; let button; const isAntdButton = enterButtonAsElement.type && (0,lodash_es_isPlainObject__WEBPACK_IMPORTED_MODULE_7__["default"])(enterButtonAsElement.type) && enterButtonAsElement.type.__ANT_BUTTON; if (isAntdButton || enterButtonAsElement.tagName === 'button') { button = (0,_util_vnode__WEBPACK_IMPORTED_MODULE_8__.cloneElement)(enterButtonAsElement, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({ onMousedown, onClick: onSearch, key: 'enterButton' }, isAntdButton ? { class: btnClassName, size: size.value } : {}), false); } else { const iconOnly = searchIcon && !enterButton; button = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_button__WEBPACK_IMPORTED_MODULE_9__["default"], { "class": btnClassName, "type": enterButton ? 'primary' : undefined, "size": size.value, "disabled": disabled, "key": "enterButton", "onMousedown": onMousedown, "onClick": onSearch, "loading": loading, "icon": iconOnly ? searchIcon : null }, { default: () => [iconOnly ? null : searchIcon || enterButton] }); } if (addonAfter) { button = [button, addonAfter]; } const cls = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_10__["default"])(prefixCls.value, { [`${prefixCls.value}-rtl`]: direction.value === 'rtl', [`${prefixCls.value}-${size.value}`]: !!size.value, [`${prefixCls.value}-with-button`]: !!enterButton }, attrs.class); return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_Input__WEBPACK_IMPORTED_MODULE_11__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "ref": inputRef }, (0,_util_omit__WEBPACK_IMPORTED_MODULE_12__["default"])(restProps, ['onUpdate:value', 'onSearch', 'enterButton'])), attrs), {}, { "onPressEnter": onPressEnter, "onCompositionstart": handleOnCompositionStart, "onCompositionend": handleOnCompositionEnd, "size": size.value, "prefixCls": inputPrefixCls.value, "addonAfter": button, "suffix": suffix, "onChange": onChange, "class": cls, "disabled": disabled }), slots); }; } })); /***/ }), /***/ "./components/input/TextArea.tsx": /*!***************************************!*\ !*** ./components/input/TextArea.tsx ***! \***************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ClearableLabeledInput__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./ClearableLabeledInput */ "./components/input/ClearableLabeledInput.tsx"); /* harmony import */ var _ResizableTextArea__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./ResizableTextArea */ "./components/input/ResizableTextArea.tsx"); /* harmony import */ var _inputProps__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./inputProps */ "./components/input/inputProps.ts"); /* harmony import */ var _vc_input_utils_commonUtils__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../vc-input/utils/commonUtils */ "./components/vc-input/utils/commonUtils.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _form_FormItemContext__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../form/FormItemContext */ "./components/form/FormItemContext.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _util_omit__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../_util/omit */ "./components/_util/omit.ts"); /* harmony import */ var _util_statusUtils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../_util/statusUtils */ "./components/_util/statusUtils.tsx"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./style */ "./components/input/style/index.ts"); /* harmony import */ var _config_provider_DisabledContext__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../config-provider/DisabledContext */ "./components/config-provider/DisabledContext.ts"); // CSSINJS function fixEmojiLength(value, maxLength) { return [...(value || '')].slice(0, maxLength).join(''); } function setTriggerValue(isCursorInEnd, preValue, triggerValue, maxLength) { let newTriggerValue = triggerValue; if (isCursorInEnd) { // 光标在尾部,直接截断 newTriggerValue = fixEmojiLength(triggerValue, maxLength); } else if ([...(preValue || '')].length < triggerValue.length && [...(triggerValue || '')].length > maxLength) { // 光标在中间,如果最后的值超过最大值,则采用原先的值 newTriggerValue = preValue; } return newTriggerValue; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'ATextarea', inheritAttrs: false, props: (0,_inputProps__WEBPACK_IMPORTED_MODULE_3__.textAreaProps)(), setup(props, _ref) { let { attrs, expose, emit } = _ref; var _a; const formItemContext = (0,_form_FormItemContext__WEBPACK_IMPORTED_MODULE_4__.useInjectFormItemContext)(); const formItemInputContext = _form_FormItemContext__WEBPACK_IMPORTED_MODULE_4__.FormItemInputContext.useInject(); const mergedStatus = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => (0,_util_statusUtils__WEBPACK_IMPORTED_MODULE_5__.getMergedStatus)(formItemInputContext.status, props.status)); const stateValue = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)((_a = props.value) !== null && _a !== void 0 ? _a : props.defaultValue); const resizableTextArea = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(); const mergedValue = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(''); const { prefixCls, size, direction } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_6__["default"])('input', props); // Style const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_7__["default"])(prefixCls); const disabled = (0,_config_provider_DisabledContext__WEBPACK_IMPORTED_MODULE_8__.useInjectDisabled)(); const showCount = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { return props.showCount === '' || props.showCount || false; }); // Max length value const hasMaxLength = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => Number(props.maxlength) > 0); const compositing = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(false); const oldCompositionValueRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(); const oldSelectionStartRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(0); const onInternalCompositionStart = e => { compositing.value = true; // 拼音输入前保存一份旧值 oldCompositionValueRef.value = mergedValue.value; // 保存旧的光标位置 oldSelectionStartRef.value = e.currentTarget.selectionStart; emit('compositionstart', e); }; const onInternalCompositionEnd = e => { var _a; compositing.value = false; let triggerValue = e.currentTarget.value; if (hasMaxLength.value) { const isCursorInEnd = oldSelectionStartRef.value >= props.maxlength + 1 || oldSelectionStartRef.value === ((_a = oldCompositionValueRef.value) === null || _a === void 0 ? void 0 : _a.length); triggerValue = setTriggerValue(isCursorInEnd, oldCompositionValueRef.value, triggerValue, props.maxlength); } // Patch composition onChange when value changed if (triggerValue !== mergedValue.value) { setValue(triggerValue); (0,_vc_input_utils_commonUtils__WEBPACK_IMPORTED_MODULE_9__.resolveOnChange)(e.currentTarget, e, triggerChange, triggerValue); } emit('compositionend', e); }; const instance = (0,vue__WEBPACK_IMPORTED_MODULE_2__.getCurrentInstance)(); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)(() => props.value, () => { var _a; if ('value' in instance.vnode.props || {}) { stateValue.value = (_a = props.value) !== null && _a !== void 0 ? _a : ''; } }); const focus = option => { var _a; (0,_vc_input_utils_commonUtils__WEBPACK_IMPORTED_MODULE_9__.triggerFocus)((_a = resizableTextArea.value) === null || _a === void 0 ? void 0 : _a.textArea, option); }; const blur = () => { var _a, _b; (_b = (_a = resizableTextArea.value) === null || _a === void 0 ? void 0 : _a.textArea) === null || _b === void 0 ? void 0 : _b.blur(); }; const setValue = (value, callback) => { if (stateValue.value === value) { return; } if (props.value === undefined) { stateValue.value = value; } else { (0,vue__WEBPACK_IMPORTED_MODULE_2__.nextTick)(() => { var _a, _b, _c; if (resizableTextArea.value.textArea.value !== mergedValue.value) { (_c = (_a = resizableTextArea.value) === null || _a === void 0 ? void 0 : (_b = _a.instance).update) === null || _c === void 0 ? void 0 : _c.call(_b); } }); } (0,vue__WEBPACK_IMPORTED_MODULE_2__.nextTick)(() => { callback && callback(); }); }; const handleKeyDown = e => { if (e.keyCode === 13) { emit('pressEnter', e); } emit('keydown', e); }; const onBlur = e => { const { onBlur } = props; onBlur === null || onBlur === void 0 ? void 0 : onBlur(e); formItemContext.onFieldBlur(); }; const triggerChange = e => { emit('update:value', e.target.value); emit('change', e); emit('input', e); formItemContext.onFieldChange(); }; const handleReset = e => { (0,_vc_input_utils_commonUtils__WEBPACK_IMPORTED_MODULE_9__.resolveOnChange)(resizableTextArea.value.textArea, e, triggerChange); setValue('', () => { focus(); }); }; const handleChange = e => { let triggerValue = e.target.value; if (stateValue.value === triggerValue) return; if (hasMaxLength.value) { // 1. 复制粘贴超过maxlength的情况 2.未超过maxlength的情况 const target = e.target; const isCursorInEnd = target.selectionStart >= props.maxlength + 1 || target.selectionStart === triggerValue.length || !target.selectionStart; triggerValue = setTriggerValue(isCursorInEnd, mergedValue.value, triggerValue, props.maxlength); } (0,_vc_input_utils_commonUtils__WEBPACK_IMPORTED_MODULE_9__.resolveOnChange)(e.currentTarget, e, triggerChange, triggerValue); setValue(triggerValue); }; const renderTextArea = () => { var _a, _b; const { class: customClass } = attrs; const { bordered = true } = props; const resizeProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, (0,_util_omit__WEBPACK_IMPORTED_MODULE_10__["default"])(props, ['allowClear'])), attrs), { class: [{ [`${prefixCls.value}-borderless`]: !bordered, [`${customClass}`]: customClass && !showCount.value, [`${prefixCls.value}-sm`]: size.value === 'small', [`${prefixCls.value}-lg`]: size.value === 'large' }, (0,_util_statusUtils__WEBPACK_IMPORTED_MODULE_5__.getStatusClassNames)(prefixCls.value, mergedStatus.value), hashId.value], disabled: disabled.value, showCount: null, prefixCls: prefixCls.value, onInput: handleChange, onChange: handleChange, onBlur, onKeydown: handleKeyDown, onCompositionstart: onInternalCompositionStart, onCompositionend: onInternalCompositionEnd }); if ((_a = props.valueModifiers) === null || _a === void 0 ? void 0 : _a.lazy) { delete resizeProps.onInput; } return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_ResizableTextArea__WEBPACK_IMPORTED_MODULE_11__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, resizeProps), {}, { "id": (_b = resizeProps === null || resizeProps === void 0 ? void 0 : resizeProps.id) !== null && _b !== void 0 ? _b : formItemContext.id.value, "ref": resizableTextArea, "maxlength": props.maxlength, "lazy": props.lazy }), null); }; expose({ focus, blur, resizableTextArea }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watchEffect)(() => { let val = (0,_vc_input_utils_commonUtils__WEBPACK_IMPORTED_MODULE_9__.fixControlledValue)(stateValue.value); if (!compositing.value && hasMaxLength.value && (props.value === null || props.value === undefined)) { // fix #27612 将value转为数组进行截取,解决 '😂'.length === 2 等emoji表情导致的截取乱码的问题 val = fixEmojiLength(val, props.maxlength); } mergedValue.value = val; }); return () => { var _a; const { maxlength, bordered = true, hidden } = props; const { style, class: customClass } = attrs; const inputProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, props), attrs), { prefixCls: prefixCls.value, inputType: 'text', handleReset, direction: direction.value, bordered, style: showCount.value ? undefined : style, hashId: hashId.value, disabled: (_a = props.disabled) !== null && _a !== void 0 ? _a : disabled.value }); let textareaNode = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_ClearableLabeledInput__WEBPACK_IMPORTED_MODULE_12__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, inputProps), {}, { "value": mergedValue.value, "status": props.status }), { element: renderTextArea }); if (showCount.value || formItemInputContext.hasFeedback) { const valueLength = [...mergedValue.value].length; let dataCount = ''; if (typeof showCount.value === 'object') { dataCount = showCount.value.formatter({ value: mergedValue.value, count: valueLength, maxlength }); } else { dataCount = `${valueLength}${hasMaxLength.value ? ` / ${maxlength}` : ''}`; } textareaNode = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "hidden": hidden, "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_13__["default"])(`${prefixCls.value}-textarea`, { [`${prefixCls.value}-textarea-rtl`]: direction.value === 'rtl', [`${prefixCls.value}-textarea-show-count`]: showCount.value, [`${prefixCls.value}-textarea-in-form-item`]: formItemInputContext.isFormItemInput }, `${prefixCls.value}-textarea-show-count`, customClass, hashId.value), "style": style, "data-count": typeof dataCount !== 'object' ? dataCount : undefined }, [textareaNode, formItemInputContext.hasFeedback && (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", { "class": `${prefixCls.value}-textarea-suffix` }, [formItemInputContext.feedbackIcon])]); } return wrapSSR(textareaNode); }; } })); /***/ }), /***/ "./components/input/calculateNodeHeight.tsx": /*!**************************************************!*\ !*** ./components/input/calculateNodeHeight.tsx ***! \**************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ calculateNodeStyling: () => (/* binding */ calculateNodeStyling), /* harmony export */ "default": () => (/* binding */ calculateAutoSizeStyle) /* harmony export */ }); /** * calculateNodeHeight(uiTextNode, useCache = false) */ const HIDDEN_TEXTAREA_STYLE = ` min-height:0 !important; max-height:none !important; height:0 !important; visibility:hidden !important; overflow:hidden !important; position:absolute !important; z-index:-1000 !important; top:0 !important; right:0 !important; pointer-events: none !important; `; const SIZING_STYLE = ['letter-spacing', 'line-height', 'padding-top', 'padding-bottom', 'font-family', 'font-weight', 'font-size', 'font-variant', 'text-rendering', 'text-transform', 'width', 'text-indent', 'padding-left', 'padding-right', 'border-width', 'box-sizing', 'word-break', 'white-space']; const computedStyleCache = {}; let hiddenTextarea; function calculateNodeStyling(node) { let useCache = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false; const nodeRef = node.getAttribute('id') || node.getAttribute('data-reactid') || node.getAttribute('name'); if (useCache && computedStyleCache[nodeRef]) { return computedStyleCache[nodeRef]; } const style = window.getComputedStyle(node); const boxSizing = style.getPropertyValue('box-sizing') || style.getPropertyValue('-moz-box-sizing') || style.getPropertyValue('-webkit-box-sizing'); const paddingSize = parseFloat(style.getPropertyValue('padding-bottom')) + parseFloat(style.getPropertyValue('padding-top')); const borderSize = parseFloat(style.getPropertyValue('border-bottom-width')) + parseFloat(style.getPropertyValue('border-top-width')); const sizingStyle = SIZING_STYLE.map(name => `${name}:${style.getPropertyValue(name)}`).join(';'); const nodeInfo = { sizingStyle, paddingSize, borderSize, boxSizing }; if (useCache && nodeRef) { computedStyleCache[nodeRef] = nodeInfo; } return nodeInfo; } function calculateAutoSizeStyle(uiTextNode) { let useCache = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false; let minRows = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null; let maxRows = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null; if (!hiddenTextarea) { hiddenTextarea = document.createElement('textarea'); hiddenTextarea.setAttribute('tab-index', '-1'); hiddenTextarea.setAttribute('aria-hidden', 'true'); document.body.appendChild(hiddenTextarea); } // Fix wrap="off" issue // https://github.com/ant-design/ant-design/issues/6577 if (uiTextNode.getAttribute('wrap')) { hiddenTextarea.setAttribute('wrap', uiTextNode.getAttribute('wrap')); } else { hiddenTextarea.removeAttribute('wrap'); } // Copy all CSS properties that have an impact on the height of the content in // the textbox const { paddingSize, borderSize, boxSizing, sizingStyle } = calculateNodeStyling(uiTextNode, useCache); // Need to have the overflow attribute to hide the scrollbar otherwise // text-lines will not calculated properly as the shadow will technically be // narrower for content hiddenTextarea.setAttribute('style', `${sizingStyle};${HIDDEN_TEXTAREA_STYLE}`); hiddenTextarea.value = uiTextNode.value || uiTextNode.placeholder || ''; let minHeight = undefined; let maxHeight = undefined; let overflowY; let height = hiddenTextarea.scrollHeight; if (boxSizing === 'border-box') { // border-box: add border, since height = content + padding + border height += borderSize; } else if (boxSizing === 'content-box') { // remove padding, since height = content height -= paddingSize; } if (minRows !== null || maxRows !== null) { // measure height of a textarea with a single row hiddenTextarea.value = ' '; const singleRowHeight = hiddenTextarea.scrollHeight - paddingSize; if (minRows !== null) { minHeight = singleRowHeight * minRows; if (boxSizing === 'border-box') { minHeight = minHeight + paddingSize + borderSize; } height = Math.max(minHeight, height); } if (maxRows !== null) { maxHeight = singleRowHeight * maxRows; if (boxSizing === 'border-box') { maxHeight = maxHeight + paddingSize + borderSize; } overflowY = height > maxHeight ? '' : 'hidden'; height = Math.min(maxHeight, height); } } const style = { height: `${height}px`, overflowY, resize: 'none' }; if (minHeight) { style.minHeight = `${minHeight}px`; } if (maxHeight) { style.maxHeight = `${maxHeight}px`; } return style; } /***/ }), /***/ "./components/input/index.ts": /*!***********************************!*\ !*** ./components/input/index.ts ***! \***********************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ InputGroup: () => (/* reexport safe */ _Group__WEBPACK_IMPORTED_MODULE_1__["default"]), /* harmony export */ InputPassword: () => (/* reexport safe */ _Password__WEBPACK_IMPORTED_MODULE_4__["default"]), /* harmony export */ InputSearch: () => (/* reexport safe */ _Search__WEBPACK_IMPORTED_MODULE_2__["default"]), /* harmony export */ Textarea: () => (/* reexport safe */ _TextArea__WEBPACK_IMPORTED_MODULE_3__["default"]), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _Input__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Input */ "./components/input/Input.tsx"); /* harmony import */ var _Group__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Group */ "./components/input/Group.tsx"); /* harmony import */ var _Search__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Search */ "./components/input/Search.tsx"); /* harmony import */ var _TextArea__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./TextArea */ "./components/input/TextArea.tsx"); /* harmony import */ var _Password__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Password */ "./components/input/Password.tsx"); _Input__WEBPACK_IMPORTED_MODULE_0__["default"].Group = _Group__WEBPACK_IMPORTED_MODULE_1__["default"]; _Input__WEBPACK_IMPORTED_MODULE_0__["default"].Search = _Search__WEBPACK_IMPORTED_MODULE_2__["default"]; _Input__WEBPACK_IMPORTED_MODULE_0__["default"].TextArea = _TextArea__WEBPACK_IMPORTED_MODULE_3__["default"]; _Input__WEBPACK_IMPORTED_MODULE_0__["default"].Password = _Password__WEBPACK_IMPORTED_MODULE_4__["default"]; /* istanbul ignore next */ _Input__WEBPACK_IMPORTED_MODULE_0__["default"].install = function (app) { app.component(_Input__WEBPACK_IMPORTED_MODULE_0__["default"].name, _Input__WEBPACK_IMPORTED_MODULE_0__["default"]); app.component(_Input__WEBPACK_IMPORTED_MODULE_0__["default"].Group.name, _Input__WEBPACK_IMPORTED_MODULE_0__["default"].Group); app.component(_Input__WEBPACK_IMPORTED_MODULE_0__["default"].Search.name, _Input__WEBPACK_IMPORTED_MODULE_0__["default"].Search); app.component(_Input__WEBPACK_IMPORTED_MODULE_0__["default"].TextArea.name, _Input__WEBPACK_IMPORTED_MODULE_0__["default"].TextArea); app.component(_Input__WEBPACK_IMPORTED_MODULE_0__["default"].Password.name, _Input__WEBPACK_IMPORTED_MODULE_0__["default"].Password); return app; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_Input__WEBPACK_IMPORTED_MODULE_0__["default"]); /***/ }), /***/ "./components/input/inputProps.ts": /*!****************************************!*\ !*** ./components/input/inputProps.ts ***! \****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ inputDefaultValue: () => (/* binding */ inputDefaultValue), /* harmony export */ textAreaProps: () => (/* binding */ textAreaProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _util_omit__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../_util/omit */ "./components/_util/omit.ts"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); /* harmony import */ var _vc_input_inputProps__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../vc-input/inputProps */ "./components/vc-input/inputProps.ts"); const inputDefaultValue = Symbol(); const inputProps = () => { return (0,_util_omit__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_vc_input_inputProps__WEBPACK_IMPORTED_MODULE_2__.inputProps)(), ['wrapperClassName', 'groupClassName', 'inputClassName', 'affixWrapperClassName']); }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (inputProps); const textAreaProps = () => (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_util_omit__WEBPACK_IMPORTED_MODULE_1__["default"])(inputProps(), ['prefix', 'addonBefore', 'addonAfter', 'suffix'])), { rows: Number, autosize: { type: [Boolean, Object], default: undefined }, autoSize: { type: [Boolean, Object], default: undefined }, onResize: { type: Function }, onCompositionstart: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.eventType)(), onCompositionend: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.eventType)(), valueModifiers: Object }); /***/ }), /***/ "./components/input/style/index.ts": /*!*****************************************!*\ !*** ./components/input/style/index.ts ***! \*****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ genActiveStyle: () => (/* binding */ genActiveStyle), /* harmony export */ genBasicInputStyle: () => (/* binding */ genBasicInputStyle), /* harmony export */ genDisabledStyle: () => (/* binding */ genDisabledStyle), /* harmony export */ genHoverStyle: () => (/* binding */ genHoverStyle), /* harmony export */ genInputGroupStyle: () => (/* binding */ genInputGroupStyle), /* harmony export */ genInputSmallStyle: () => (/* binding */ genInputSmallStyle), /* harmony export */ genPlaceholderStyle: () => (/* binding */ genPlaceholderStyle), /* harmony export */ genStatusStyle: () => (/* binding */ genStatusStyle), /* harmony export */ initInputToken: () => (/* binding */ initInputToken) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/statistic.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/genComponentStyleHook.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../style */ "./components/style/index.ts"); /* harmony import */ var _style_compact_item__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../style/compact-item */ "./components/style/compact-item.ts"); const genPlaceholderStyle = color => ({ // Firefox '&::-moz-placeholder': { opacity: 1 }, '&::placeholder': { color, userSelect: 'none' // https://github.com/ant-design/ant-design/pull/32639 }, '&:placeholder-shown': { textOverflow: 'ellipsis' } }); const genHoverStyle = token => ({ borderColor: token.inputBorderHoverColor, borderInlineEndWidth: token.lineWidth }); const genActiveStyle = token => ({ borderColor: token.inputBorderHoverColor, boxShadow: `0 0 0 ${token.controlOutlineWidth}px ${token.controlOutline}`, borderInlineEndWidth: token.lineWidth, outline: 0 }); const genDisabledStyle = token => ({ color: token.colorTextDisabled, backgroundColor: token.colorBgContainerDisabled, borderColor: token.colorBorder, boxShadow: 'none', cursor: 'not-allowed', opacity: 1, '&:hover': (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, genHoverStyle((0,_theme_internal__WEBPACK_IMPORTED_MODULE_1__.merge)(token, { inputBorderHoverColor: token.colorBorder }))) }); const genInputLargeStyle = token => { const { inputPaddingVerticalLG, fontSizeLG, lineHeightLG, borderRadiusLG, inputPaddingHorizontalLG } = token; return { padding: `${inputPaddingVerticalLG}px ${inputPaddingHorizontalLG}px`, fontSize: fontSizeLG, lineHeight: lineHeightLG, borderRadius: borderRadiusLG }; }; const genInputSmallStyle = token => ({ padding: `${token.inputPaddingVerticalSM}px ${token.controlPaddingHorizontalSM - 1}px`, borderRadius: token.borderRadiusSM }); const genStatusStyle = (token, parentCls) => { const { componentCls, colorError, colorWarning, colorErrorOutline, colorWarningOutline, colorErrorBorderHover, colorWarningBorderHover } = token; return { [`&-status-error:not(${parentCls}-disabled):not(${parentCls}-borderless)${parentCls}`]: { borderColor: colorError, '&:hover': { borderColor: colorErrorBorderHover }, '&:focus, &-focused': (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, genActiveStyle((0,_theme_internal__WEBPACK_IMPORTED_MODULE_1__.merge)(token, { inputBorderActiveColor: colorError, inputBorderHoverColor: colorError, controlOutline: colorErrorOutline }))), [`${componentCls}-prefix`]: { color: colorError } }, [`&-status-warning:not(${parentCls}-disabled):not(${parentCls}-borderless)${parentCls}`]: { borderColor: colorWarning, '&:hover': { borderColor: colorWarningBorderHover }, '&:focus, &-focused': (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, genActiveStyle((0,_theme_internal__WEBPACK_IMPORTED_MODULE_1__.merge)(token, { inputBorderActiveColor: colorWarning, inputBorderHoverColor: colorWarning, controlOutline: colorWarningOutline }))), [`${componentCls}-prefix`]: { color: colorWarning } } }; }; const genBasicInputStyle = token => (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ position: 'relative', display: 'inline-block', width: '100%', minWidth: 0, padding: `${token.inputPaddingVertical}px ${token.inputPaddingHorizontal}px`, color: token.colorText, fontSize: token.fontSize, lineHeight: token.lineHeight, backgroundColor: token.colorBgContainer, backgroundImage: 'none', borderWidth: token.lineWidth, borderStyle: token.lineType, borderColor: token.colorBorder, borderRadius: token.borderRadius, transition: `all ${token.motionDurationMid}` }, genPlaceholderStyle(token.colorTextPlaceholder)), { '&:hover': (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, genHoverStyle(token)), '&:focus, &-focused': (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, genActiveStyle(token)), '&-disabled, &[disabled]': (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, genDisabledStyle(token)), '&-borderless': { '&, &:hover, &:focus, &-focused, &-disabled, &[disabled]': { backgroundColor: 'transparent', border: 'none', boxShadow: 'none' } }, // Reset height for `textarea`s 'textarea&': { maxWidth: '100%', height: 'auto', minHeight: token.controlHeight, lineHeight: token.lineHeight, verticalAlign: 'bottom', transition: `all ${token.motionDurationSlow}, height 0s`, resize: 'vertical' }, // Size '&-lg': (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, genInputLargeStyle(token)), '&-sm': (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, genInputSmallStyle(token)), // RTL '&-rtl': { direction: 'rtl' }, '&-textarea-rtl': { direction: 'rtl' } }); const genInputGroupStyle = token => { const { componentCls, antCls } = token; return { position: 'relative', display: 'table', width: '100%', borderCollapse: 'separate', borderSpacing: 0, // Undo padding and float of grid classes [`&[class*='col-']`]: { paddingInlineEnd: token.paddingXS, '&:last-child': { paddingInlineEnd: 0 } }, // Sizing options [`&-lg ${componentCls}, &-lg > ${componentCls}-group-addon`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, genInputLargeStyle(token)), [`&-sm ${componentCls}, &-sm > ${componentCls}-group-addon`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, genInputSmallStyle(token)), [`> ${componentCls}`]: { display: 'table-cell', '&:not(:first-child):not(:last-child)': { borderRadius: 0 } }, [`${componentCls}-group`]: { [`&-addon, &-wrap`]: { display: 'table-cell', width: 1, whiteSpace: 'nowrap', verticalAlign: 'middle', '&:not(:first-child):not(:last-child)': { borderRadius: 0 } }, '&-wrap > *': { display: 'block !important' }, '&-addon': { position: 'relative', padding: `0 ${token.inputPaddingHorizontal}px`, color: token.colorText, fontWeight: 'normal', fontSize: token.fontSize, textAlign: 'center', backgroundColor: token.colorFillAlter, border: `${token.lineWidth}px ${token.lineType} ${token.colorBorder}`, borderRadius: token.borderRadius, transition: `all ${token.motionDurationSlow}`, lineHeight: 1, // Reset Select's style in addon [`${antCls}-select`]: { margin: `-${token.inputPaddingVertical + 1}px -${token.inputPaddingHorizontal}px`, [`&${antCls}-select-single:not(${antCls}-select-customize-input)`]: { [`${antCls}-select-selector`]: { backgroundColor: 'inherit', border: `${token.lineWidth}px ${token.lineType} transparent`, boxShadow: 'none' } }, '&-open, &-focused': { [`${antCls}-select-selector`]: { color: token.colorPrimary } } }, // https://github.com/ant-design/ant-design/issues/31333 [`${antCls}-cascader-picker`]: { margin: `-9px -${token.inputPaddingHorizontal}px`, backgroundColor: 'transparent', [`${antCls}-cascader-input`]: { textAlign: 'start', border: 0, boxShadow: 'none' } } }, '&-addon:first-child': { borderInlineEnd: 0 }, '&-addon:last-child': { borderInlineStart: 0 } }, [`${componentCls}`]: { float: 'inline-start', width: '100%', marginBottom: 0, textAlign: 'inherit', '&:focus': { zIndex: 1, borderInlineEndWidth: 1 }, '&:hover': { zIndex: 1, borderInlineEndWidth: 1, [`${componentCls}-search-with-button &`]: { zIndex: 0 } } }, // Reset rounded corners [`> ${componentCls}:first-child, ${componentCls}-group-addon:first-child`]: { borderStartEndRadius: 0, borderEndEndRadius: 0, // Reset Select's style in addon [`${antCls}-select ${antCls}-select-selector`]: { borderStartEndRadius: 0, borderEndEndRadius: 0 } }, [`> ${componentCls}-affix-wrapper`]: { [`&:not(:first-child) ${componentCls}`]: { borderStartStartRadius: 0, borderEndStartRadius: 0 }, [`&:not(:last-child) ${componentCls}`]: { borderStartEndRadius: 0, borderEndEndRadius: 0 } }, [`> ${componentCls}:last-child, ${componentCls}-group-addon:last-child`]: { borderStartStartRadius: 0, borderEndStartRadius: 0, // Reset Select's style in addon [`${antCls}-select ${antCls}-select-selector`]: { borderStartStartRadius: 0, borderEndStartRadius: 0 } }, [`${componentCls}-affix-wrapper`]: { '&:not(:last-child)': { borderStartEndRadius: 0, borderEndEndRadius: 0, [`${componentCls}-search &`]: { borderStartStartRadius: token.borderRadius, borderEndStartRadius: token.borderRadius } }, [`&:not(:first-child), ${componentCls}-search &:not(:first-child)`]: { borderStartStartRadius: 0, borderEndStartRadius: 0 } }, [`&${componentCls}-group-compact`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ display: 'block' }, (0,_style__WEBPACK_IMPORTED_MODULE_2__.clearFix)()), { [`${componentCls}-group-addon, ${componentCls}-group-wrap, > ${componentCls}`]: { '&:not(:first-child):not(:last-child)': { borderInlineEndWidth: token.lineWidth, '&:hover': { zIndex: 1 }, '&:focus': { zIndex: 1 } } }, '& > *': { display: 'inline-block', float: 'none', verticalAlign: 'top', borderRadius: 0 }, [`& > ${componentCls}-affix-wrapper`]: { display: 'inline-flex' }, [`& > ${antCls}-picker-range`]: { display: 'inline-flex' }, '& > *:not(:last-child)': { marginInlineEnd: -token.lineWidth, borderInlineEndWidth: token.lineWidth }, // Undo float for .ant-input-group .ant-input [`${componentCls}`]: { float: 'none' }, // reset border for Select, DatePicker, AutoComplete, Cascader, Mention, TimePicker, Input [`& > ${antCls}-select > ${antCls}-select-selector, & > ${antCls}-select-auto-complete ${componentCls}, & > ${antCls}-cascader-picker ${componentCls}, & > ${componentCls}-group-wrapper ${componentCls}`]: { borderInlineEndWidth: token.lineWidth, borderRadius: 0, '&:hover': { zIndex: 1 }, '&:focus': { zIndex: 1 } }, [`& > ${antCls}-select-focused`]: { zIndex: 1 }, // update z-index for arrow icon [`& > ${antCls}-select > ${antCls}-select-arrow`]: { zIndex: 1 // https://github.com/ant-design/ant-design/issues/20371 }, [`& > *:first-child, & > ${antCls}-select:first-child > ${antCls}-select-selector, & > ${antCls}-select-auto-complete:first-child ${componentCls}, & > ${antCls}-cascader-picker:first-child ${componentCls}`]: { borderStartStartRadius: token.borderRadius, borderEndStartRadius: token.borderRadius }, [`& > *:last-child, & > ${antCls}-select:last-child > ${antCls}-select-selector, & > ${antCls}-cascader-picker:last-child ${componentCls}, & > ${antCls}-cascader-picker-focused:last-child ${componentCls}`]: { borderInlineEndWidth: token.lineWidth, borderStartEndRadius: token.borderRadius, borderEndEndRadius: token.borderRadius }, // https://github.com/ant-design/ant-design/issues/12493 [`& > ${antCls}-select-auto-complete ${componentCls}`]: { verticalAlign: 'top' }, [`${componentCls}-group-wrapper + ${componentCls}-group-wrapper`]: { marginInlineStart: -token.lineWidth, [`${componentCls}-affix-wrapper`]: { borderRadius: 0 } }, [`${componentCls}-group-wrapper:not(:last-child)`]: { [`&${componentCls}-search > ${componentCls}-group`]: { [`& > ${componentCls}-group-addon > ${componentCls}-search-button`]: { borderRadius: 0 }, [`& > ${componentCls}`]: { borderStartStartRadius: token.borderRadius, borderStartEndRadius: 0, borderEndEndRadius: 0, borderEndStartRadius: token.borderRadius } } } }), [`&&-sm ${antCls}-btn`]: { fontSize: token.fontSizeSM, height: token.controlHeightSM, lineHeight: 'normal' }, [`&&-lg ${antCls}-btn`]: { fontSize: token.fontSizeLG, height: token.controlHeightLG, lineHeight: 'normal' }, // Fix https://github.com/ant-design/ant-design/issues/5754 [`&&-lg ${antCls}-select-single ${antCls}-select-selector`]: { height: `${token.controlHeightLG}px`, [`${antCls}-select-selection-item, ${antCls}-select-selection-placeholder`]: { // -2 is for the border size & override default lineHeight: `${token.controlHeightLG - 2}px` }, [`${antCls}-select-selection-search-input`]: { height: `${token.controlHeightLG}px` } }, [`&&-sm ${antCls}-select-single ${antCls}-select-selector`]: { height: `${token.controlHeightSM}px`, [`${antCls}-select-selection-item, ${antCls}-select-selection-placeholder`]: { // -2 is for the border size & override default lineHeight: `${token.controlHeightSM - 2}px` }, [`${antCls}-select-selection-search-input`]: { height: `${token.controlHeightSM}px` } } }; }; const genInputStyle = token => { const { componentCls, controlHeightSM, lineWidth } = token; const FIXED_CHROME_COLOR_HEIGHT = 16; const colorSmallPadding = (controlHeightSM - lineWidth * 2 - FIXED_CHROME_COLOR_HEIGHT) / 2; return { [componentCls]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_2__.resetComponent)(token)), genBasicInputStyle(token)), genStatusStyle(token, componentCls)), { '&[type="color"]': { height: token.controlHeight, [`&${componentCls}-lg`]: { height: token.controlHeightLG }, [`&${componentCls}-sm`]: { height: controlHeightSM, paddingTop: colorSmallPadding, paddingBottom: colorSmallPadding } } }) }; }; const genAllowClearStyle = token => { const { componentCls } = token; return { // ========================= Input ========================= [`${componentCls}-clear-icon`]: { margin: 0, color: token.colorTextQuaternary, fontSize: token.fontSizeIcon, verticalAlign: -1, // https://github.com/ant-design/ant-design/pull/18151 // https://codesandbox.io/s/wizardly-sun-u10br cursor: 'pointer', transition: `color ${token.motionDurationSlow}`, '&:hover': { color: token.colorTextTertiary }, '&:active': { color: token.colorText }, '&-hidden': { visibility: 'hidden' }, '&-has-suffix': { margin: `0 ${token.inputAffixPadding}px` } }, // ======================= TextArea ======================== '&-textarea-with-clear-btn': { padding: '0 !important', border: '0 !important', [`${componentCls}-clear-icon`]: { position: 'absolute', insetBlockStart: token.paddingXS, insetInlineEnd: token.paddingXS, zIndex: 1 } } }; }; const genAffixStyle = token => { const { componentCls, inputAffixPadding, colorTextDescription, motionDurationSlow, colorIcon, colorIconHover, iconCls } = token; return { [`${componentCls}-affix-wrapper`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, genBasicInputStyle(token)), { display: 'inline-flex', [`&:not(${componentCls}-affix-wrapper-disabled):hover`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, genHoverStyle(token)), { zIndex: 1, [`${componentCls}-search-with-button &`]: { zIndex: 0 } }), '&-focused, &:focus': { zIndex: 1 }, '&-disabled': { [`${componentCls}[disabled]`]: { background: 'transparent' } }, [`> input${componentCls}`]: { padding: 0, fontSize: 'inherit', border: 'none', borderRadius: 0, outline: 'none', '&:focus': { boxShadow: 'none !important' } }, '&::before': { width: 0, visibility: 'hidden', content: '"\\a0"' }, [`${componentCls}`]: { '&-prefix, &-suffix': { display: 'flex', flex: 'none', alignItems: 'center', '> *:not(:last-child)': { marginInlineEnd: token.paddingXS } }, '&-show-count-suffix': { color: colorTextDescription }, '&-show-count-has-suffix': { marginInlineEnd: token.paddingXXS }, '&-prefix': { marginInlineEnd: inputAffixPadding }, '&-suffix': { marginInlineStart: inputAffixPadding } } }), genAllowClearStyle(token)), { // password [`${iconCls}${componentCls}-password-icon`]: { color: colorIcon, cursor: 'pointer', transition: `all ${motionDurationSlow}`, '&:hover': { color: colorIconHover } } }), genStatusStyle(token, `${componentCls}-affix-wrapper`)) }; }; const genGroupStyle = token => { const { componentCls, colorError, colorSuccess, borderRadiusLG, borderRadiusSM } = token; return { [`${componentCls}-group`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_2__.resetComponent)(token)), genInputGroupStyle(token)), { '&-rtl': { direction: 'rtl' }, '&-wrapper': { display: 'inline-block', width: '100%', textAlign: 'start', verticalAlign: 'top', '&-rtl': { direction: 'rtl' }, // Size '&-lg': { [`${componentCls}-group-addon`]: { borderRadius: borderRadiusLG } }, '&-sm': { [`${componentCls}-group-addon`]: { borderRadius: borderRadiusSM } }, // Status '&-status-error': { [`${componentCls}-group-addon`]: { color: colorError, borderColor: colorError } }, '&-status-warning': { [`${componentCls}-group-addon:last-child`]: { color: colorSuccess, borderColor: colorSuccess } } } }) }; }; const genSearchInputStyle = token => { const { componentCls, antCls } = token; const searchPrefixCls = `${componentCls}-search`; return { [searchPrefixCls]: { [`${componentCls}`]: { '&:hover, &:focus': { borderColor: token.colorPrimaryHover, [`+ ${componentCls}-group-addon ${searchPrefixCls}-button:not(${antCls}-btn-primary)`]: { borderInlineStartColor: token.colorPrimaryHover } } }, [`${componentCls}-affix-wrapper`]: { borderRadius: 0 }, // fix slight height diff in Firefox: // https://ant.design/components/auto-complete-cn/#components-auto-complete-demo-certain-category [`${componentCls}-lg`]: { lineHeight: token.lineHeightLG - 0.0002 }, [`> ${componentCls}-group`]: { [`> ${componentCls}-group-addon:last-child`]: { insetInlineStart: -1, padding: 0, border: 0, [`${searchPrefixCls}-button`]: { paddingTop: 0, paddingBottom: 0, borderStartStartRadius: 0, borderStartEndRadius: token.borderRadius, borderEndEndRadius: token.borderRadius, borderEndStartRadius: 0 }, [`${searchPrefixCls}-button:not(${antCls}-btn-primary)`]: { color: token.colorTextDescription, '&:hover': { color: token.colorPrimaryHover }, '&:active': { color: token.colorPrimaryActive }, [`&${antCls}-btn-loading::before`]: { insetInlineStart: 0, insetInlineEnd: 0, insetBlockStart: 0, insetBlockEnd: 0 } } } }, [`${searchPrefixCls}-button`]: { height: token.controlHeight, '&:hover, &:focus': { zIndex: 1 } }, [`&-large ${searchPrefixCls}-button`]: { height: token.controlHeightLG }, [`&-small ${searchPrefixCls}-button`]: { height: token.controlHeightSM }, '&-rtl': { direction: 'rtl' }, // ===================== Compact Item Customized Styles ===================== [`&${componentCls}-compact-item`]: { [`&:not(${componentCls}-compact-last-item)`]: { [`${componentCls}-group-addon`]: { [`${componentCls}-search-button`]: { marginInlineEnd: -token.lineWidth, borderRadius: 0 } } }, [`&:not(${componentCls}-compact-first-item)`]: { [`${componentCls},${componentCls}-affix-wrapper`]: { borderRadius: 0 } }, [`> ${componentCls}-group-addon ${componentCls}-search-button, > ${componentCls}, ${componentCls}-affix-wrapper`]: { '&:hover,&:focus,&:active': { zIndex: 2 } }, [`> ${componentCls}-affix-wrapper-focused`]: { zIndex: 2 } } } }; }; function initInputToken(token) { // @ts-ignore return (0,_theme_internal__WEBPACK_IMPORTED_MODULE_1__.merge)(token, { inputAffixPadding: token.paddingXXS, inputPaddingVertical: Math.max(Math.round((token.controlHeight - token.fontSize * token.lineHeight) / 2 * 10) / 10 - token.lineWidth, 3), inputPaddingVerticalLG: Math.ceil((token.controlHeightLG - token.fontSizeLG * token.lineHeightLG) / 2 * 10) / 10 - token.lineWidth, inputPaddingVerticalSM: Math.max(Math.round((token.controlHeightSM - token.fontSize * token.lineHeight) / 2 * 10) / 10 - token.lineWidth, 0), inputPaddingHorizontal: token.paddingSM - token.lineWidth, inputPaddingHorizontalSM: token.paddingXS - token.lineWidth, inputPaddingHorizontalLG: token.controlPaddingHorizontal - token.lineWidth, inputBorderHoverColor: token.colorPrimaryHover, inputBorderActiveColor: token.colorPrimaryHover }); } const genTextAreaStyle = token => { const { componentCls, inputPaddingHorizontal, paddingLG } = token; const textareaPrefixCls = `${componentCls}-textarea`; return { [textareaPrefixCls]: { position: 'relative', [`${textareaPrefixCls}-suffix`]: { position: 'absolute', top: 0, insetInlineEnd: inputPaddingHorizontal, bottom: 0, zIndex: 1, display: 'inline-flex', alignItems: 'center', margin: 'auto' }, [`&-status-error, &-status-warning, &-status-success, &-status-validating`]: { [`&${textareaPrefixCls}-has-feedback`]: { [`${componentCls}`]: { paddingInlineEnd: paddingLG } } }, '&-show-count': { // https://github.com/ant-design/ant-design/issues/33049 [`> ${componentCls}`]: { height: '100%' }, '&::after': { color: token.colorTextDescription, whiteSpace: 'nowrap', content: 'attr(data-count)', pointerEvents: 'none', float: 'right' } }, '&-rtl': { '&::after': { float: 'left' } } } }; }; // ============================== Export ============================== /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_theme_internal__WEBPACK_IMPORTED_MODULE_3__["default"])('Input', token => { const inputToken = initInputToken(token); return [genInputStyle(inputToken), genTextAreaStyle(inputToken), genAffixStyle(inputToken), genGroupStyle(inputToken), genSearchInputStyle(inputToken), // ===================================================== // == Space Compact == // ===================================================== (0,_style_compact_item__WEBPACK_IMPORTED_MODULE_4__.genCompactItemStyle)(inputToken)]; })); /***/ }), /***/ "./components/input/util.ts": /*!**********************************!*\ !*** ./components/input/util.ts ***! \**********************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ hasAddon: () => (/* binding */ hasAddon), /* harmony export */ hasPrefixSuffix: () => (/* binding */ hasPrefixSuffix) /* harmony export */ }); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/index.ts"); const isValid = value => { return value !== undefined && value !== null && (Array.isArray(value) ? (0,_util_props_util__WEBPACK_IMPORTED_MODULE_0__.filterEmpty)(value).length : true); }; function hasPrefixSuffix(propsAndSlots) { return isValid(propsAndSlots.prefix) || isValid(propsAndSlots.suffix) || isValid(propsAndSlots.allowClear); } function hasAddon(propsAndSlots) { return isValid(propsAndSlots.addonBefore) || isValid(propsAndSlots.addonAfter); } /***/ }), /***/ "./components/layout/Sider.tsx": /*!*************************************!*\ !*** ./components/layout/Sider.tsx ***! \*************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ siderProps: () => (/* binding */ siderProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); /* harmony import */ var _util_props_util_initDefaultProps__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/props-util/initDefaultProps */ "./components/_util/props-util/initDefaultProps.ts"); /* harmony import */ var _util_isNumeric__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../_util/isNumeric */ "./components/_util/isNumeric.ts"); /* harmony import */ var _ant_design_icons_vue_es_icons_BarsOutlined__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/BarsOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/BarsOutlined.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_RightOutlined__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/RightOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/RightOutlined.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_LeftOutlined__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/LeftOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/LeftOutlined.js"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _injectionKey__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./injectionKey */ "./components/layout/injectionKey.ts"); const dimensionMaxMap = { xs: '479.98px', sm: '575.98px', md: '767.98px', lg: '991.98px', xl: '1199.98px', xxl: '1599.98px', xxxl: '1999.98px' }; const siderProps = () => ({ prefixCls: String, collapsible: { type: Boolean, default: undefined }, collapsed: { type: Boolean, default: undefined }, defaultCollapsed: { type: Boolean, default: undefined }, reverseArrow: { type: Boolean, default: undefined }, zeroWidthTriggerStyle: { type: Object, default: undefined }, trigger: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].any, width: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].oneOfType([_util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].number, _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].string]), collapsedWidth: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].oneOfType([_util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].number, _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].string]), breakpoint: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].oneOf((0,_util_type__WEBPACK_IMPORTED_MODULE_3__.tuple)('xs', 'sm', 'md', 'lg', 'xl', 'xxl', 'xxxl')), theme: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].oneOf((0,_util_type__WEBPACK_IMPORTED_MODULE_3__.tuple)('light', 'dark')).def('dark'), onBreakpoint: Function, onCollapse: Function }); const generateId = (() => { let i = 0; return function () { let prefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ''; i += 1; return `${prefix}${i}`; }; })(); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'ALayoutSider', inheritAttrs: false, props: (0,_util_props_util_initDefaultProps__WEBPACK_IMPORTED_MODULE_4__["default"])(siderProps(), { collapsible: false, defaultCollapsed: false, reverseArrow: false, width: 200, collapsedWidth: 80 }), emits: ['breakpoint', 'update:collapsed', 'collapse'], setup(props, _ref) { let { emit, attrs, slots } = _ref; const { prefixCls } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_5__["default"])('layout-sider', props); const siderHook = (0,vue__WEBPACK_IMPORTED_MODULE_1__.inject)(_injectionKey__WEBPACK_IMPORTED_MODULE_6__.SiderHookProviderKey, undefined); const collapsed = (0,vue__WEBPACK_IMPORTED_MODULE_1__.shallowRef)(!!(props.collapsed !== undefined ? props.collapsed : props.defaultCollapsed)); const below = (0,vue__WEBPACK_IMPORTED_MODULE_1__.shallowRef)(false); (0,vue__WEBPACK_IMPORTED_MODULE_1__.watch)(() => props.collapsed, () => { collapsed.value = !!props.collapsed; }); (0,vue__WEBPACK_IMPORTED_MODULE_1__.provide)(_injectionKey__WEBPACK_IMPORTED_MODULE_6__.SiderCollapsedKey, collapsed); const handleSetCollapsed = (value, type) => { if (props.collapsed === undefined) { collapsed.value = value; } emit('update:collapsed', value); emit('collapse', value, type); }; // ========================= Responsive ========================= const responsiveHandlerRef = (0,vue__WEBPACK_IMPORTED_MODULE_1__.shallowRef)(mql => { below.value = mql.matches; emit('breakpoint', mql.matches); if (collapsed.value !== mql.matches) { handleSetCollapsed(mql.matches, 'responsive'); } }); let mql; function responsiveHandler(mql) { return responsiveHandlerRef.value(mql); } const uniqueId = generateId('ant-sider-'); siderHook && siderHook.addSider(uniqueId); (0,vue__WEBPACK_IMPORTED_MODULE_1__.onMounted)(() => { (0,vue__WEBPACK_IMPORTED_MODULE_1__.watch)(() => props.breakpoint, () => { try { mql === null || mql === void 0 ? void 0 : mql.removeEventListener('change', responsiveHandler); } catch (error) { mql === null || mql === void 0 ? void 0 : mql.removeListener(responsiveHandler); } if (typeof window !== 'undefined') { const { matchMedia } = window; if (matchMedia && props.breakpoint && props.breakpoint in dimensionMaxMap) { mql = matchMedia(`(max-width: ${dimensionMaxMap[props.breakpoint]})`); try { mql.addEventListener('change', responsiveHandler); } catch (error) { mql.addListener(responsiveHandler); } responsiveHandler(mql); } } }, { immediate: true }); }); (0,vue__WEBPACK_IMPORTED_MODULE_1__.onBeforeUnmount)(() => { try { mql === null || mql === void 0 ? void 0 : mql.removeEventListener('change', responsiveHandler); } catch (error) { mql === null || mql === void 0 ? void 0 : mql.removeListener(responsiveHandler); } siderHook && siderHook.removeSider(uniqueId); }); const toggle = () => { handleSetCollapsed(!collapsed.value, 'clickTrigger'); }; return () => { var _a, _b; const pre = prefixCls.value; const { collapsedWidth, width, reverseArrow, zeroWidthTriggerStyle, trigger = (_a = slots.trigger) === null || _a === void 0 ? void 0 : _a.call(slots), collapsible, theme } = props; const rawWidth = collapsed.value ? collapsedWidth : width; // use "px" as fallback unit for width const siderWidth = (0,_util_isNumeric__WEBPACK_IMPORTED_MODULE_7__["default"])(rawWidth) ? `${rawWidth}px` : String(rawWidth); // special trigger when collapsedWidth == 0 const zeroWidthTrigger = parseFloat(String(collapsedWidth || 0)) === 0 ? (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", { "onClick": toggle, "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_8__["default"])(`${pre}-zero-width-trigger`, `${pre}-zero-width-trigger-${reverseArrow ? 'right' : 'left'}`), "style": zeroWidthTriggerStyle }, [trigger || (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_ant_design_icons_vue_es_icons_BarsOutlined__WEBPACK_IMPORTED_MODULE_9__["default"], null, null)]) : null; const iconObj = { expanded: reverseArrow ? (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_ant_design_icons_vue_es_icons_RightOutlined__WEBPACK_IMPORTED_MODULE_10__["default"], null, null) : (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_ant_design_icons_vue_es_icons_LeftOutlined__WEBPACK_IMPORTED_MODULE_11__["default"], null, null), collapsed: reverseArrow ? (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_ant_design_icons_vue_es_icons_LeftOutlined__WEBPACK_IMPORTED_MODULE_11__["default"], null, null) : (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_ant_design_icons_vue_es_icons_RightOutlined__WEBPACK_IMPORTED_MODULE_10__["default"], null, null) }; const status = collapsed.value ? 'collapsed' : 'expanded'; const defaultTrigger = iconObj[status]; const triggerDom = trigger !== null ? zeroWidthTrigger || (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${pre}-trigger`, "onClick": toggle, "style": { width: siderWidth } }, [trigger || defaultTrigger]) : null; const divStyle = [attrs.style, { flex: `0 0 ${siderWidth}`, maxWidth: siderWidth, minWidth: siderWidth, width: siderWidth }]; const siderCls = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_8__["default"])(pre, `${pre}-${theme}`, { [`${pre}-collapsed`]: !!collapsed.value, [`${pre}-has-trigger`]: collapsible && trigger !== null && !zeroWidthTrigger, [`${pre}-below`]: !!below.value, [`${pre}-zero-width`]: parseFloat(siderWidth) === 0 }, attrs.class); return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("aside", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, attrs), {}, { "class": siderCls, "style": divStyle }), [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${pre}-children` }, [(_b = slots.default) === null || _b === void 0 ? void 0 : _b.call(slots)]), collapsible || below.value && zeroWidthTrigger ? triggerDom : null]); }; } })); /***/ }), /***/ "./components/layout/index.ts": /*!************************************!*\ !*** ./components/layout/index.ts ***! \************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ LayoutContent: () => (/* binding */ LayoutContent), /* harmony export */ LayoutFooter: () => (/* binding */ LayoutFooter), /* harmony export */ LayoutHeader: () => (/* binding */ LayoutHeader), /* harmony export */ LayoutSider: () => (/* binding */ LayoutSider), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./layout */ "./components/layout/layout.tsx"); /* harmony import */ var _Sider__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Sider */ "./components/layout/Sider.tsx"); /* istanbul ignore next */ const LayoutHeader = _layout__WEBPACK_IMPORTED_MODULE_1__.Header; const LayoutFooter = _layout__WEBPACK_IMPORTED_MODULE_1__.Footer; const LayoutSider = _Sider__WEBPACK_IMPORTED_MODULE_2__["default"]; const LayoutContent = _layout__WEBPACK_IMPORTED_MODULE_1__.Content; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])(_layout__WEBPACK_IMPORTED_MODULE_1__["default"], { Header: _layout__WEBPACK_IMPORTED_MODULE_1__.Header, Footer: _layout__WEBPACK_IMPORTED_MODULE_1__.Footer, Content: _layout__WEBPACK_IMPORTED_MODULE_1__.Content, Sider: _Sider__WEBPACK_IMPORTED_MODULE_2__["default"], install: app => { app.component(_layout__WEBPACK_IMPORTED_MODULE_1__["default"].name, _layout__WEBPACK_IMPORTED_MODULE_1__["default"]); app.component(_layout__WEBPACK_IMPORTED_MODULE_1__.Header.name, _layout__WEBPACK_IMPORTED_MODULE_1__.Header); app.component(_layout__WEBPACK_IMPORTED_MODULE_1__.Footer.name, _layout__WEBPACK_IMPORTED_MODULE_1__.Footer); app.component(_Sider__WEBPACK_IMPORTED_MODULE_2__["default"].name, _Sider__WEBPACK_IMPORTED_MODULE_2__["default"]); app.component(_layout__WEBPACK_IMPORTED_MODULE_1__.Content.name, _layout__WEBPACK_IMPORTED_MODULE_1__.Content); return app; } })); /***/ }), /***/ "./components/layout/injectionKey.ts": /*!*******************************************!*\ !*** ./components/layout/injectionKey.ts ***! \*******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ SiderCollapsedKey: () => (/* binding */ SiderCollapsedKey), /* harmony export */ SiderHookProviderKey: () => (/* binding */ SiderHookProviderKey) /* harmony export */ }); const SiderCollapsedKey = Symbol('siderCollapsed'); const SiderHookProviderKey = Symbol('siderHookProvider'); /***/ }), /***/ "./components/layout/layout.tsx": /*!**************************************!*\ !*** ./components/layout/layout.tsx ***! \**************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ Content: () => (/* binding */ Content), /* harmony export */ Footer: () => (/* binding */ Footer), /* harmony export */ Header: () => (/* binding */ Header), /* harmony export */ basicProps: () => (/* binding */ basicProps), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _injectionKey__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./injectionKey */ "./components/layout/injectionKey.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./style */ "./components/layout/style/index.ts"); const basicProps = () => ({ prefixCls: String, hasSider: { type: Boolean, default: undefined }, tagName: String }); function generator(_ref) { let { suffixCls, tagName, name } = _ref; return BasicComponent => { const Adapter = (0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name, props: basicProps(), setup(props, _ref2) { let { slots } = _ref2; const { prefixCls } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_2__["default"])(suffixCls, props); return () => { const basicComponentProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props), { prefixCls: prefixCls.value, tagName }); return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(BasicComponent, basicComponentProps, slots); }; } }); return Adapter; }; } const Basic = (0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, props: basicProps(), setup(props, _ref3) { let { slots } = _ref3; return () => (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(props.tagName, { class: props.prefixCls }, slots); } }); const BasicLayout = (0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, inheritAttrs: false, props: basicProps(), setup(props, _ref4) { let { slots, attrs } = _ref4; const { prefixCls, direction } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_2__["default"])('', props); const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_3__["default"])(prefixCls); const siders = (0,vue__WEBPACK_IMPORTED_MODULE_1__.ref)([]); const siderHookProvider = { addSider: id => { siders.value = [...siders.value, id]; }, removeSider: id => { siders.value = siders.value.filter(currentId => currentId !== id); } }; (0,vue__WEBPACK_IMPORTED_MODULE_1__.provide)(_injectionKey__WEBPACK_IMPORTED_MODULE_4__.SiderHookProviderKey, siderHookProvider); const divCls = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { const { prefixCls, hasSider } = props; return { [hashId.value]: true, [`${prefixCls}`]: true, [`${prefixCls}-has-sider`]: typeof hasSider === 'boolean' ? hasSider : siders.value.length > 0, [`${prefixCls}-rtl`]: direction.value === 'rtl' }; }); return () => { const { tagName } = props; return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(tagName, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, attrs), { class: [divCls.value, attrs.class] }), slots)); }; } }); const Layout = generator({ suffixCls: 'layout', tagName: 'section', name: 'ALayout' })(BasicLayout); const Header = generator({ suffixCls: 'layout-header', tagName: 'header', name: 'ALayoutHeader' })(Basic); const Footer = generator({ suffixCls: 'layout-footer', tagName: 'footer', name: 'ALayoutFooter' })(Basic); const Content = generator({ suffixCls: 'layout-content', tagName: 'main', name: 'ALayoutContent' })(Basic); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Layout); /***/ }), /***/ "./components/layout/style/index.ts": /*!******************************************!*\ !*** ./components/layout/style/index.ts ***! \******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/genComponentStyleHook.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/statistic.ts"); /* harmony import */ var _light__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./light */ "./components/layout/style/light.ts"); const genLayoutStyle = token => { const { antCls, // .ant componentCls, // .ant-layout colorText, colorTextLightSolid, colorBgHeader, colorBgBody, colorBgTrigger, layoutHeaderHeight, layoutHeaderPaddingInline, layoutHeaderColor, layoutFooterPadding, layoutTriggerHeight, layoutZeroTriggerSize, motionDurationMid, motionDurationSlow, fontSize, borderRadius } = token; return { [componentCls]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ display: 'flex', flex: 'auto', flexDirection: 'column', color: colorText, /* fix firefox can't set height smaller than content on flex item */ minHeight: 0, background: colorBgBody, '&, *': { boxSizing: 'border-box' }, [`&${componentCls}-has-sider`]: { flexDirection: 'row', [`> ${componentCls}, > ${componentCls}-content`]: { // https://segmentfault.com/a/1190000019498300 width: 0 } }, [`${componentCls}-header, &${componentCls}-footer`]: { flex: '0 0 auto' }, [`${componentCls}-header`]: { height: layoutHeaderHeight, paddingInline: layoutHeaderPaddingInline, color: layoutHeaderColor, lineHeight: `${layoutHeaderHeight}px`, background: colorBgHeader, // Other components/menu/style/index.less line:686 // Integration with header element so menu items have the same height [`${antCls}-menu`]: { lineHeight: 'inherit' } }, [`${componentCls}-footer`]: { padding: layoutFooterPadding, color: colorText, fontSize, background: colorBgBody }, [`${componentCls}-content`]: { flex: 'auto', // fix firefox can't set height smaller than content on flex item minHeight: 0 }, [`${componentCls}-sider`]: { position: 'relative', // fix firefox can't set width smaller than content on flex item minWidth: 0, background: colorBgHeader, transition: `all ${motionDurationMid}, background 0s`, '&-children': { height: '100%', // Hack for fixing margin collapse bug // https://github.com/ant-design/ant-design/issues/7967 // solution from https://stackoverflow.com/a/33132624/3040605 marginTop: -0.1, paddingTop: 0.1, [`${antCls}-menu${antCls}-menu-inline-collapsed`]: { width: 'auto' } }, '&-has-trigger': { paddingBottom: layoutTriggerHeight }, '&-right': { order: 1 }, '&-trigger': { position: 'fixed', bottom: 0, zIndex: 1, height: layoutTriggerHeight, color: colorTextLightSolid, lineHeight: `${layoutTriggerHeight}px`, textAlign: 'center', background: colorBgTrigger, cursor: 'pointer', transition: `all ${motionDurationMid}` }, '&-zero-width': { '> *': { overflow: 'hidden' }, '&-trigger': { position: 'absolute', top: layoutHeaderHeight, insetInlineEnd: -layoutZeroTriggerSize, zIndex: 1, width: layoutZeroTriggerSize, height: layoutZeroTriggerSize, color: colorTextLightSolid, fontSize: token.fontSizeXL, display: 'flex', alignItems: 'center', justifyContent: 'center', background: colorBgHeader, borderStartStartRadius: 0, borderStartEndRadius: borderRadius, borderEndEndRadius: borderRadius, borderEndStartRadius: 0, cursor: 'pointer', transition: `background ${motionDurationSlow} ease`, '&::after': { position: 'absolute', inset: 0, background: 'transparent', transition: `all ${motionDurationSlow}`, content: '""' }, '&:hover::after': { // FIXME: Hardcode, but seems no need to create a token for this background: `rgba(255, 255, 255, 0.2)` }, '&-right': { insetInlineStart: -layoutZeroTriggerSize, borderStartStartRadius: borderRadius, borderStartEndRadius: 0, borderEndEndRadius: 0, borderEndStartRadius: borderRadius } } } } }, (0,_light__WEBPACK_IMPORTED_MODULE_1__["default"])(token)), { // RTL '&-rtl': { direction: 'rtl' } }) }; }; // ============================== Export ============================== /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_theme_internal__WEBPACK_IMPORTED_MODULE_2__["default"])('Layout', token => { const { colorText, controlHeightSM, controlHeight, controlHeightLG, marginXXS } = token; const layoutHeaderPaddingInline = controlHeightLG * 1.25; const layoutToken = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_3__.merge)(token, { // Layout layoutHeaderHeight: controlHeight * 2, layoutHeaderPaddingInline, layoutHeaderColor: colorText, layoutFooterPadding: `${controlHeightSM}px ${layoutHeaderPaddingInline}px`, layoutTriggerHeight: controlHeightLG + marginXXS * 2, layoutZeroTriggerSize: controlHeightLG }); return [genLayoutStyle(layoutToken)]; }, token => { const { colorBgLayout } = token; return { colorBgHeader: '#001529', colorBgBody: colorBgLayout, colorBgTrigger: '#002140' }; })); /***/ }), /***/ "./components/layout/style/light.ts": /*!******************************************!*\ !*** ./components/layout/style/light.ts ***! \******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); const genLayoutLightStyle = token => { const { componentCls, colorBgContainer, colorBgBody, colorText } = token; return { [`${componentCls}-sider-light`]: { background: colorBgContainer, [`${componentCls}-sider-trigger`]: { color: colorText, background: colorBgContainer }, [`${componentCls}-sider-zero-width-trigger`]: { color: colorText, background: colorBgContainer, border: `1px solid ${colorBgBody}`, borderInlineStart: 0 } } }; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (genLayoutLightStyle); /***/ }), /***/ "./components/list/Item.tsx": /*!**********************************!*\ !*** ./components/list/Item.tsx ***! \**********************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ listItemProps: () => (/* binding */ listItemProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/index.ts"); /* harmony import */ var _grid__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../grid */ "./components/grid/Col.tsx"); /* harmony import */ var _util_vnode__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../_util/vnode */ "./components/_util/vnode.ts"); /* harmony import */ var _ItemMeta__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./ItemMeta */ "./components/list/ItemMeta.tsx"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _contextKey__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./contextKey */ "./components/list/contextKey.ts"); var __rest = undefined && undefined.__rest || function (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; }; const listItemProps = () => ({ prefixCls: String, extra: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].any, actions: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].array, grid: Object, colStyle: { type: Object, default: undefined } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'AListItem', inheritAttrs: false, Meta: _ItemMeta__WEBPACK_IMPORTED_MODULE_3__["default"], props: listItemProps(), slots: Object, setup(props, _ref) { let { slots, attrs } = _ref; const { itemLayout, grid } = (0,vue__WEBPACK_IMPORTED_MODULE_1__.inject)(_contextKey__WEBPACK_IMPORTED_MODULE_4__.ListContextKey, { grid: (0,vue__WEBPACK_IMPORTED_MODULE_1__.ref)(), itemLayout: (0,vue__WEBPACK_IMPORTED_MODULE_1__.ref)() }); const { prefixCls } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_5__["default"])('list', props); const isItemContainsTextNodeAndNotSingular = () => { var _a; const children = ((_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)) || []; let result; children.forEach(element => { if ((0,_util_props_util__WEBPACK_IMPORTED_MODULE_6__.isStringElement)(element) && !(0,_util_props_util__WEBPACK_IMPORTED_MODULE_6__.isEmptyElement)(element)) { result = true; } }); return result && children.length > 1; }; const isFlexMode = () => { var _a, _b; const extra = (_a = props.extra) !== null && _a !== void 0 ? _a : (_b = slots.extra) === null || _b === void 0 ? void 0 : _b.call(slots); if (itemLayout.value === 'vertical') { return !!extra; } return !isItemContainsTextNodeAndNotSingular(); }; return () => { var _a, _b, _c, _d, _e; const { class: className } = attrs, restAttrs = __rest(attrs, ["class"]); const pre = prefixCls.value; const extra = (_a = props.extra) !== null && _a !== void 0 ? _a : (_b = slots.extra) === null || _b === void 0 ? void 0 : _b.call(slots); const children = (_c = slots.default) === null || _c === void 0 ? void 0 : _c.call(slots); let actions = (_d = props.actions) !== null && _d !== void 0 ? _d : (0,_util_props_util__WEBPACK_IMPORTED_MODULE_6__.flattenChildren)((_e = slots.actions) === null || _e === void 0 ? void 0 : _e.call(slots)); actions = actions && !Array.isArray(actions) ? [actions] : actions; const actionsContent = actions && actions.length > 0 && (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("ul", { "class": `${pre}-item-action`, "key": "actions" }, [actions.map((action, i) => (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("li", { "key": `${pre}-item-action-${i}` }, [action, i !== actions.length - 1 && (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("em", { "class": `${pre}-item-action-split` }, null)]))]); const Element = grid.value ? 'div' : 'li'; const itemChildren = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(Element, (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, restAttrs), {}, { "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_7__["default"])(`${pre}-item`, { [`${pre}-item-no-flex`]: !isFlexMode() }, className) }), { default: () => [itemLayout.value === 'vertical' && extra ? [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${pre}-item-main`, "key": "content" }, [children, actionsContent]), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${pre}-item-extra`, "key": "extra" }, [extra])] : [children, actionsContent, (0,_util_vnode__WEBPACK_IMPORTED_MODULE_8__.cloneElement)(extra, { key: 'extra' })]] }); return grid.value ? (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_grid__WEBPACK_IMPORTED_MODULE_9__["default"], { "flex": 1, "style": props.colStyle }, { default: () => [itemChildren] }) : itemChildren; }; } })); /***/ }), /***/ "./components/list/ItemMeta.tsx": /*!**************************************!*\ !*** ./components/list/ItemMeta.tsx ***! \**************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ listItemMetaProps: () => (/* binding */ listItemMetaProps) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); const listItemMetaProps = () => ({ avatar: _util_vue_types__WEBPACK_IMPORTED_MODULE_1__["default"].any, description: _util_vue_types__WEBPACK_IMPORTED_MODULE_1__["default"].any, prefixCls: String, title: _util_vue_types__WEBPACK_IMPORTED_MODULE_1__["default"].any }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'AListItemMeta', props: listItemMetaProps(), displayName: 'AListItemMeta', __ANT_LIST_ITEM_META: true, slots: Object, setup(props, _ref) { let { slots } = _ref; const { prefixCls } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_2__["default"])('list', props); return () => { var _a, _b, _c, _d, _e, _f; const classString = `${prefixCls.value}-item-meta`; const title = (_a = props.title) !== null && _a !== void 0 ? _a : (_b = slots.title) === null || _b === void 0 ? void 0 : _b.call(slots); const description = (_c = props.description) !== null && _c !== void 0 ? _c : (_d = slots.description) === null || _d === void 0 ? void 0 : _d.call(slots); const avatar = (_e = props.avatar) !== null && _e !== void 0 ? _e : (_f = slots.avatar) === null || _f === void 0 ? void 0 : _f.call(slots); const content = (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", { "class": `${prefixCls.value}-item-meta-content` }, [title && (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("h4", { "class": `${prefixCls.value}-item-meta-title` }, [title]), description && (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", { "class": `${prefixCls.value}-item-meta-description` }, [description])]); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", { "class": classString }, [avatar && (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", { "class": `${prefixCls.value}-item-meta-avatar` }, [avatar]), (title || description) && content]); }; } })); /***/ }), /***/ "./components/list/contextKey.ts": /*!***************************************!*\ !*** ./components/list/contextKey.ts ***! \***************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ ListContextKey: () => (/* binding */ ListContextKey) /* harmony export */ }); const ListContextKey = Symbol('ListContextKey'); /***/ }), /***/ "./components/list/index.tsx": /*!***********************************!*\ !*** ./components/list/index.tsx ***! \***********************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ ListItem: () => (/* reexport safe */ _Item__WEBPACK_IMPORTED_MODULE_4__["default"]), /* harmony export */ ListItemMeta: () => (/* reexport safe */ _ItemMeta__WEBPACK_IMPORTED_MODULE_17__["default"]), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ listProps: () => (/* binding */ listProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _spin__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../spin */ "./components/spin/index.ts"); /* harmony import */ var _pagination__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../pagination */ "./components/pagination/index.ts"); /* harmony import */ var _grid__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../grid */ "./components/grid/Row.tsx"); /* harmony import */ var _Item__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Item */ "./components/list/Item.tsx"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/index.ts"); /* harmony import */ var _util_props_util_initDefaultProps__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../_util/props-util/initDefaultProps */ "./components/_util/props-util/initDefaultProps.ts"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); /* harmony import */ var _ItemMeta__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./ItemMeta */ "./components/list/ItemMeta.tsx"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _util_hooks_useBreakpoint__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../_util/hooks/useBreakpoint */ "./components/_util/hooks/useBreakpoint.ts"); /* harmony import */ var _util_responsiveObserve__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../_util/responsiveObserve */ "./components/_util/responsiveObserve.ts"); /* harmony import */ var _util_eagerComputed__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../_util/eagerComputed */ "./components/_util/eagerComputed.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./style */ "./components/list/style/index.tsx"); /* harmony import */ var _contextKey__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./contextKey */ "./components/list/contextKey.ts"); // CSSINJS const listProps = () => ({ bordered: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.booleanType)(), dataSource: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.arrayType)(), extra: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.vNodeType)(), grid: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.objectType)(), itemLayout: String, loading: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.someType)([Boolean, Object]), loadMore: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.vNodeType)(), pagination: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.someType)([Boolean, Object]), prefixCls: String, rowKey: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.someType)([String, Number, Function]), renderItem: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.functionType)(), size: String, split: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.booleanType)(), header: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.vNodeType)(), footer: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.vNodeType)(), locale: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.objectType)() }); const List = (0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'AList', inheritAttrs: false, Item: _Item__WEBPACK_IMPORTED_MODULE_4__["default"], props: (0,_util_props_util_initDefaultProps__WEBPACK_IMPORTED_MODULE_5__["default"])(listProps(), { dataSource: [], bordered: false, split: true, loading: false, pagination: false }), slots: Object, setup(props, _ref) { let { slots, attrs } = _ref; var _a, _b; (0,vue__WEBPACK_IMPORTED_MODULE_2__.provide)(_contextKey__WEBPACK_IMPORTED_MODULE_6__.ListContextKey, { grid: (0,vue__WEBPACK_IMPORTED_MODULE_2__.toRef)(props, 'grid'), itemLayout: (0,vue__WEBPACK_IMPORTED_MODULE_2__.toRef)(props, 'itemLayout') }); const defaultPaginationProps = { current: 1, total: 0 }; const { prefixCls, direction, renderEmpty } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_7__["default"])('list', props); // Style const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_8__["default"])(prefixCls); const paginationObj = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.pagination && typeof props.pagination === 'object' ? props.pagination : {}); const paginationCurrent = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)((_a = paginationObj.value.defaultCurrent) !== null && _a !== void 0 ? _a : 1); const paginationSize = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)((_b = paginationObj.value.defaultPageSize) !== null && _b !== void 0 ? _b : 10); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)(paginationObj, () => { if ('current' in paginationObj.value) { paginationCurrent.value = paginationObj.value.current; } if ('pageSize' in paginationObj.value) { paginationSize.value = paginationObj.value.pageSize; } }); const listItemsKeys = []; const triggerPaginationEvent = eventName => (page, pageSize) => { paginationCurrent.value = page; paginationSize.value = pageSize; if (paginationObj.value[eventName]) { paginationObj.value[eventName](page, pageSize); } }; const onPaginationChange = triggerPaginationEvent('onChange'); const onPaginationShowSizeChange = triggerPaginationEvent('onShowSizeChange'); const loadingProp = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { if (typeof props.loading === 'boolean') { return { spinning: props.loading }; } else { return props.loading; } }); const isLoading = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => loadingProp.value && loadingProp.value.spinning); const sizeCls = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { let size = ''; switch (props.size) { case 'large': size = 'lg'; break; case 'small': size = 'sm'; break; default: break; } return size; }); const classObj = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => ({ [`${prefixCls.value}`]: true, [`${prefixCls.value}-vertical`]: props.itemLayout === 'vertical', [`${prefixCls.value}-${sizeCls.value}`]: sizeCls.value, [`${prefixCls.value}-split`]: props.split, [`${prefixCls.value}-bordered`]: props.bordered, [`${prefixCls.value}-loading`]: isLoading.value, [`${prefixCls.value}-grid`]: !!props.grid, [`${prefixCls.value}-rtl`]: direction.value === 'rtl' })); const paginationProps = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { const pp = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, defaultPaginationProps), { total: props.dataSource.length, current: paginationCurrent.value, pageSize: paginationSize.value }), props.pagination || {}); const largestPage = Math.ceil(pp.total / pp.pageSize); if (pp.current > largestPage) { pp.current = largestPage; } return pp; }); const splitDataSource = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { let dd = [...props.dataSource]; if (props.pagination) { if (props.dataSource.length > (paginationProps.value.current - 1) * paginationProps.value.pageSize) { dd = [...props.dataSource].splice((paginationProps.value.current - 1) * paginationProps.value.pageSize, paginationProps.value.pageSize); } } return dd; }); const screens = (0,_util_hooks_useBreakpoint__WEBPACK_IMPORTED_MODULE_9__["default"])(); const currentBreakpoint = (0,_util_eagerComputed__WEBPACK_IMPORTED_MODULE_10__["default"])(() => { for (let i = 0; i < _util_responsiveObserve__WEBPACK_IMPORTED_MODULE_11__.responsiveArray.length; i += 1) { const breakpoint = _util_responsiveObserve__WEBPACK_IMPORTED_MODULE_11__.responsiveArray[i]; if (screens.value[breakpoint]) { return breakpoint; } } return undefined; }); const colStyle = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { if (!props.grid) { return undefined; } const columnCount = currentBreakpoint.value && props.grid[currentBreakpoint.value] ? props.grid[currentBreakpoint.value] : props.grid.column; if (columnCount) { return { width: `${100 / columnCount}%`, maxWidth: `${100 / columnCount}%` }; } return undefined; }); const renderInnerItem = (item, index) => { var _a; const renderItem = (_a = props.renderItem) !== null && _a !== void 0 ? _a : slots.renderItem; if (!renderItem) return null; let key; const rowKeyType = typeof props.rowKey; if (rowKeyType === 'function') { key = props.rowKey(item); } else if (rowKeyType === 'string' || rowKeyType === 'number') { key = item[props.rowKey]; } else { key = item.key; } if (!key) { key = `list-item-${index}`; } listItemsKeys[index] = key; return renderItem({ item, index }); }; return () => { var _a, _b, _c, _d, _e, _f, _g, _h; const loadMore = (_a = props.loadMore) !== null && _a !== void 0 ? _a : (_b = slots.loadMore) === null || _b === void 0 ? void 0 : _b.call(slots); const footer = (_c = props.footer) !== null && _c !== void 0 ? _c : (_d = slots.footer) === null || _d === void 0 ? void 0 : _d.call(slots); const header = (_e = props.header) !== null && _e !== void 0 ? _e : (_f = slots.header) === null || _f === void 0 ? void 0 : _f.call(slots); const children = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_12__.flattenChildren)((_g = slots.default) === null || _g === void 0 ? void 0 : _g.call(slots)); const isSomethingAfterLastItem = !!(loadMore || props.pagination || footer); const classString = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_13__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, classObj.value), { [`${prefixCls.value}-something-after-last-item`]: isSomethingAfterLastItem }), attrs.class, hashId.value); const paginationContent = props.pagination ? (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": `${prefixCls.value}-pagination` }, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_pagination__WEBPACK_IMPORTED_MODULE_14__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, paginationProps.value), {}, { "onChange": onPaginationChange, "onShowSizeChange": onPaginationShowSizeChange }), null)]) : null; let childrenContent = isLoading.value && (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "style": { minHeight: '53px' } }, null); if (splitDataSource.value.length > 0) { listItemsKeys.length = 0; const items = splitDataSource.value.map((item, index) => renderInnerItem(item, index)); const childrenList = items.map((child, index) => (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "key": listItemsKeys[index], "style": colStyle.value }, [child])); childrenContent = props.grid ? (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_grid__WEBPACK_IMPORTED_MODULE_15__["default"], { "gutter": props.grid.gutter }, { default: () => [childrenList] }) : (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("ul", { "class": `${prefixCls.value}-items` }, [items]); } else if (!children.length && !isLoading.value) { childrenContent = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": `${prefixCls.value}-empty-text` }, [((_h = props.locale) === null || _h === void 0 ? void 0 : _h.emptyText) || renderEmpty('List')]); } const paginationPosition = paginationProps.value.position || 'bottom'; return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, attrs), {}, { "class": classString }), [(paginationPosition === 'top' || paginationPosition === 'both') && paginationContent, header && (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": `${prefixCls.value}-header` }, [header]), (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_spin__WEBPACK_IMPORTED_MODULE_16__["default"], loadingProp.value, { default: () => [childrenContent, children] }), footer && (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": `${prefixCls.value}-footer` }, [footer]), loadMore || (paginationPosition === 'bottom' || paginationPosition === 'both') && paginationContent])); }; } }); /* istanbul ignore next */ List.install = function (app) { app.component(List.name, List); app.component(List.Item.name, List.Item); app.component(List.Item.Meta.name, List.Item.Meta); return app; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (List); /***/ }), /***/ "./components/list/style/index.tsx": /*!*****************************************!*\ !*** ./components/list/style/index.tsx ***! \*****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/genComponentStyleHook.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/statistic.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../style */ "./components/style/index.ts"); const genBorderedStyle = token => { const { listBorderedCls, componentCls, paddingLG, margin, padding, listItemPaddingSM, marginLG, borderRadiusLG } = token; return { [`${listBorderedCls}`]: { border: `${token.lineWidth}px ${token.lineType} ${token.colorBorder}`, borderRadius: borderRadiusLG, [`${componentCls}-header,${componentCls}-footer,${componentCls}-item`]: { paddingInline: paddingLG }, [`${componentCls}-pagination`]: { margin: `${margin}px ${marginLG}px` } }, [`${listBorderedCls}${componentCls}-sm`]: { [`${componentCls}-item,${componentCls}-header,${componentCls}-footer`]: { padding: listItemPaddingSM } }, [`${listBorderedCls}${componentCls}-lg`]: { [`${componentCls}-item,${componentCls}-header,${componentCls}-footer`]: { padding: `${padding}px ${paddingLG}px` } } }; }; const genResponsiveStyle = token => { const { componentCls, screenSM, screenMD, marginLG, marginSM, margin } = token; return { [`@media screen and (max-width:${screenMD})`]: { [`${componentCls}`]: { [`${componentCls}-item`]: { [`${componentCls}-item-action`]: { marginInlineStart: marginLG } } }, [`${componentCls}-vertical`]: { [`${componentCls}-item`]: { [`${componentCls}-item-extra`]: { marginInlineStart: marginLG } } } }, [`@media screen and (max-width: ${screenSM})`]: { [`${componentCls}`]: { [`${componentCls}-item`]: { flexWrap: 'wrap', [`${componentCls}-action`]: { marginInlineStart: marginSM } } }, [`${componentCls}-vertical`]: { [`${componentCls}-item`]: { flexWrap: 'wrap-reverse', [`${componentCls}-item-main`]: { minWidth: token.contentWidth }, [`${componentCls}-item-extra`]: { margin: `auto auto ${margin}px` } } } } }; }; // =============================== Base =============================== const genBaseStyle = token => { const { componentCls, antCls, controlHeight, minHeight, paddingSM, marginLG, padding, listItemPadding, colorPrimary, listItemPaddingSM, listItemPaddingLG, paddingXS, margin, colorText, colorTextDescription, motionDurationSlow, lineWidth } = token; return { [`${componentCls}`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_1__.resetComponent)(token)), { position: 'relative', '*': { outline: 'none' }, [`${componentCls}-header, ${componentCls}-footer`]: { background: 'transparent', paddingBlock: paddingSM }, [`${componentCls}-pagination`]: { marginBlockStart: marginLG, textAlign: 'end', // https://github.com/ant-design/ant-design/issues/20037 [`${antCls}-pagination-options`]: { textAlign: 'start' } }, [`${componentCls}-spin`]: { minHeight, textAlign: 'center' }, [`${componentCls}-items`]: { margin: 0, padding: 0, listStyle: 'none' }, [`${componentCls}-item`]: { display: 'flex', alignItems: 'center', justifyContent: 'space-between', padding: listItemPadding, color: colorText, [`${componentCls}-item-meta`]: { display: 'flex', flex: 1, alignItems: 'flex-start', maxWidth: '100%', [`${componentCls}-item-meta-avatar`]: { marginInlineEnd: padding }, [`${componentCls}-item-meta-content`]: { flex: '1 0', width: 0, color: colorText }, [`${componentCls}-item-meta-title`]: { marginBottom: token.marginXXS, color: colorText, fontSize: token.fontSize, lineHeight: token.lineHeight, '> a': { color: colorText, transition: `all ${motionDurationSlow}`, [`&:hover`]: { color: colorPrimary } } }, [`${componentCls}-item-meta-description`]: { color: colorTextDescription, fontSize: token.fontSize, lineHeight: token.lineHeight } }, [`${componentCls}-item-action`]: { flex: '0 0 auto', marginInlineStart: token.marginXXL, padding: 0, fontSize: 0, listStyle: 'none', [`& > li`]: { position: 'relative', display: 'inline-block', padding: `0 ${paddingXS}px`, color: colorTextDescription, fontSize: token.fontSize, lineHeight: token.lineHeight, textAlign: 'center', [`&:first-child`]: { paddingInlineStart: 0 } }, [`${componentCls}-item-action-split`]: { position: 'absolute', insetBlockStart: '50%', insetInlineEnd: 0, width: lineWidth, height: Math.ceil(token.fontSize * token.lineHeight) - token.marginXXS * 2, transform: 'translateY(-50%)', backgroundColor: token.colorSplit } } }, [`${componentCls}-empty`]: { padding: `${padding}px 0`, color: colorTextDescription, fontSize: token.fontSizeSM, textAlign: 'center' }, [`${componentCls}-empty-text`]: { padding, color: token.colorTextDisabled, fontSize: token.fontSize, textAlign: 'center' }, // ============================ without flex ============================ [`${componentCls}-item-no-flex`]: { display: 'block' } }), [`${componentCls}-grid ${antCls}-col > ${componentCls}-item`]: { display: 'block', maxWidth: '100%', marginBlockEnd: margin, paddingBlock: 0, borderBlockEnd: 'none' }, [`${componentCls}-vertical ${componentCls}-item`]: { alignItems: 'initial', [`${componentCls}-item-main`]: { display: 'block', flex: 1 }, [`${componentCls}-item-extra`]: { marginInlineStart: marginLG }, [`${componentCls}-item-meta`]: { marginBlockEnd: padding, [`${componentCls}-item-meta-title`]: { marginBlockEnd: paddingSM, color: colorText, fontSize: token.fontSizeLG, lineHeight: token.lineHeightLG } }, [`${componentCls}-item-action`]: { marginBlockStart: padding, marginInlineStart: 'auto', '> li': { padding: `0 ${padding}px`, [`&:first-child`]: { paddingInlineStart: 0 } } } }, [`${componentCls}-split ${componentCls}-item`]: { borderBlockEnd: `${token.lineWidth}px ${token.lineType} ${token.colorSplit}`, [`&:last-child`]: { borderBlockEnd: 'none' } }, [`${componentCls}-split ${componentCls}-header`]: { borderBlockEnd: `${token.lineWidth}px ${token.lineType} ${token.colorSplit}` }, [`${componentCls}-split${componentCls}-empty ${componentCls}-footer`]: { borderTop: `${token.lineWidth}px ${token.lineType} ${token.colorSplit}` }, [`${componentCls}-loading ${componentCls}-spin-nested-loading`]: { minHeight: controlHeight }, [`${componentCls}-split${componentCls}-something-after-last-item ${antCls}-spin-container > ${componentCls}-items > ${componentCls}-item:last-child`]: { borderBlockEnd: `${token.lineWidth}px ${token.lineType} ${token.colorSplit}` }, [`${componentCls}-lg ${componentCls}-item`]: { padding: listItemPaddingLG }, [`${componentCls}-sm ${componentCls}-item`]: { padding: listItemPaddingSM }, // Horizontal [`${componentCls}:not(${componentCls}-vertical)`]: { [`${componentCls}-item-no-flex`]: { [`${componentCls}-item-action`]: { float: 'right' } } } }; }; // ============================== Export ============================== /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_theme_internal__WEBPACK_IMPORTED_MODULE_2__["default"])('List', token => { const listToken = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_3__.merge)(token, { listBorderedCls: `${token.componentCls}-bordered`, minHeight: token.controlHeightLG, listItemPadding: `${token.paddingContentVertical}px ${token.paddingContentHorizontalLG}px`, listItemPaddingSM: `${token.paddingContentVerticalSM}px ${token.paddingContentHorizontal}px`, listItemPaddingLG: `${token.paddingContentVerticalLG}px ${token.paddingContentHorizontalLG}px` }); return [genBaseStyle(listToken), genBorderedStyle(listToken), genResponsiveStyle(listToken)]; }, { contentWidth: 220 })); /***/ }), /***/ "./components/locale-provider/LocaleReceiver.tsx": /*!*******************************************************!*\ !*** ./components/locale-provider/LocaleReceiver.tsx ***! \*******************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ useLocaleReceiver: () => (/* reexport safe */ _locale_LocaleReceiver__WEBPACK_IMPORTED_MODULE_0__.useLocaleReceiver) /* harmony export */ }); /* harmony import */ var _locale_LocaleReceiver__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../locale/LocaleReceiver */ "./components/locale/LocaleReceiver.tsx"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_locale_LocaleReceiver__WEBPACK_IMPORTED_MODULE_0__["default"]); /***/ }), /***/ "./components/locale-provider/index.ts": /*!*********************************************!*\ !*** ./components/locale-provider/index.ts ***! \*********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ ANT_MARK: () => (/* reexport safe */ _locale__WEBPACK_IMPORTED_MODULE_0__.ANT_MARK), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _locale__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../locale */ "./components/locale/index.tsx"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_locale__WEBPACK_IMPORTED_MODULE_0__["default"]); /***/ }), /***/ "./components/locale/LocaleReceiver.tsx": /*!**********************************************!*\ !*** ./components/locale/LocaleReceiver.tsx ***! \**********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ useLocaleReceiver: () => (/* binding */ useLocaleReceiver) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _en_US__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./en_US */ "./components/locale/en_US.ts"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'LocaleReceiver', props: { componentName: String, defaultLocale: { type: [Object, Function] }, children: { type: Function } }, setup(props, _ref) { let { slots } = _ref; const localeData = (0,vue__WEBPACK_IMPORTED_MODULE_1__.inject)('localeData', {}); const locale = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { const { componentName = 'global', defaultLocale } = props; const locale = defaultLocale || _en_US__WEBPACK_IMPORTED_MODULE_2__["default"][componentName || 'global']; const { antLocale } = localeData; const localeFromContext = componentName && antLocale ? antLocale[componentName] : {}; return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, typeof locale === 'function' ? locale() : locale), localeFromContext || {}); }); const localeCode = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { const { antLocale } = localeData; const localeCode = antLocale && antLocale.locale; // Had use LocaleProvide but didn't set locale if (antLocale && antLocale.exist && !localeCode) { return _en_US__WEBPACK_IMPORTED_MODULE_2__["default"].locale; } return localeCode; }); return () => { const children = props.children || slots.default; const { antLocale } = localeData; return children === null || children === void 0 ? void 0 : children(locale.value, localeCode.value, antLocale); }; } })); function useLocaleReceiver(componentName, defaultLocale, propsLocale) { const localeData = (0,vue__WEBPACK_IMPORTED_MODULE_1__.inject)('localeData', {}); const componentLocale = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { const { antLocale } = localeData; const locale = (0,vue__WEBPACK_IMPORTED_MODULE_1__.unref)(defaultLocale) || _en_US__WEBPACK_IMPORTED_MODULE_2__["default"][componentName || 'global']; const localeFromContext = componentName && antLocale ? antLocale[componentName] : {}; return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, typeof locale === 'function' ? locale() : locale), localeFromContext || {}), (0,vue__WEBPACK_IMPORTED_MODULE_1__.unref)(propsLocale) || {}); }); return [componentLocale]; } /***/ }), /***/ "./components/locale/en_US.ts": /*!************************************!*\ !*** ./components/locale/en_US.ts ***! \************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _vc_pagination_locale_en_US__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../vc-pagination/locale/en_US */ "./components/vc-pagination/locale/en_US.ts"); /* harmony import */ var _calendar_locale_en_US__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../calendar/locale/en_US */ "./components/calendar/locale/en_US.ts"); /* harmony import */ var _date_picker_locale_en_US__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../date-picker/locale/en_US */ "./components/date-picker/locale/en_US.ts"); /* harmony import */ var _time_picker_locale_en_US__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../time-picker/locale/en_US */ "./components/time-picker/locale/en_US.ts"); /* eslint-disable no-template-curly-in-string */ const typeTemplate = '${label} is not a valid ${type}'; const localeValues = { locale: 'en', Pagination: _vc_pagination_locale_en_US__WEBPACK_IMPORTED_MODULE_0__["default"], DatePicker: _date_picker_locale_en_US__WEBPACK_IMPORTED_MODULE_1__["default"], TimePicker: _time_picker_locale_en_US__WEBPACK_IMPORTED_MODULE_2__["default"], Calendar: _calendar_locale_en_US__WEBPACK_IMPORTED_MODULE_3__["default"], global: { placeholder: 'Please select' }, Table: { filterTitle: 'Filter menu', filterConfirm: 'OK', filterReset: 'Reset', filterEmptyText: 'No filters', filterCheckall: 'Select all items', filterSearchPlaceholder: 'Search in filters', emptyText: 'No data', selectAll: 'Select current page', selectInvert: 'Invert current page', selectNone: 'Clear all data', selectionAll: 'Select all data', sortTitle: 'Sort', expand: 'Expand row', collapse: 'Collapse row', triggerDesc: 'Click to sort descending', triggerAsc: 'Click to sort ascending', cancelSort: 'Click to cancel sorting' }, Tour: { Next: 'Next', Previous: 'Previous', Finish: 'Finish' }, Modal: { okText: 'OK', cancelText: 'Cancel', justOkText: 'OK' }, Popconfirm: { okText: 'OK', cancelText: 'Cancel' }, Transfer: { titles: ['', ''], searchPlaceholder: 'Search here', itemUnit: 'item', itemsUnit: 'items', remove: 'Remove', selectCurrent: 'Select current page', removeCurrent: 'Remove current page', selectAll: 'Select all data', removeAll: 'Remove all data', selectInvert: 'Invert current page' }, Upload: { uploading: 'Uploading...', removeFile: 'Remove file', uploadError: 'Upload error', previewFile: 'Preview file', downloadFile: 'Download file' }, Empty: { description: 'No data' }, Icon: { icon: 'icon' }, Text: { edit: 'Edit', copy: 'Copy', copied: 'Copied', expand: 'Expand' }, PageHeader: { back: 'Back' }, Form: { optional: '(optional)', defaultValidateMessages: { default: 'Field validation error for ${label}', required: 'Please enter ${label}', enum: '${label} must be one of [${enum}]', whitespace: '${label} cannot be a blank character', date: { format: '${label} date format is invalid', parse: '${label} cannot be converted to a date', invalid: '${label} is an invalid date' }, types: { string: typeTemplate, method: typeTemplate, array: typeTemplate, object: typeTemplate, number: typeTemplate, date: typeTemplate, boolean: typeTemplate, integer: typeTemplate, float: typeTemplate, regexp: typeTemplate, email: typeTemplate, url: typeTemplate, hex: typeTemplate }, string: { len: '${label} must be ${len} characters', min: '${label} must be at least ${min} characters', max: '${label} must be up to ${max} characters', range: '${label} must be between ${min}-${max} characters' }, number: { len: '${label} must be equal to ${len}', min: '${label} must be minimum ${min}', max: '${label} must be maximum ${max}', range: '${label} must be between ${min}-${max}' }, array: { len: 'Must be ${len} ${label}', min: 'At least ${min} ${label}', max: 'At most ${max} ${label}', range: 'The amount of ${label} must be between ${min}-${max}' }, pattern: { mismatch: '${label} does not match the pattern ${pattern}' } } }, Image: { preview: 'Preview' }, QRCode: { expired: 'QR code expired', refresh: 'Refresh', scanned: 'Scanned' } }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (localeValues); /***/ }), /***/ "./components/locale/index.tsx": /*!*************************************!*\ !*** ./components/locale/index.tsx ***! \*************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ ANT_MARK: () => (/* binding */ ANT_MARK), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _modal_locale__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../modal/locale */ "./components/modal/locale.ts"); /* harmony import */ var _util_warning__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../_util/warning */ "./components/_util/warning.ts"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); const ANT_MARK = 'internalMark'; const LocaleProvider = (0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'ALocaleProvider', props: { locale: { type: Object }, ANT_MARK__: String }, setup(props, _ref) { let { slots } = _ref; (0,_util_warning__WEBPACK_IMPORTED_MODULE_2__["default"])(props.ANT_MARK__ === ANT_MARK, 'LocaleProvider', '`LocaleProvider` is deprecated. Please use `locale` with `ConfigProvider` instead'); const state = (0,vue__WEBPACK_IMPORTED_MODULE_1__.reactive)({ antLocale: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props.locale), { exist: true }), ANT_MARK__: ANT_MARK }); (0,vue__WEBPACK_IMPORTED_MODULE_1__.provide)('localeData', state); (0,vue__WEBPACK_IMPORTED_MODULE_1__.watch)(() => props.locale, locale => { (0,_modal_locale__WEBPACK_IMPORTED_MODULE_3__.changeConfirmLocale)(locale && locale.Modal); state.antLocale = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, locale), { exist: true }); }, { immediate: true }); return () => { var _a; return (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots); }; } }); /* istanbul ignore next */ LocaleProvider.install = function (app) { app.component(LocaleProvider.name, LocaleProvider); return app; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_util_type__WEBPACK_IMPORTED_MODULE_4__.withInstall)(LocaleProvider)); /***/ }), /***/ "./components/mentions/index.tsx": /*!***************************************!*\ !*** ./components/mentions/index.tsx ***! \***************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ MentionsOption: () => (/* binding */ MentionsOption), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ mentionsProps: () => (/* binding */ mentionsProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _vc_mentions__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../vc-mentions */ "./components/vc-mentions/index.ts"); /* harmony import */ var _vc_mentions_src_mentionsProps__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../vc-mentions/src/mentionsProps */ "./components/vc-mentions/src/mentionsProps.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/index.ts"); /* harmony import */ var _form_FormItemContext__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../form/FormItemContext */ "./components/form/FormItemContext.ts"); /* harmony import */ var _util_omit__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../_util/omit */ "./components/_util/omit.ts"); /* harmony import */ var _vc_mentions_src_Option__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../vc-mentions/src/Option */ "./components/vc-mentions/src/Option.tsx"); /* harmony import */ var _util_statusUtils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../_util/statusUtils */ "./components/_util/statusUtils.tsx"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./style */ "./components/mentions/style/index.ts"); /* harmony import */ var _menu_src_OverrideContext__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../menu/src/OverrideContext */ "./components/menu/src/OverrideContext.ts"); /* harmony import */ var _util_warning__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../_util/warning */ "./components/_util/warning.ts"); /* harmony import */ var _spin__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../spin */ "./components/spin/index.ts"); /* harmony import */ var _vc_util_devWarning__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../vc-util/devWarning */ "./components/vc-util/devWarning.ts"); var __rest = undefined && undefined.__rest || function (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 loadingFilterOption() { return true; } const getMentions = function () { let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ''; let config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; const { prefix = '@', split = ' ' } = config; const prefixList = Array.isArray(prefix) ? prefix : [prefix]; return value.split(split).map(function () { let str = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ''; let hitPrefix = null; prefixList.some(prefixStr => { const startStr = str.slice(0, prefixStr.length); if (startStr === prefixStr) { hitPrefix = prefixStr; return true; } return false; }); if (hitPrefix !== null) { return { prefix: hitPrefix, value: str.slice(hitPrefix.length) }; } return null; }).filter(entity => !!entity && !!entity.value); }; const mentionsProps = () => (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, _vc_mentions_src_mentionsProps__WEBPACK_IMPORTED_MODULE_3__.mentionsProps), { loading: { type: Boolean, default: undefined }, onFocus: { type: Function }, onBlur: { type: Function }, onSelect: { type: Function }, onChange: { type: Function }, onPressenter: { type: Function }, 'onUpdate:value': { type: Function }, notFoundContent: _util_vue_types__WEBPACK_IMPORTED_MODULE_4__["default"].any, defaultValue: String, id: String, status: String }); const Mentions = (0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'AMentions', inheritAttrs: false, props: mentionsProps(), slots: Object, setup(props, _ref) { let { slots, emit, attrs, expose } = _ref; var _a, _b, _c; // =================== Warning ===================== if (true) { (0,_vc_util_devWarning__WEBPACK_IMPORTED_MODULE_5__["default"])(!(0,_util_props_util__WEBPACK_IMPORTED_MODULE_6__.flattenChildren)(((_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)) || []).length, 'Mentions', '`Mentions.Option` is deprecated. Please use `options` instead.'); } const { prefixCls, renderEmpty, direction } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_7__["default"])('mentions', props); const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_8__["default"])(prefixCls); const focused = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(false); const vcMentions = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(null); const value = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)((_c = (_b = props.value) !== null && _b !== void 0 ? _b : props.defaultValue) !== null && _c !== void 0 ? _c : ''); const formItemContext = (0,_form_FormItemContext__WEBPACK_IMPORTED_MODULE_9__.useInjectFormItemContext)(); const formItemInputContext = _form_FormItemContext__WEBPACK_IMPORTED_MODULE_9__.FormItemInputContext.useInject(); const mergedStatus = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => (0,_util_statusUtils__WEBPACK_IMPORTED_MODULE_10__.getMergedStatus)(formItemInputContext.status, props.status)); (0,_menu_src_OverrideContext__WEBPACK_IMPORTED_MODULE_11__.useProvideOverride)({ prefixCls: (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => `${prefixCls.value}-menu`), mode: (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => 'vertical'), selectable: (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => false), onClick: () => {}, validator: _ref2 => { let { mode } = _ref2; // Warning if use other mode (0,_util_warning__WEBPACK_IMPORTED_MODULE_12__["default"])(!mode || mode === 'vertical', 'Mentions', `mode="${mode}" is not supported for Mentions's Menu.`); } }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)(() => props.value, val => { value.value = val; }); const handleFocus = e => { focused.value = true; emit('focus', e); }; const handleBlur = e => { focused.value = false; emit('blur', e); formItemContext.onFieldBlur(); }; const handleSelect = function () { for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) { args[_key] = arguments[_key]; } emit('select', ...args); focused.value = true; }; const handleChange = val => { if (props.value === undefined) { value.value = val; } emit('update:value', val); emit('change', val); formItemContext.onFieldChange(); }; const getNotFoundContent = () => { const notFoundContent = props.notFoundContent; if (notFoundContent !== undefined) { return notFoundContent; } if (slots.notFoundContent) { return slots.notFoundContent(); } return renderEmpty('Select'); }; const getOptions = () => { var _a; return (0,_util_props_util__WEBPACK_IMPORTED_MODULE_6__.flattenChildren)(((_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)) || []).map(item => { var _a, _b; return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, (0,_util_props_util__WEBPACK_IMPORTED_MODULE_6__.getOptionProps)(item)), { label: (_b = (_a = item.children) === null || _a === void 0 ? void 0 : _a.default) === null || _b === void 0 ? void 0 : _b.call(_a) }); }); }; const focus = () => { vcMentions.value.focus(); }; const blur = () => { vcMentions.value.blur(); }; expose({ focus, blur }); const mentionsfilterOption = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.loading ? loadingFilterOption : props.filterOption); return () => { const { disabled, getPopupContainer, rows = 1, id = formItemContext.id.value } = props, restProps = __rest(props, ["disabled", "getPopupContainer", "rows", "id"]); const { hasFeedback, feedbackIcon } = formItemInputContext; const { class: className } = attrs, otherAttrs = __rest(attrs, ["class"]); const otherProps = (0,_util_omit__WEBPACK_IMPORTED_MODULE_13__["default"])(restProps, ['defaultValue', 'onUpdate:value', 'prefixCls']); const mergedClassName = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_14__["default"])({ [`${prefixCls.value}-disabled`]: disabled, [`${prefixCls.value}-focused`]: focused.value, [`${prefixCls.value}-rtl`]: direction.value === 'rtl' }, (0,_util_statusUtils__WEBPACK_IMPORTED_MODULE_10__.getStatusClassNames)(prefixCls.value, mergedStatus.value), !hasFeedback && className, hashId.value); const mentionsProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({ prefixCls: prefixCls.value }, otherProps), { disabled, direction: direction.value, filterOption: mentionsfilterOption.value, getPopupContainer, options: props.loading ? [{ value: 'ANTDV_SEARCHING', disabled: true, label: (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_spin__WEBPACK_IMPORTED_MODULE_15__["default"], { "size": "small" }, null) }] : props.options || getOptions(), class: mergedClassName }), otherAttrs), { rows, onChange: handleChange, onSelect: handleSelect, onFocus: handleFocus, onBlur: handleBlur, ref: vcMentions, value: value.value, id }); const mentions = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_vc_mentions__WEBPACK_IMPORTED_MODULE_16__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, mentionsProps), {}, { "dropdownClassName": hashId.value }), { notFoundContent: getNotFoundContent, option: slots.option }); if (hasFeedback) { return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_14__["default"])(`${prefixCls.value}-affix-wrapper`, (0,_util_statusUtils__WEBPACK_IMPORTED_MODULE_10__.getStatusClassNames)(`${prefixCls.value}-affix-wrapper`, mergedStatus.value, hasFeedback), className, hashId.value) }, [mentions, (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", { "class": `${prefixCls.value}-suffix` }, [feedbackIcon])])); } return wrapSSR(mentions); }; } }); /* istanbul ignore next */ const MentionsOption = (0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({ compatConfig: { MODE: 3 } }, _vc_mentions_src_Option__WEBPACK_IMPORTED_MODULE_17__.optionOptions), { name: 'AMentionsOption', props: _vc_mentions_src_Option__WEBPACK_IMPORTED_MODULE_17__.optionProps })); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])(Mentions, { Option: MentionsOption, getMentions, install: app => { app.component(Mentions.name, Mentions); app.component(MentionsOption.name, MentionsOption); return app; } })); /***/ }), /***/ "./components/mentions/style/index.ts": /*!********************************************!*\ !*** ./components/mentions/style/index.ts ***! \********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _input_style__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../input/style */ "./components/input/style/index.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/genComponentStyleHook.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../style */ "./components/style/index.ts"); const genMentionsStyle = token => { const { componentCls, colorTextDisabled, controlItemBgHover, controlPaddingHorizontal, colorText, motionDurationSlow, lineHeight, controlHeight, inputPaddingHorizontal, inputPaddingVertical, fontSize, colorBgElevated, borderRadiusLG, boxShadowSecondary } = token; const itemPaddingVertical = Math.round((token.controlHeight - token.fontSize * token.lineHeight) / 2); return { [componentCls]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_1__.resetComponent)(token)), (0,_input_style__WEBPACK_IMPORTED_MODULE_2__.genBasicInputStyle)(token)), { position: 'relative', display: 'inline-block', height: 'auto', padding: 0, overflow: 'hidden', lineHeight, whiteSpace: 'pre-wrap', verticalAlign: 'bottom' }), (0,_input_style__WEBPACK_IMPORTED_MODULE_2__.genStatusStyle)(token, componentCls)), { '&-disabled': { '> textarea': (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_input_style__WEBPACK_IMPORTED_MODULE_2__.genDisabledStyle)(token)) }, '&-focused': (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_input_style__WEBPACK_IMPORTED_MODULE_2__.genActiveStyle)(token)), [`&-affix-wrapper ${componentCls}-suffix`]: { position: 'absolute', top: 0, insetInlineEnd: inputPaddingHorizontal, bottom: 0, zIndex: 1, display: 'inline-flex', alignItems: 'center', margin: 'auto' }, // ================= Input Area ================= [`> textarea, ${componentCls}-measure`]: { color: colorText, boxSizing: 'border-box', minHeight: controlHeight - 2, margin: 0, padding: `${inputPaddingVertical}px ${inputPaddingHorizontal}px`, overflow: 'inherit', overflowX: 'hidden', overflowY: 'auto', fontWeight: 'inherit', fontSize: 'inherit', fontFamily: 'inherit', fontStyle: 'inherit', fontVariant: 'inherit', fontSizeAdjust: 'inherit', fontStretch: 'inherit', lineHeight: 'inherit', direction: 'inherit', letterSpacing: 'inherit', whiteSpace: 'inherit', textAlign: 'inherit', verticalAlign: 'top', wordWrap: 'break-word', wordBreak: 'inherit', tabSize: 'inherit' }, '> textarea': (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ width: '100%', border: 'none', outline: 'none', resize: 'none', backgroundColor: 'inherit' }, (0,_input_style__WEBPACK_IMPORTED_MODULE_2__.genPlaceholderStyle)(token.colorTextPlaceholder)), [`${componentCls}-measure`]: { position: 'absolute', top: 0, insetInlineEnd: 0, bottom: 0, insetInlineStart: 0, zIndex: -1, color: 'transparent', pointerEvents: 'none', '> span': { display: 'inline-block', minHeight: '1em' } }, // ================== Dropdown ================== '&-dropdown': (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_1__.resetComponent)(token)), { position: 'absolute', top: -9999, insetInlineStart: -9999, zIndex: token.zIndexPopup, boxSizing: 'border-box', fontSize, fontVariant: 'initial', backgroundColor: colorBgElevated, borderRadius: borderRadiusLG, outline: 'none', boxShadow: boxShadowSecondary, '&-hidden': { display: 'none' }, [`${componentCls}-dropdown-menu`]: { maxHeight: token.dropdownHeight, marginBottom: 0, paddingInlineStart: 0, overflow: 'auto', listStyle: 'none', outline: 'none', '&-item': (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, _style__WEBPACK_IMPORTED_MODULE_1__.textEllipsis), { position: 'relative', display: 'block', minWidth: token.controlItemWidth, padding: `${itemPaddingVertical}px ${controlPaddingHorizontal}px`, color: colorText, fontWeight: 'normal', lineHeight, cursor: 'pointer', transition: `background ${motionDurationSlow} ease`, '&:hover': { backgroundColor: controlItemBgHover }, '&:first-child': { borderStartStartRadius: borderRadiusLG, borderStartEndRadius: borderRadiusLG, borderEndStartRadius: 0, borderEndEndRadius: 0 }, '&:last-child': { borderStartStartRadius: 0, borderStartEndRadius: 0, borderEndStartRadius: borderRadiusLG, borderEndEndRadius: borderRadiusLG }, '&-disabled': { color: colorTextDisabled, cursor: 'not-allowed', '&:hover': { color: colorTextDisabled, backgroundColor: controlItemBgHover, cursor: 'not-allowed' } }, '&-selected': { color: colorText, fontWeight: token.fontWeightStrong, backgroundColor: controlItemBgHover }, '&-active': { backgroundColor: controlItemBgHover } }) } }) }) }; }; // ============================== Export ============================== /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_theme_internal__WEBPACK_IMPORTED_MODULE_3__["default"])('Mentions', token => { const mentionsToken = (0,_input_style__WEBPACK_IMPORTED_MODULE_2__.initInputToken)(token); return [genMentionsStyle(mentionsToken)]; }, token => ({ dropdownHeight: 250, controlItemWidth: 100, zIndexPopup: token.zIndexPopupBase + 50 }))); /***/ }), /***/ "./components/menu/index.tsx": /*!***********************************!*\ !*** ./components/menu/index.tsx ***! \***********************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ Divider: () => (/* reexport safe */ _src_Divider__WEBPACK_IMPORTED_MODULE_3__["default"]), /* harmony export */ Item: () => (/* reexport safe */ _src_MenuItem__WEBPACK_IMPORTED_MODULE_1__["default"]), /* harmony export */ ItemGroup: () => (/* reexport safe */ _src_ItemGroup__WEBPACK_IMPORTED_MODULE_4__["default"]), /* harmony export */ MenuDivider: () => (/* reexport safe */ _src_Divider__WEBPACK_IMPORTED_MODULE_3__["default"]), /* harmony export */ MenuItem: () => (/* reexport safe */ _src_MenuItem__WEBPACK_IMPORTED_MODULE_1__["default"]), /* harmony export */ MenuItemGroup: () => (/* reexport safe */ _src_ItemGroup__WEBPACK_IMPORTED_MODULE_4__["default"]), /* harmony export */ SubMenu: () => (/* reexport safe */ _src_SubMenu__WEBPACK_IMPORTED_MODULE_2__["default"]), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _src_Menu__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./src/Menu */ "./components/menu/src/Menu.tsx"); /* harmony import */ var _src_MenuItem__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./src/MenuItem */ "./components/menu/src/MenuItem.tsx"); /* harmony import */ var _src_SubMenu__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./src/SubMenu */ "./components/menu/src/SubMenu.tsx"); /* harmony import */ var _src_ItemGroup__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./src/ItemGroup */ "./components/menu/src/ItemGroup.tsx"); /* harmony import */ var _src_Divider__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./src/Divider */ "./components/menu/src/Divider.tsx"); /* istanbul ignore next */ _src_Menu__WEBPACK_IMPORTED_MODULE_0__["default"].install = function (app) { app.component(_src_Menu__WEBPACK_IMPORTED_MODULE_0__["default"].name, _src_Menu__WEBPACK_IMPORTED_MODULE_0__["default"]); app.component(_src_MenuItem__WEBPACK_IMPORTED_MODULE_1__["default"].name, _src_MenuItem__WEBPACK_IMPORTED_MODULE_1__["default"]); app.component(_src_SubMenu__WEBPACK_IMPORTED_MODULE_2__["default"].name, _src_SubMenu__WEBPACK_IMPORTED_MODULE_2__["default"]); app.component(_src_Divider__WEBPACK_IMPORTED_MODULE_3__["default"].name, _src_Divider__WEBPACK_IMPORTED_MODULE_3__["default"]); app.component(_src_ItemGroup__WEBPACK_IMPORTED_MODULE_4__["default"].name, _src_ItemGroup__WEBPACK_IMPORTED_MODULE_4__["default"]); return app; }; _src_Menu__WEBPACK_IMPORTED_MODULE_0__["default"].Item = _src_MenuItem__WEBPACK_IMPORTED_MODULE_1__["default"]; _src_Menu__WEBPACK_IMPORTED_MODULE_0__["default"].Divider = _src_Divider__WEBPACK_IMPORTED_MODULE_3__["default"]; _src_Menu__WEBPACK_IMPORTED_MODULE_0__["default"].SubMenu = _src_SubMenu__WEBPACK_IMPORTED_MODULE_2__["default"]; _src_Menu__WEBPACK_IMPORTED_MODULE_0__["default"].ItemGroup = _src_ItemGroup__WEBPACK_IMPORTED_MODULE_4__["default"]; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_src_Menu__WEBPACK_IMPORTED_MODULE_0__["default"]); /***/ }), /***/ "./components/menu/src/Divider.tsx": /*!*****************************************!*\ !*** ./components/menu/src/Divider.tsx ***! \*****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ menuDividerProps: () => (/* binding */ menuDividerProps) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _hooks_useMenuContext__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./hooks/useMenuContext */ "./components/menu/src/hooks/useMenuContext.ts"); const menuDividerProps = () => ({ prefixCls: String, dashed: Boolean }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'AMenuDivider', props: menuDividerProps(), setup(props) { const { prefixCls } = (0,_hooks_useMenuContext__WEBPACK_IMPORTED_MODULE_1__.useInjectMenu)(); const cls = (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => { return { [`${prefixCls.value}-item-divider`]: true, [`${prefixCls.value}-item-divider-dashed`]: !!props.dashed }; }); return () => { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("li", { "class": cls.value }, null); }; } })); /***/ }), /***/ "./components/menu/src/InlineSubMenuList.tsx": /*!***************************************************!*\ !*** ./components/menu/src/InlineSubMenuList.tsx ***! \***************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _hooks_useMenuContext__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./hooks/useMenuContext */ "./components/menu/src/hooks/useMenuContext.ts"); /* harmony import */ var _SubMenuList__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./SubMenuList */ "./components/menu/src/SubMenuList.tsx"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'InlineSubMenuList', inheritAttrs: false, props: { id: String, open: Boolean, keyPath: Array }, setup(props, _ref) { let { slots } = _ref; const fixedMode = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => 'inline'); const { motion, mode, defaultMotions } = (0,_hooks_useMenuContext__WEBPACK_IMPORTED_MODULE_2__.useInjectMenu)(); const sameModeRef = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => mode.value === fixedMode.value); const destroy = (0,vue__WEBPACK_IMPORTED_MODULE_1__.ref)(!sameModeRef.value); const mergedOpen = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => sameModeRef.value ? props.open : false); // ================================= Effect ================================= // Reset destroy state when mode change back (0,vue__WEBPACK_IMPORTED_MODULE_1__.watch)(mode, () => { if (sameModeRef.value) { destroy.value = false; } }, { flush: 'post' }); const mergedMotion = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { var _a, _b; const m = motion.value || ((_a = defaultMotions.value) === null || _a === void 0 ? void 0 : _a[fixedMode.value]) || ((_b = defaultMotions.value) === null || _b === void 0 ? void 0 : _b.other); const res = typeof m === 'function' ? m() : m; return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, res), { appear: props.keyPath.length <= 1 }); }); return () => { var _a; if (destroy.value) { return null; } return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_hooks_useMenuContext__WEBPACK_IMPORTED_MODULE_2__.MenuContextProvider, { "mode": fixedMode.value }, { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_1__.Transition, mergedMotion.value, { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_1__.withDirectives)((0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_SubMenuList__WEBPACK_IMPORTED_MODULE_3__["default"], { "id": props.id }, { default: () => [(_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)] }), [[vue__WEBPACK_IMPORTED_MODULE_1__.vShow, mergedOpen.value]])] })] }); }; } })); /***/ }), /***/ "./components/menu/src/ItemGroup.tsx": /*!*******************************************!*\ !*** ./components/menu/src/ItemGroup.tsx ***! \*******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ menuItemGroupProps: () => (/* binding */ menuItemGroupProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../_util/props-util */ "./components/_util/props-util/index.ts"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _hooks_useMenuContext__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./hooks/useMenuContext */ "./components/menu/src/hooks/useMenuContext.ts"); /* harmony import */ var _hooks_useKeyPath__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./hooks/useKeyPath */ "./components/menu/src/hooks/useKeyPath.ts"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../_util/type */ "./components/_util/type.ts"); const menuItemGroupProps = () => ({ title: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].any, // Internal user prop originItemValue: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.objectType)() }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'AMenuItemGroup', inheritAttrs: false, props: menuItemGroupProps(), slots: Object, setup(props, _ref) { let { slots, attrs } = _ref; const { prefixCls } = (0,_hooks_useMenuContext__WEBPACK_IMPORTED_MODULE_4__.useInjectMenu)(); const groupPrefixCls = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => `${prefixCls.value}-item-group`); const isMeasure = (0,_hooks_useKeyPath__WEBPACK_IMPORTED_MODULE_5__.useMeasure)(); return () => { var _a, _b; if (isMeasure) return (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots); return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("li", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, attrs), {}, { "onClick": e => e.stopPropagation(), "class": groupPrefixCls.value }), [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "title": typeof props.title === 'string' ? props.title : undefined, "class": `${groupPrefixCls.value}-title` }, [(0,_util_props_util__WEBPACK_IMPORTED_MODULE_6__.getPropsSlot)(slots, props, 'title')]), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("ul", { "class": `${groupPrefixCls.value}-list` }, [(_b = slots.default) === null || _b === void 0 ? void 0 : _b.call(slots)])]); }; } })); /***/ }), /***/ "./components/menu/src/Menu.tsx": /*!**************************************!*\ !*** ./components/menu/src/Menu.tsx ***! \**************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ menuProps: () => (/* binding */ menuProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_shallowequal__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../_util/shallowequal */ "./components/_util/shallowequal.ts"); /* harmony import */ var _hooks_useMenuContext__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./hooks/useMenuContext */ "./components/menu/src/hooks/useMenuContext.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _vc_util_devWarning__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../vc-util/devWarning */ "./components/vc-util/devWarning.ts"); /* harmony import */ var lodash_es_uniq__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! lodash-es/uniq */ "./node_modules/lodash-es/uniq.js"); /* harmony import */ var _layout_injectionKey__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../layout/injectionKey */ "./components/layout/injectionKey.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../_util/props-util */ "./components/_util/props-util/index.ts"); /* harmony import */ var _vc_overflow__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../vc-overflow */ "./components/vc-overflow/index.ts"); /* harmony import */ var _MenuItem__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./MenuItem */ "./components/menu/src/MenuItem.tsx"); /* harmony import */ var _SubMenu__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./SubMenu */ "./components/menu/src/SubMenu.tsx"); /* harmony import */ var _ant_design_icons_vue_es_icons_EllipsisOutlined__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/EllipsisOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/EllipsisOutlined.js"); /* harmony import */ var _util_vnode__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../_util/vnode */ "./components/_util/vnode.ts"); /* harmony import */ var _hooks_useKeyPath__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./hooks/useKeyPath */ "./components/menu/src/hooks/useKeyPath.ts"); /* harmony import */ var _util_collapseMotion__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../_util/collapseMotion */ "./components/_util/collapseMotion.tsx"); /* harmony import */ var _hooks_useItems__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./hooks/useItems */ "./components/menu/src/hooks/useItems.tsx"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../style */ "./components/menu/style/index.ts"); /* harmony import */ var _OverrideContext__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./OverrideContext */ "./components/menu/src/OverrideContext.ts"); const menuProps = () => ({ id: String, prefixCls: String, // donot use items, now only support inner use items: Array, disabled: Boolean, inlineCollapsed: Boolean, disabledOverflow: Boolean, forceSubMenuRender: Boolean, openKeys: Array, selectedKeys: Array, activeKey: String, selectable: { type: Boolean, default: true }, multiple: { type: Boolean, default: false }, tabindex: { type: [Number, String] }, motion: Object, role: String, theme: { type: String, default: 'light' }, mode: { type: String, default: 'vertical' }, inlineIndent: { type: Number, default: 24 }, subMenuOpenDelay: { type: Number, default: 0 }, subMenuCloseDelay: { type: Number, default: 0.1 }, builtinPlacements: { type: Object }, triggerSubMenuAction: { type: String, default: 'hover' }, getPopupContainer: Function, expandIcon: Function, onOpenChange: Function, onSelect: Function, onDeselect: Function, onClick: [Function, Array], onFocus: Function, onBlur: Function, onMousedown: Function, 'onUpdate:openKeys': Function, 'onUpdate:selectedKeys': Function, 'onUpdate:activeKey': Function }); const EMPTY_LIST = []; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'AMenu', inheritAttrs: false, props: menuProps(), slots: Object, setup(props, _ref) { let { slots, emit, attrs } = _ref; const { direction, getPrefixCls } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_3__["default"])('menu', props); const override = (0,_OverrideContext__WEBPACK_IMPORTED_MODULE_4__.useInjectOverride)(); const prefixCls = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { var _a; return getPrefixCls('menu', props.prefixCls || ((_a = override === null || override === void 0 ? void 0 : override.prefixCls) === null || _a === void 0 ? void 0 : _a.value)); }); const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_5__["default"])(prefixCls, (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { return !override; })); const store = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(new Map()); const siderCollapsed = (0,vue__WEBPACK_IMPORTED_MODULE_2__.inject)(_layout_injectionKey__WEBPACK_IMPORTED_MODULE_6__.SiderCollapsedKey, (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(undefined)); const inlineCollapsed = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { if (siderCollapsed.value !== undefined) { return siderCollapsed.value; } return props.inlineCollapsed; }); const { itemsNodes } = (0,_hooks_useItems__WEBPACK_IMPORTED_MODULE_7__["default"])(props); const isMounted = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(false); (0,vue__WEBPACK_IMPORTED_MODULE_2__.onMounted)(() => { isMounted.value = true; }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watchEffect)(() => { (0,_vc_util_devWarning__WEBPACK_IMPORTED_MODULE_8__["default"])(!(props.inlineCollapsed === true && props.mode !== 'inline'), 'Menu', '`inlineCollapsed` should only be used when `mode` is inline.'); (0,_vc_util_devWarning__WEBPACK_IMPORTED_MODULE_8__["default"])(!(siderCollapsed.value !== undefined && props.inlineCollapsed === true), 'Menu', '`inlineCollapsed` not control Menu under Sider. Should set `collapsed` on Sider instead.'); // devWarning( // !!props.items && !slots.default, // 'Menu', // '`children` will be removed in next major version. Please use `items` instead.', // ); }); const activeKeys = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)([]); const mergedSelectedKeys = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)([]); const keyMapStore = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)({}); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)(store, () => { const newKeyMapStore = {}; for (const menuInfo of store.value.values()) { newKeyMapStore[menuInfo.key] = menuInfo; } keyMapStore.value = newKeyMapStore; }, { flush: 'post' }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watchEffect)(() => { if (props.activeKey !== undefined) { let keys = []; const menuInfo = props.activeKey ? keyMapStore.value[props.activeKey] : undefined; if (menuInfo && props.activeKey !== undefined) { keys = (0,lodash_es_uniq__WEBPACK_IMPORTED_MODULE_9__["default"])([].concat((0,vue__WEBPACK_IMPORTED_MODULE_2__.unref)(menuInfo.parentKeys), props.activeKey)); } else { keys = []; } if (!(0,_util_shallowequal__WEBPACK_IMPORTED_MODULE_10__["default"])(activeKeys.value, keys)) { activeKeys.value = keys; } } }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)(() => props.selectedKeys, selectedKeys => { if (selectedKeys) { mergedSelectedKeys.value = selectedKeys.slice(); } }, { immediate: true, deep: true }); const selectedSubMenuKeys = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)([]); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)([keyMapStore, mergedSelectedKeys], () => { let subMenuParentKeys = []; mergedSelectedKeys.value.forEach(key => { const menuInfo = keyMapStore.value[key]; if (menuInfo) { subMenuParentKeys = subMenuParentKeys.concat((0,vue__WEBPACK_IMPORTED_MODULE_2__.unref)(menuInfo.parentKeys)); } }); subMenuParentKeys = (0,lodash_es_uniq__WEBPACK_IMPORTED_MODULE_9__["default"])(subMenuParentKeys); if (!(0,_util_shallowequal__WEBPACK_IMPORTED_MODULE_10__["default"])(selectedSubMenuKeys.value, subMenuParentKeys)) { selectedSubMenuKeys.value = subMenuParentKeys; } }, { immediate: true }); // >>>>> Trigger select const triggerSelection = info => { if (props.selectable) { // Insert or Remove const { key: targetKey } = info; const exist = mergedSelectedKeys.value.includes(targetKey); let newSelectedKeys; if (props.multiple) { if (exist) { newSelectedKeys = mergedSelectedKeys.value.filter(key => key !== targetKey); } else { newSelectedKeys = [...mergedSelectedKeys.value, targetKey]; } } else { newSelectedKeys = [targetKey]; } // Trigger event const selectInfo = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, info), { selectedKeys: newSelectedKeys }); if (!(0,_util_shallowequal__WEBPACK_IMPORTED_MODULE_10__["default"])(newSelectedKeys, mergedSelectedKeys.value)) { if (props.selectedKeys === undefined) { mergedSelectedKeys.value = newSelectedKeys; } emit('update:selectedKeys', newSelectedKeys); if (exist && props.multiple) { emit('deselect', selectInfo); } else { emit('select', selectInfo); } } } // Whatever selectable, always close it if (mergedMode.value !== 'inline' && !props.multiple && mergedOpenKeys.value.length) { triggerOpenKeys(EMPTY_LIST); } }; const mergedOpenKeys = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)([]); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)(() => props.openKeys, function () { let openKeys = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : mergedOpenKeys.value; if (!(0,_util_shallowequal__WEBPACK_IMPORTED_MODULE_10__["default"])(mergedOpenKeys.value, openKeys)) { mergedOpenKeys.value = openKeys.slice(); } }, { immediate: true, deep: true }); let timeout; const changeActiveKeys = keys => { clearTimeout(timeout); timeout = setTimeout(() => { if (props.activeKey === undefined) { activeKeys.value = keys; } emit('update:activeKey', keys[keys.length - 1]); }); }; const disabled = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => !!props.disabled); const isRtl = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => direction.value === 'rtl'); const mergedMode = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)('vertical'); const mergedInlineCollapsed = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(false); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watchEffect)(() => { var _a; if ((props.mode === 'inline' || props.mode === 'vertical') && inlineCollapsed.value) { mergedMode.value = 'vertical'; mergedInlineCollapsed.value = inlineCollapsed.value; } else { mergedMode.value = props.mode; mergedInlineCollapsed.value = false; } if ((_a = override === null || override === void 0 ? void 0 : override.mode) === null || _a === void 0 ? void 0 : _a.value) { mergedMode.value = override.mode.value; } }); const isInlineMode = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => mergedMode.value === 'inline'); const triggerOpenKeys = keys => { mergedOpenKeys.value = keys; emit('update:openKeys', keys); emit('openChange', keys); }; // >>>>> Cache & Reset open keys when inlineCollapsed changed const inlineCacheOpenKeys = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(mergedOpenKeys.value); const mountRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(false); // Cache (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)(mergedOpenKeys, () => { if (isInlineMode.value) { inlineCacheOpenKeys.value = mergedOpenKeys.value; } }, { immediate: true }); // Restore (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)(isInlineMode, () => { if (!mountRef.value) { mountRef.value = true; return; } if (isInlineMode.value) { mergedOpenKeys.value = inlineCacheOpenKeys.value; } else { // Trigger open event in case its in control triggerOpenKeys(EMPTY_LIST); } }, { immediate: true }); const className = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { return { [`${prefixCls.value}`]: true, [`${prefixCls.value}-root`]: true, [`${prefixCls.value}-${mergedMode.value}`]: true, [`${prefixCls.value}-inline-collapsed`]: mergedInlineCollapsed.value, [`${prefixCls.value}-rtl`]: isRtl.value, [`${prefixCls.value}-${props.theme}`]: true }; }); const rootPrefixCls = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => getPrefixCls()); const defaultMotions = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => ({ horizontal: { name: `${rootPrefixCls.value}-slide-up` }, inline: (0,_util_collapseMotion__WEBPACK_IMPORTED_MODULE_11__["default"])(`${rootPrefixCls.value}-motion-collapse`), other: { name: `${rootPrefixCls.value}-zoom-big` } })); (0,_hooks_useMenuContext__WEBPACK_IMPORTED_MODULE_12__.useProvideFirstLevel)(true); const getChildrenKeys = function () { let eventKeys = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : []; const keys = []; const storeValue = store.value; eventKeys.forEach(eventKey => { const { key, childrenEventKeys } = storeValue.get(eventKey); keys.push(key, ...getChildrenKeys((0,vue__WEBPACK_IMPORTED_MODULE_2__.unref)(childrenEventKeys))); }); return keys; }; // ========================= Open ========================= /** * Click for item. SubMenu do not have selection status */ const onInternalClick = info => { var _a; emit('click', info); triggerSelection(info); (_a = override === null || override === void 0 ? void 0 : override.onClick) === null || _a === void 0 ? void 0 : _a.call(override); }; const onInternalOpenChange = (key, open) => { var _a; const childrenEventKeys = ((_a = keyMapStore.value[key]) === null || _a === void 0 ? void 0 : _a.childrenEventKeys) || []; let newOpenKeys = mergedOpenKeys.value.filter(k => k !== key); if (open) { newOpenKeys.push(key); } else if (mergedMode.value !== 'inline') { // We need find all related popup to close const subPathKeys = getChildrenKeys((0,vue__WEBPACK_IMPORTED_MODULE_2__.unref)(childrenEventKeys)); newOpenKeys = (0,lodash_es_uniq__WEBPACK_IMPORTED_MODULE_9__["default"])(newOpenKeys.filter(k => !subPathKeys.includes(k))); } if (!(0,_util_shallowequal__WEBPACK_IMPORTED_MODULE_10__["default"])(mergedOpenKeys, newOpenKeys)) { triggerOpenKeys(newOpenKeys); } }; const registerMenuInfo = (key, info) => { store.value.set(key, info); store.value = new Map(store.value); }; const unRegisterMenuInfo = key => { store.value.delete(key); store.value = new Map(store.value); }; const lastVisibleIndex = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(0); const expandIcon = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { var _a; return props.expandIcon || slots.expandIcon || ((_a = override === null || override === void 0 ? void 0 : override.expandIcon) === null || _a === void 0 ? void 0 : _a.value) ? opt => { let icon = props.expandIcon || slots.expandIcon; icon = typeof icon === 'function' ? icon(opt) : icon; return (0,_util_vnode__WEBPACK_IMPORTED_MODULE_13__.cloneElement)(icon, { class: `${prefixCls.value}-submenu-expand-icon` }, false); } : null; }); (0,_hooks_useMenuContext__WEBPACK_IMPORTED_MODULE_12__["default"])({ prefixCls, activeKeys, openKeys: mergedOpenKeys, selectedKeys: mergedSelectedKeys, changeActiveKeys, disabled, rtl: isRtl, mode: mergedMode, inlineIndent: (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.inlineIndent), subMenuCloseDelay: (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.subMenuCloseDelay), subMenuOpenDelay: (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.subMenuOpenDelay), builtinPlacements: (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.builtinPlacements), triggerSubMenuAction: (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.triggerSubMenuAction), getPopupContainer: (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.getPopupContainer), inlineCollapsed: mergedInlineCollapsed, theme: (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.theme), siderCollapsed, defaultMotions: (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => isMounted.value ? defaultMotions.value : null), motion: (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => isMounted.value ? props.motion : null), overflowDisabled: (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(undefined), onOpenChange: onInternalOpenChange, onItemClick: onInternalClick, registerMenuInfo, unRegisterMenuInfo, selectedSubMenuKeys, expandIcon, forceSubMenuRender: (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.forceSubMenuRender), rootClassName: hashId }); const getChildrenList = () => { var _a; return itemsNodes.value || (0,_util_props_util__WEBPACK_IMPORTED_MODULE_14__.flattenChildren)((_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)); }; return () => { var _a; const childList = getChildrenList(); const allVisible = lastVisibleIndex.value >= childList.length - 1 || mergedMode.value !== 'horizontal' || props.disabledOverflow; // >>>>> Children const getWrapperList = childList => { return mergedMode.value !== 'horizontal' || props.disabledOverflow ? childList : // Need wrap for overflow dropdown that do not response for open childList.map((child, index) => // Always wrap provider to avoid sub node re-mount (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_hooks_useMenuContext__WEBPACK_IMPORTED_MODULE_12__.MenuContextProvider, { "key": child.key, "overflowDisabled": index > lastVisibleIndex.value }, { default: () => child })); }; const overflowedIndicator = ((_a = slots.overflowedIndicator) === null || _a === void 0 ? void 0 : _a.call(slots)) || (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_ant_design_icons_vue_es_icons_EllipsisOutlined__WEBPACK_IMPORTED_MODULE_15__["default"], null, null); return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_vc_overflow__WEBPACK_IMPORTED_MODULE_16__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, attrs), {}, { "onMousedown": props.onMousedown, "prefixCls": `${prefixCls.value}-overflow`, "component": "ul", "itemComponent": _MenuItem__WEBPACK_IMPORTED_MODULE_17__["default"], "class": [className.value, attrs.class, hashId.value], "role": "menu", "id": props.id, "data": getWrapperList(childList), "renderRawItem": node => node, "renderRawRest": omitItems => { // We use origin list since wrapped list use context to prevent open const len = omitItems.length; const originOmitItems = len ? childList.slice(-len) : null; return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_2__.Fragment, null, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_SubMenu__WEBPACK_IMPORTED_MODULE_18__["default"], { "eventKey": _hooks_useKeyPath__WEBPACK_IMPORTED_MODULE_19__.OVERFLOW_KEY, "key": _hooks_useKeyPath__WEBPACK_IMPORTED_MODULE_19__.OVERFLOW_KEY, "title": overflowedIndicator, "disabled": allVisible, "internalPopupClose": len === 0 }, { default: () => originOmitItems }), (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_hooks_useKeyPath__WEBPACK_IMPORTED_MODULE_19__.PathContext, null, { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_SubMenu__WEBPACK_IMPORTED_MODULE_18__["default"], { "eventKey": _hooks_useKeyPath__WEBPACK_IMPORTED_MODULE_19__.OVERFLOW_KEY, "key": _hooks_useKeyPath__WEBPACK_IMPORTED_MODULE_19__.OVERFLOW_KEY, "title": overflowedIndicator, "disabled": allVisible, "internalPopupClose": len === 0 }, { default: () => originOmitItems })] })]); }, "maxCount": mergedMode.value !== 'horizontal' || props.disabledOverflow ? _vc_overflow__WEBPACK_IMPORTED_MODULE_16__["default"].INVALIDATE : _vc_overflow__WEBPACK_IMPORTED_MODULE_16__["default"].RESPONSIVE, "ssr": "full", "data-menu-list": true, "onVisibleChange": newLastIndex => { lastVisibleIndex.value = newLastIndex; } }), { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_2__.Teleport, { "to": "body" }, { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "style": { display: 'none' }, "aria-hidden": true }, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_hooks_useKeyPath__WEBPACK_IMPORTED_MODULE_19__.PathContext, null, { default: () => [getWrapperList(getChildrenList())] })])] })] })); }; } })); /***/ }), /***/ "./components/menu/src/MenuItem.tsx": /*!******************************************!*\ !*** ./components/menu/src/MenuItem.tsx ***! \******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ menuItemProps: () => (/* binding */ menuItemProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../_util/props-util */ "./components/_util/props-util/index.ts"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _hooks_useKeyPath__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./hooks/useKeyPath */ "./components/menu/src/hooks/useKeyPath.ts"); /* harmony import */ var _hooks_useMenuContext__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./hooks/useMenuContext */ "./components/menu/src/hooks/useMenuContext.ts"); /* harmony import */ var _util_vnode__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../_util/vnode */ "./components/_util/vnode.ts"); /* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../tooltip */ "./components/tooltip/index.ts"); /* harmony import */ var _util_KeyCode__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../_util/KeyCode */ "./components/_util/KeyCode.ts"); /* harmony import */ var _hooks_useDirectionStyle__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./hooks/useDirectionStyle */ "./components/menu/src/hooks/useDirectionStyle.ts"); /* harmony import */ var _vc_overflow__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../vc-overflow */ "./components/vc-overflow/index.ts"); /* harmony import */ var _vc_util_devWarning__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../vc-util/devWarning */ "./components/vc-util/devWarning.ts"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../_util/type */ "./components/_util/type.ts"); let indexGuid = 0; const menuItemProps = () => ({ id: String, role: String, disabled: Boolean, danger: Boolean, title: { type: [String, Boolean], default: undefined }, icon: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].any, onMouseenter: Function, onMouseleave: Function, onClick: Function, onKeydown: Function, onFocus: Function, // Internal user prop originItemValue: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.objectType)() }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'AMenuItem', inheritAttrs: false, props: menuItemProps(), slots: Object, setup(props, _ref) { let { slots, emit, attrs } = _ref; const instance = (0,vue__WEBPACK_IMPORTED_MODULE_2__.getCurrentInstance)(); const isMeasure = (0,_hooks_useKeyPath__WEBPACK_IMPORTED_MODULE_5__.useMeasure)(); const key = typeof instance.vnode.key === 'symbol' ? String(instance.vnode.key) : instance.vnode.key; (0,_vc_util_devWarning__WEBPACK_IMPORTED_MODULE_6__["default"])(typeof instance.vnode.key !== 'symbol', 'MenuItem', `MenuItem \`:key="${String(key)}"\` not support Symbol type`); const eventKey = `menu_item_${++indexGuid}_$$_${key}`; const { parentEventKeys, parentKeys } = (0,_hooks_useKeyPath__WEBPACK_IMPORTED_MODULE_5__.useInjectKeyPath)(); const { prefixCls, activeKeys, disabled, changeActiveKeys, rtl, inlineCollapsed, siderCollapsed, onItemClick, selectedKeys, registerMenuInfo, unRegisterMenuInfo } = (0,_hooks_useMenuContext__WEBPACK_IMPORTED_MODULE_7__.useInjectMenu)(); const firstLevel = (0,_hooks_useMenuContext__WEBPACK_IMPORTED_MODULE_7__.useInjectFirstLevel)(); const isActive = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(false); const keysPath = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { return [...parentKeys.value, key]; }); // const keysPath = computed(() => [...parentEventKeys.value, eventKey]); const menuInfo = { eventKey, key, parentEventKeys, parentKeys, isLeaf: true }; registerMenuInfo(eventKey, menuInfo); (0,vue__WEBPACK_IMPORTED_MODULE_2__.onBeforeUnmount)(() => { unRegisterMenuInfo(eventKey); }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)(activeKeys, () => { isActive.value = !!activeKeys.value.find(val => val === key); }, { immediate: true }); const mergedDisabled = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => disabled.value || props.disabled); const selected = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => selectedKeys.value.includes(key)); const classNames = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { const itemCls = `${prefixCls.value}-item`; return { [`${itemCls}`]: true, [`${itemCls}-danger`]: props.danger, [`${itemCls}-active`]: isActive.value, [`${itemCls}-selected`]: selected.value, [`${itemCls}-disabled`]: mergedDisabled.value }; }); const getEventInfo = e => { return { key, eventKey, keyPath: keysPath.value, eventKeyPath: [...parentEventKeys.value, eventKey], domEvent: e, item: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, props), attrs) }; }; // ============================ Events ============================ const onInternalClick = e => { if (mergedDisabled.value) { return; } const info = getEventInfo(e); emit('click', e); onItemClick(info); }; const onMouseEnter = event => { if (!mergedDisabled.value) { changeActiveKeys(keysPath.value); emit('mouseenter', event); } }; const onMouseLeave = event => { if (!mergedDisabled.value) { changeActiveKeys([]); emit('mouseleave', event); } }; const onInternalKeyDown = e => { emit('keydown', e); if (e.which === _util_KeyCode__WEBPACK_IMPORTED_MODULE_8__["default"].ENTER) { const info = getEventInfo(e); // Legacy. Key will also trigger click event emit('click', e); onItemClick(info); } }; /** * Used for accessibility. Helper will focus element without key board. * We should manually trigger an active */ const onInternalFocus = e => { changeActiveKeys(keysPath.value); emit('focus', e); }; const renderItemChildren = (icon, children) => { const wrapNode = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", { "class": `${prefixCls.value}-title-content` }, [children]); // inline-collapsed.md demo 依赖 span 来隐藏文字,有 icon 属性,则内部包裹一个 span // ref: https://github.com/ant-design/ant-design/pull/23456 if (!icon || (0,_util_props_util__WEBPACK_IMPORTED_MODULE_9__.isValidElement)(children) && children.type === 'span') { if (children && inlineCollapsed.value && firstLevel && typeof children === 'string') { return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": `${prefixCls.value}-inline-collapsed-noicon` }, [children.charAt(0)]); } } return wrapNode; }; // ========================== DirectionStyle ========================== const directionStyle = (0,_hooks_useDirectionStyle__WEBPACK_IMPORTED_MODULE_10__["default"])((0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => keysPath.value.length)); return () => { var _a, _b, _c, _d, _e; if (isMeasure) return null; const title = (_a = props.title) !== null && _a !== void 0 ? _a : (_b = slots.title) === null || _b === void 0 ? void 0 : _b.call(slots); const children = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_9__.flattenChildren)((_c = slots.default) === null || _c === void 0 ? void 0 : _c.call(slots)); const childrenLength = children.length; let tooltipTitle = title; if (typeof title === 'undefined') { tooltipTitle = firstLevel && childrenLength ? children : ''; } else if (title === false) { tooltipTitle = ''; } const tooltipProps = { title: tooltipTitle }; if (!siderCollapsed.value && !inlineCollapsed.value) { tooltipProps.title = null; // Reset `visible` to fix control mode tooltip display not correct // ref: https://github.com/ant-design/ant-design/issues/16742 tooltipProps.open = false; } // ============================ Render ============================ const optionRoleProps = {}; if (props.role === 'option') { optionRoleProps['aria-selected'] = selected.value; } const icon = (_d = props.icon) !== null && _d !== void 0 ? _d : (_e = slots.icon) === null || _e === void 0 ? void 0 : _e.call(slots, props); return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_tooltip__WEBPACK_IMPORTED_MODULE_11__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, tooltipProps), {}, { "placement": rtl.value ? 'left' : 'right', "overlayClassName": `${prefixCls.value}-inline-collapsed-tooltip` }), { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_vc_overflow__WEBPACK_IMPORTED_MODULE_12__["default"].Item, (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "component": "li" }, attrs), {}, { "id": props.id, "style": (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, attrs.style || {}), directionStyle.value), "class": [classNames.value, { [`${attrs.class}`]: !!attrs.class, [`${prefixCls.value}-item-only-child`]: (icon ? childrenLength + 1 : childrenLength) === 1 }], "role": props.role || 'menuitem', "tabindex": props.disabled ? null : -1, "data-menu-id": key, "aria-disabled": props.disabled }, optionRoleProps), {}, { "onMouseenter": onMouseEnter, "onMouseleave": onMouseLeave, "onClick": onInternalClick, "onKeydown": onInternalKeyDown, "onFocus": onInternalFocus, "title": typeof title === 'string' ? title : undefined }), { default: () => [(0,_util_vnode__WEBPACK_IMPORTED_MODULE_13__.cloneElement)(typeof icon === 'function' ? icon(props.originItemValue) : icon, { class: `${prefixCls.value}-item-icon` }, false), renderItemChildren(icon, children)] })] }); }; } })); /***/ }), /***/ "./components/menu/src/OverrideContext.ts": /*!************************************************!*\ !*** ./components/menu/src/OverrideContext.ts ***! \************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ OverrideContextKey: () => (/* binding */ OverrideContextKey), /* harmony export */ useInjectOverride: () => (/* binding */ useInjectOverride), /* harmony export */ useProvideOverride: () => (/* binding */ useProvideOverride) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); const OverrideContextKey = Symbol('OverrideContextKey'); const useInjectOverride = () => { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.inject)(OverrideContextKey, undefined); }; const useProvideOverride = props => { var _a, _b, _c; const { prefixCls, mode, selectable, validator, onClick, expandIcon } = useInjectOverride() || {}; (0,vue__WEBPACK_IMPORTED_MODULE_0__.provide)(OverrideContextKey, { prefixCls: (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => { var _a, _b; return (_b = (_a = props.prefixCls) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : prefixCls === null || prefixCls === void 0 ? void 0 : prefixCls.value; }), mode: (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => { var _a, _b; return (_b = (_a = props.mode) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : mode === null || mode === void 0 ? void 0 : mode.value; }), selectable: (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => { var _a, _b; return (_b = (_a = props.selectable) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : selectable === null || selectable === void 0 ? void 0 : selectable.value; }), validator: (_a = props.validator) !== null && _a !== void 0 ? _a : validator, onClick: (_b = props.onClick) !== null && _b !== void 0 ? _b : onClick, expandIcon: (_c = props.expandIcon) !== null && _c !== void 0 ? _c : expandIcon === null || expandIcon === void 0 ? void 0 : expandIcon.value }); }; /***/ }), /***/ "./components/menu/src/PopupTrigger.tsx": /*!**********************************************!*\ !*** ./components/menu/src/PopupTrigger.tsx ***! \**********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _vc_trigger__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../vc-trigger */ "./components/vc-trigger/index.ts"); /* harmony import */ var _hooks_useMenuContext__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./hooks/useMenuContext */ "./components/menu/src/hooks/useMenuContext.ts"); /* harmony import */ var _placements__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./placements */ "./components/menu/src/placements.ts"); /* harmony import */ var _util_raf__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../_util/raf */ "./components/_util/raf.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _util_transition__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../_util/transition */ "./components/_util/transition.tsx"); const popupPlacementMap = { horizontal: 'bottomLeft', vertical: 'rightTop', 'vertical-left': 'rightTop', 'vertical-right': 'leftTop' }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'PopupTrigger', inheritAttrs: false, props: { prefixCls: String, mode: String, visible: Boolean, // popup: React.ReactNode; popupClassName: String, popupOffset: Array, disabled: Boolean, onVisibleChange: Function }, slots: Object, emits: ['visibleChange'], setup(props, _ref) { let { slots, emit } = _ref; const innerVisible = (0,vue__WEBPACK_IMPORTED_MODULE_1__.shallowRef)(false); const { getPopupContainer, rtl, subMenuOpenDelay, subMenuCloseDelay, builtinPlacements, triggerSubMenuAction, forceSubMenuRender, motion, defaultMotions, rootClassName } = (0,_hooks_useMenuContext__WEBPACK_IMPORTED_MODULE_2__.useInjectMenu)(); const forceRender = (0,_hooks_useMenuContext__WEBPACK_IMPORTED_MODULE_2__.useInjectForceRender)(); const placement = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => rtl.value ? (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, _placements__WEBPACK_IMPORTED_MODULE_3__.placementsRtl), builtinPlacements.value) : (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, _placements__WEBPACK_IMPORTED_MODULE_3__.placements), builtinPlacements.value)); const popupPlacement = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => popupPlacementMap[props.mode]); const visibleRef = (0,vue__WEBPACK_IMPORTED_MODULE_1__.shallowRef)(); (0,vue__WEBPACK_IMPORTED_MODULE_1__.watch)(() => props.visible, visible => { _util_raf__WEBPACK_IMPORTED_MODULE_4__["default"].cancel(visibleRef.value); visibleRef.value = (0,_util_raf__WEBPACK_IMPORTED_MODULE_4__["default"])(() => { innerVisible.value = visible; }); }, { immediate: true }); (0,vue__WEBPACK_IMPORTED_MODULE_1__.onBeforeUnmount)(() => { _util_raf__WEBPACK_IMPORTED_MODULE_4__["default"].cancel(visibleRef.value); }); const onVisibleChange = visible => { emit('visibleChange', visible); }; const mergedMotion = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { var _a, _b; const m = motion.value || ((_a = defaultMotions.value) === null || _a === void 0 ? void 0 : _a[props.mode]) || ((_b = defaultMotions.value) === null || _b === void 0 ? void 0 : _b.other); const res = typeof m === 'function' ? m() : m; return res ? (0,_util_transition__WEBPACK_IMPORTED_MODULE_5__.getTransitionProps)(res.name, { css: true }) : undefined; }); return () => { const { prefixCls, popupClassName, mode, popupOffset, disabled } = props; return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_vc_trigger__WEBPACK_IMPORTED_MODULE_6__["default"], { "prefixCls": prefixCls, "popupClassName": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_7__["default"])(`${prefixCls}-popup`, { [`${prefixCls}-rtl`]: rtl.value }, popupClassName, rootClassName.value), "stretch": mode === 'horizontal' ? 'minWidth' : null, "getPopupContainer": getPopupContainer.value, "builtinPlacements": placement.value, "popupPlacement": popupPlacement.value, "popupVisible": innerVisible.value, "popupAlign": popupOffset && { offset: popupOffset }, "action": disabled ? [] : [triggerSubMenuAction.value], "mouseEnterDelay": subMenuOpenDelay.value, "mouseLeaveDelay": subMenuCloseDelay.value, "onPopupVisibleChange": onVisibleChange, "forceRender": forceRender || forceSubMenuRender.value, "popupAnimation": mergedMotion.value }, { popup: slots.popup, default: slots.default }); }; } })); /***/ }), /***/ "./components/menu/src/SubMenu.tsx": /*!*****************************************!*\ !*** ./components/menu/src/SubMenu.tsx ***! \*****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ subMenuProps: () => (/* binding */ subMenuProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _hooks_useKeyPath__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./hooks/useKeyPath */ "./components/menu/src/hooks/useKeyPath.ts"); /* harmony import */ var _hooks_useMenuContext__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./hooks/useMenuContext */ "./components/menu/src/hooks/useMenuContext.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../_util/props-util */ "./components/_util/props-util/index.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _hooks_useDirectionStyle__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./hooks/useDirectionStyle */ "./components/menu/src/hooks/useDirectionStyle.ts"); /* harmony import */ var _PopupTrigger__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./PopupTrigger */ "./components/menu/src/PopupTrigger.tsx"); /* harmony import */ var _SubMenuList__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./SubMenuList */ "./components/menu/src/SubMenuList.tsx"); /* harmony import */ var _InlineSubMenuList__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./InlineSubMenuList */ "./components/menu/src/InlineSubMenuList.tsx"); /* harmony import */ var _util_vnode__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../_util/vnode */ "./components/_util/vnode.ts"); /* harmony import */ var _vc_overflow__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../vc-overflow */ "./components/vc-overflow/index.ts"); /* harmony import */ var _vc_util_devWarning__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../vc-util/devWarning */ "./components/vc-util/devWarning.ts"); /* harmony import */ var _util_isValid__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../_util/isValid */ "./components/_util/isValid.ts"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../_util/type */ "./components/_util/type.ts"); let indexGuid = 0; const subMenuProps = () => ({ icon: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].any, title: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].any, disabled: Boolean, level: Number, popupClassName: String, popupOffset: Array, internalPopupClose: Boolean, eventKey: String, expandIcon: Function, theme: String, onMouseenter: Function, onMouseleave: Function, onTitleClick: Function, // Internal user prop originItemValue: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.objectType)() }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'ASubMenu', inheritAttrs: false, props: subMenuProps(), slots: Object, setup(props, _ref) { let { slots, attrs, emit } = _ref; var _a, _b; (0,_hooks_useMenuContext__WEBPACK_IMPORTED_MODULE_5__.useProvideFirstLevel)(false); const isMeasure = (0,_hooks_useKeyPath__WEBPACK_IMPORTED_MODULE_6__.useMeasure)(); const instance = (0,vue__WEBPACK_IMPORTED_MODULE_2__.getCurrentInstance)(); const vnodeKey = typeof instance.vnode.key === 'symbol' ? String(instance.vnode.key) : instance.vnode.key; (0,_vc_util_devWarning__WEBPACK_IMPORTED_MODULE_7__["default"])(typeof instance.vnode.key !== 'symbol', 'SubMenu', `SubMenu \`:key="${String(vnodeKey)}"\` not support Symbol type`); const key = (0,_util_isValid__WEBPACK_IMPORTED_MODULE_8__["default"])(vnodeKey) ? vnodeKey : `sub_menu_${++indexGuid}_$$_not_set_key`; const eventKey = (_a = props.eventKey) !== null && _a !== void 0 ? _a : (0,_util_isValid__WEBPACK_IMPORTED_MODULE_8__["default"])(vnodeKey) ? `sub_menu_${++indexGuid}_$$_${vnodeKey}` : key; const { parentEventKeys, parentInfo, parentKeys } = (0,_hooks_useKeyPath__WEBPACK_IMPORTED_MODULE_6__.useInjectKeyPath)(); const keysPath = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => [...parentKeys.value, key]); const childrenEventKeys = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)([]); const menuInfo = { eventKey, key, parentEventKeys, childrenEventKeys, parentKeys }; (_b = parentInfo.childrenEventKeys) === null || _b === void 0 ? void 0 : _b.value.push(eventKey); (0,vue__WEBPACK_IMPORTED_MODULE_2__.onBeforeUnmount)(() => { var _a; if (parentInfo.childrenEventKeys) { parentInfo.childrenEventKeys.value = (_a = parentInfo.childrenEventKeys) === null || _a === void 0 ? void 0 : _a.value.filter(k => k != eventKey); } }); (0,_hooks_useKeyPath__WEBPACK_IMPORTED_MODULE_6__["default"])(eventKey, key, menuInfo); const { prefixCls, activeKeys, disabled: contextDisabled, changeActiveKeys, mode, inlineCollapsed, openKeys, overflowDisabled, onOpenChange, registerMenuInfo, unRegisterMenuInfo, selectedSubMenuKeys, expandIcon: menuExpandIcon, theme } = (0,_hooks_useMenuContext__WEBPACK_IMPORTED_MODULE_5__.useInjectMenu)(); const hasKey = vnodeKey !== undefined && vnodeKey !== null; // If not set key, use forceRender = true for children // 如果没有 key,强制 render 子元素 const forceRender = !isMeasure && ((0,_hooks_useMenuContext__WEBPACK_IMPORTED_MODULE_5__.useInjectForceRender)() || !hasKey); (0,_hooks_useMenuContext__WEBPACK_IMPORTED_MODULE_5__.useProvideForceRender)(forceRender); if (isMeasure && hasKey || !isMeasure && !hasKey || forceRender) { registerMenuInfo(eventKey, menuInfo); (0,vue__WEBPACK_IMPORTED_MODULE_2__.onBeforeUnmount)(() => { unRegisterMenuInfo(eventKey); }); } const subMenuPrefixCls = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => `${prefixCls.value}-submenu`); const mergedDisabled = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => contextDisabled.value || props.disabled); const elementRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(); const popupRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(); // // ================================ Icon ================================ // const mergedItemIcon = itemIcon || contextItemIcon; // const mergedExpandIcon = expandIcon || contextExpandIcon; // ================================ Open ================================ const originOpen = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => openKeys.value.includes(key)); const open = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => !overflowDisabled.value && originOpen.value); // =============================== Select =============================== const childrenSelected = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { return selectedSubMenuKeys.value.includes(key); }); const isActive = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(false); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)(activeKeys, () => { isActive.value = !!activeKeys.value.find(val => val === key); }, { immediate: true }); // =============================== Events =============================== // >>>> Title click const onInternalTitleClick = e => { // Skip if disabled if (mergedDisabled.value) { return; } emit('titleClick', e, key); // Trigger open by click when mode is `inline` if (mode.value === 'inline') { onOpenChange(key, !originOpen.value); } }; const onMouseEnter = event => { if (!mergedDisabled.value) { changeActiveKeys(keysPath.value); emit('mouseenter', event); } }; const onMouseLeave = event => { if (!mergedDisabled.value) { changeActiveKeys([]); emit('mouseleave', event); } }; // ========================== DirectionStyle ========================== const directionStyle = (0,_hooks_useDirectionStyle__WEBPACK_IMPORTED_MODULE_9__["default"])((0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => keysPath.value.length)); // >>>>> Visible change const onPopupVisibleChange = newVisible => { if (mode.value !== 'inline') { onOpenChange(key, newVisible); } }; /** * Used for accessibility. Helper will focus element without key board. * We should manually trigger an active */ const onInternalFocus = () => { changeActiveKeys(keysPath.value); }; // =============================== Render =============================== const popupId = eventKey && `${eventKey}-popup`; const popupClassName = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => (0,_util_classNames__WEBPACK_IMPORTED_MODULE_10__["default"])(prefixCls.value, `${prefixCls.value}-${props.theme || theme.value}`, props.popupClassName)); const renderTitle = (title, icon) => { if (!icon) { return inlineCollapsed.value && !parentKeys.value.length && title && typeof title === 'string' ? (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": `${prefixCls.value}-inline-collapsed-noicon` }, [title.charAt(0)]) : (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", { "class": `${prefixCls.value}-title-content` }, [title]); } // inline-collapsed.md demo 依赖 span 来隐藏文字,有 icon 属性,则内部包裹一个 span // ref: https://github.com/ant-design/ant-design/pull/23456 const titleIsSpan = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_11__.isValidElement)(title) && title.type === 'span'; return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_2__.Fragment, null, [(0,_util_vnode__WEBPACK_IMPORTED_MODULE_12__.cloneElement)(typeof icon === 'function' ? icon(props.originItemValue) : icon, { class: `${prefixCls.value}-item-icon` }, false), titleIsSpan ? title : (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", { "class": `${prefixCls.value}-title-content` }, [title])]); }; // Cache mode if it change to `inline` which do not have popup motion const triggerModeRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { return mode.value !== 'inline' && keysPath.value.length > 1 ? 'vertical' : mode.value; }); const renderMode = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => mode.value === 'horizontal' ? 'vertical' : mode.value); const subMenuTriggerModeRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => triggerModeRef.value === 'horizontal' ? 'vertical' : triggerModeRef.value); const baseTitleNode = () => { var _a, _b; const subMenuPrefixClsValue = subMenuPrefixCls.value; const icon = (_a = props.icon) !== null && _a !== void 0 ? _a : (_b = slots.icon) === null || _b === void 0 ? void 0 : _b.call(slots, props); const expandIcon = props.expandIcon || slots.expandIcon || menuExpandIcon.value; const title = renderTitle((0,_util_props_util__WEBPACK_IMPORTED_MODULE_11__.getPropsSlot)(slots, props, 'title'), icon); return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "style": directionStyle.value, "class": `${subMenuPrefixClsValue}-title`, "tabindex": mergedDisabled.value ? null : -1, "ref": elementRef, "title": typeof title === 'string' ? title : null, "data-menu-id": key, "aria-expanded": open.value, "aria-haspopup": true, "aria-controls": popupId, "aria-disabled": mergedDisabled.value, "onClick": onInternalTitleClick, "onFocus": onInternalFocus }, [title, mode.value !== 'horizontal' && expandIcon ? expandIcon((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, props), { isOpen: open.value })) : (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("i", { "class": `${subMenuPrefixClsValue}-arrow` }, null)]); }; return () => { var _a; if (isMeasure) { if (!hasKey) { return null; } return (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots); } const subMenuPrefixClsValue = subMenuPrefixCls.value; let titleNode = () => null; if (!overflowDisabled.value && mode.value !== 'inline') { const popupOffset = mode.value === 'horizontal' ? [0, 8] : [10, 0]; titleNode = () => (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_PopupTrigger__WEBPACK_IMPORTED_MODULE_13__["default"], { "mode": triggerModeRef.value, "prefixCls": subMenuPrefixClsValue, "visible": !props.internalPopupClose && open.value, "popupClassName": popupClassName.value, "popupOffset": props.popupOffset || popupOffset, "disabled": mergedDisabled.value, "onVisibleChange": onPopupVisibleChange }, { default: () => [baseTitleNode()], popup: () => (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_hooks_useMenuContext__WEBPACK_IMPORTED_MODULE_5__.MenuContextProvider, { "mode": subMenuTriggerModeRef.value }, { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_SubMenuList__WEBPACK_IMPORTED_MODULE_14__["default"], { "id": popupId, "ref": popupRef }, { default: slots.default })] }) }); } else { // 包裹一层,保持结构一致,防止动画丢失 // https://github.com/vueComponent/ant-design-vue/issues/4325 titleNode = () => (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_PopupTrigger__WEBPACK_IMPORTED_MODULE_13__["default"], null, { default: baseTitleNode }); } return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_hooks_useMenuContext__WEBPACK_IMPORTED_MODULE_5__.MenuContextProvider, { "mode": renderMode.value }, { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_vc_overflow__WEBPACK_IMPORTED_MODULE_15__["default"].Item, (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "component": "li" }, attrs), {}, { "role": "none", "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_10__["default"])(subMenuPrefixClsValue, `${subMenuPrefixClsValue}-${mode.value}`, attrs.class, { [`${subMenuPrefixClsValue}-open`]: open.value, [`${subMenuPrefixClsValue}-active`]: isActive.value, [`${subMenuPrefixClsValue}-selected`]: childrenSelected.value, [`${subMenuPrefixClsValue}-disabled`]: mergedDisabled.value }), "onMouseenter": onMouseEnter, "onMouseleave": onMouseLeave, "data-submenu-id": key }), { default: () => { return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_2__.Fragment, null, [titleNode(), !overflowDisabled.value && (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_InlineSubMenuList__WEBPACK_IMPORTED_MODULE_16__["default"], { "id": popupId, "open": open.value, "keyPath": keysPath.value }, { default: slots.default })]); } })] }); }; } })); /***/ }), /***/ "./components/menu/src/SubMenuList.tsx": /*!*********************************************!*\ !*** ./components/menu/src/SubMenuList.tsx ***! \*********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _hooks_useMenuContext__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./hooks/useMenuContext */ "./components/menu/src/hooks/useMenuContext.ts"); const InternalSubMenuList = (_props, _ref) => { let { slots, attrs } = _ref; var _a; const { prefixCls, mode } = (0,_hooks_useMenuContext__WEBPACK_IMPORTED_MODULE_2__.useInjectMenu)(); return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("ul", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, attrs), {}, { "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_3__["default"])(prefixCls.value, `${prefixCls.value}-sub`, `${prefixCls.value}-${mode.value === 'inline' ? 'inline' : 'vertical'}`), "data-menu-list": true }), [(_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)]); }; InternalSubMenuList.displayName = 'SubMenuList'; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (InternalSubMenuList); /***/ }), /***/ "./components/menu/src/hooks/useDirectionStyle.ts": /*!********************************************************!*\ !*** ./components/menu/src/hooks/useDirectionStyle.ts ***! \********************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ useDirectionStyle) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _useMenuContext__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./useMenuContext */ "./components/menu/src/hooks/useMenuContext.ts"); function useDirectionStyle(level) { const { mode, rtl, inlineIndent } = (0,_useMenuContext__WEBPACK_IMPORTED_MODULE_1__.useInjectMenu)(); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => mode.value !== 'inline' ? null : rtl.value ? { paddingRight: `${level.value * inlineIndent.value}px` } : { paddingLeft: `${level.value * inlineIndent.value}px` }); } /***/ }), /***/ "./components/menu/src/hooks/useItems.tsx": /*!************************************************!*\ !*** ./components/menu/src/hooks/useItems.tsx ***! \************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ useItems) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _SubMenu__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../SubMenu */ "./components/menu/src/SubMenu.tsx"); /* harmony import */ var _ItemGroup__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../ItemGroup */ "./components/menu/src/ItemGroup.tsx"); /* harmony import */ var _Divider__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../Divider */ "./components/menu/src/Divider.tsx"); /* harmony import */ var _MenuItem__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../MenuItem */ "./components/menu/src/MenuItem.tsx"); var __rest = undefined && undefined.__rest || function (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 convertItemsToNodes(list, store, parentMenuInfo) { return (list || []).map((opt, index) => { if (opt && typeof opt === 'object') { const _a = opt, { label, children, key, type } = _a, restProps = __rest(_a, ["label", "children", "key", "type"]); const mergedKey = key !== null && key !== void 0 ? key : `tmp-${index}`; // 此处 eventKey === key, 移除 children 后可以移除 eventKey const parentKeys = parentMenuInfo ? parentMenuInfo.parentKeys.slice() : []; const childrenEventKeys = []; // if const menuInfo = { eventKey: mergedKey, key: mergedKey, parentEventKeys: (0,vue__WEBPACK_IMPORTED_MODULE_1__.ref)(parentKeys), parentKeys: (0,vue__WEBPACK_IMPORTED_MODULE_1__.ref)(parentKeys), childrenEventKeys: (0,vue__WEBPACK_IMPORTED_MODULE_1__.ref)(childrenEventKeys), isLeaf: false }; // MenuItemGroup & SubMenuItem if (children || type === 'group') { if (type === 'group') { const childrenNodes = convertItemsToNodes(children, store, parentMenuInfo); // Group return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_ItemGroup__WEBPACK_IMPORTED_MODULE_2__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "key": mergedKey }, restProps), {}, { "title": label, "originItemValue": opt }), { default: () => [childrenNodes] }); } store.set(mergedKey, menuInfo); if (parentMenuInfo) { parentMenuInfo.childrenEventKeys.push(mergedKey); } // Sub Menu const childrenNodes = convertItemsToNodes(children, store, { childrenEventKeys, parentKeys: [].concat(parentKeys, mergedKey) }); return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_SubMenu__WEBPACK_IMPORTED_MODULE_3__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "key": mergedKey }, restProps), {}, { "title": label, "originItemValue": opt }), { default: () => [childrenNodes] }); } // MenuItem & Divider if (type === 'divider') { return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_Divider__WEBPACK_IMPORTED_MODULE_4__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "key": mergedKey }, restProps), null); } menuInfo.isLeaf = true; store.set(mergedKey, menuInfo); return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_MenuItem__WEBPACK_IMPORTED_MODULE_5__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "key": mergedKey }, restProps), {}, { "originItemValue": opt }), { default: () => [label] }); } return null; }).filter(opt => opt); } // FIXME: Move logic here in v4 /** * We simply convert `items` to VueNode for reuse origin component logic. But we need move all the * logic from component into this hooks when in v4 */ function useItems(props) { const itemsNodes = (0,vue__WEBPACK_IMPORTED_MODULE_1__.shallowRef)([]); const hasItmes = (0,vue__WEBPACK_IMPORTED_MODULE_1__.shallowRef)(false); const store = (0,vue__WEBPACK_IMPORTED_MODULE_1__.shallowRef)(new Map()); (0,vue__WEBPACK_IMPORTED_MODULE_1__.watch)(() => props.items, () => { const newStore = new Map(); hasItmes.value = false; if (props.items) { hasItmes.value = true; itemsNodes.value = convertItemsToNodes(props.items, newStore); } else { itemsNodes.value = undefined; } store.value = newStore; }, { immediate: true, deep: true }); return { itemsNodes, store, hasItmes }; } /***/ }), /***/ "./components/menu/src/hooks/useKeyPath.ts": /*!*************************************************!*\ !*** ./components/menu/src/hooks/useKeyPath.ts ***! \*************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ KeyPathContext: () => (/* binding */ KeyPathContext), /* harmony export */ OVERFLOW_KEY: () => (/* binding */ OVERFLOW_KEY), /* harmony export */ PathContext: () => (/* binding */ PathContext), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ useInjectKeyPath: () => (/* binding */ useInjectKeyPath), /* harmony export */ useMeasure: () => (/* binding */ useMeasure), /* harmony export */ useProvideKeyPath: () => (/* binding */ useProvideKeyPath) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); const OVERFLOW_KEY = '$$__vc-menu-more__key'; const KeyPathContext = Symbol('KeyPathContext'); const useInjectKeyPath = () => { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.inject)(KeyPathContext, { parentEventKeys: (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => []), parentKeys: (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => []), parentInfo: {} }); }; const useProvideKeyPath = (eventKey, key, menuInfo) => { const { parentEventKeys, parentKeys } = useInjectKeyPath(); const eventKeys = (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => [...parentEventKeys.value, eventKey]); const keys = (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => [...parentKeys.value, key]); (0,vue__WEBPACK_IMPORTED_MODULE_0__.provide)(KeyPathContext, { parentEventKeys: eventKeys, parentKeys: keys, parentInfo: menuInfo }); return keys; }; const measure = Symbol('measure'); const PathContext = (0,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)({ compatConfig: { MODE: 3 }, setup(_props, _ref) { let { slots } = _ref; // 不需要响应式 (0,vue__WEBPACK_IMPORTED_MODULE_0__.provide)(measure, true); return () => { var _a; return (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots); }; } }); const useMeasure = () => { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.inject)(measure, false); }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useProvideKeyPath); /***/ }), /***/ "./components/menu/src/hooks/useMenuContext.ts": /*!*****************************************************!*\ !*** ./components/menu/src/hooks/useMenuContext.ts ***! \*****************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ MenuContextKey: () => (/* binding */ MenuContextKey), /* harmony export */ MenuContextProvider: () => (/* binding */ MenuContextProvider), /* harmony export */ MenuFirstLevelContextKey: () => (/* binding */ MenuFirstLevelContextKey), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ useInjectFirstLevel: () => (/* binding */ useInjectFirstLevel), /* harmony export */ useInjectForceRender: () => (/* binding */ useInjectForceRender), /* harmony export */ useInjectMenu: () => (/* binding */ useInjectMenu), /* harmony export */ useProvideFirstLevel: () => (/* binding */ useProvideFirstLevel), /* harmony export */ useProvideForceRender: () => (/* binding */ useProvideForceRender), /* harmony export */ useProvideMenu: () => (/* binding */ useProvideMenu) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); const MenuContextKey = Symbol('menuContextKey'); const useProvideMenu = props => { (0,vue__WEBPACK_IMPORTED_MODULE_1__.provide)(MenuContextKey, props); }; const useInjectMenu = () => { return (0,vue__WEBPACK_IMPORTED_MODULE_1__.inject)(MenuContextKey); }; const ForceRenderKey = Symbol('ForceRenderKey'); const useProvideForceRender = forceRender => { (0,vue__WEBPACK_IMPORTED_MODULE_1__.provide)(ForceRenderKey, forceRender); }; const useInjectForceRender = () => { return (0,vue__WEBPACK_IMPORTED_MODULE_1__.inject)(ForceRenderKey, false); }; const MenuFirstLevelContextKey = Symbol('menuFirstLevelContextKey'); const useProvideFirstLevel = firstLevel => { (0,vue__WEBPACK_IMPORTED_MODULE_1__.provide)(MenuFirstLevelContextKey, firstLevel); }; const useInjectFirstLevel = () => { return (0,vue__WEBPACK_IMPORTED_MODULE_1__.inject)(MenuFirstLevelContextKey, true); }; const MenuContextProvider = (0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'MenuContextProvider', inheritAttrs: false, props: { mode: { type: String, default: undefined }, overflowDisabled: { type: Boolean, default: undefined } }, setup(props, _ref) { let { slots } = _ref; const menuContext = useInjectMenu(); const newContext = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, menuContext); // 确保传入的属性不会动态增删 // 不需要 watch 变化 if (props.mode !== undefined) { newContext.mode = (0,vue__WEBPACK_IMPORTED_MODULE_1__.toRef)(props, 'mode'); } if (props.overflowDisabled !== undefined) { newContext.overflowDisabled = (0,vue__WEBPACK_IMPORTED_MODULE_1__.toRef)(props, 'overflowDisabled'); } useProvideMenu(newContext); return () => { var _a; return (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots); }; } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useProvideMenu); /***/ }), /***/ "./components/menu/src/placements.ts": /*!*******************************************!*\ !*** ./components/menu/src/placements.ts ***! \*******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ placements: () => (/* binding */ placements), /* harmony export */ placementsRtl: () => (/* binding */ placementsRtl) /* harmony export */ }); const autoAdjustOverflow = { adjustX: 1, adjustY: 1 }; const placements = { topLeft: { points: ['bl', 'tl'], overflow: autoAdjustOverflow, offset: [0, -7] }, bottomLeft: { points: ['tl', 'bl'], overflow: autoAdjustOverflow, offset: [0, 7] }, leftTop: { points: ['tr', 'tl'], overflow: autoAdjustOverflow, offset: [-4, 0] }, rightTop: { points: ['tl', 'tr'], overflow: autoAdjustOverflow, offset: [4, 0] } }; const placementsRtl = { topLeft: { points: ['bl', 'tl'], overflow: autoAdjustOverflow, offset: [0, -7] }, bottomLeft: { points: ['tl', 'bl'], overflow: autoAdjustOverflow, offset: [0, 7] }, rightTop: { points: ['tr', 'tl'], overflow: autoAdjustOverflow, offset: [-4, 0] }, leftTop: { points: ['tl', 'tr'], overflow: autoAdjustOverflow, offset: [4, 0] } }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (placements); /***/ }), /***/ "./components/menu/style/horizontal.ts": /*!*********************************************!*\ !*** ./components/menu/style/horizontal.ts ***! \*********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); const getHorizontalStyle = token => { const { componentCls, motionDurationSlow, menuHorizontalHeight, colorSplit, lineWidth, lineType, menuItemPaddingInline } = token; return { [`${componentCls}-horizontal`]: { lineHeight: `${menuHorizontalHeight}px`, border: 0, borderBottom: `${lineWidth}px ${lineType} ${colorSplit}`, boxShadow: 'none', '&::after': { display: 'block', clear: 'both', height: 0, content: '"\\20"' }, // ======================= Item ======================= [`${componentCls}-item, ${componentCls}-submenu`]: { position: 'relative', display: 'inline-block', verticalAlign: 'bottom', paddingInline: menuItemPaddingInline }, [`> ${componentCls}-item:hover, > ${componentCls}-item-active, > ${componentCls}-submenu ${componentCls}-submenu-title:hover`]: { backgroundColor: 'transparent' }, [`${componentCls}-item, ${componentCls}-submenu-title`]: { transition: [`border-color ${motionDurationSlow}`, `background ${motionDurationSlow}`].join(',') }, // ===================== Sub Menu ===================== [`${componentCls}-submenu-arrow`]: { display: 'none' } } }; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (getHorizontalStyle); /***/ }), /***/ "./components/menu/style/index.ts": /*!****************************************!*\ !*** ./components/menu/style/index.ts ***! \****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @ctrl/tinycolor */ "./node_modules/@ctrl/tinycolor/dist/module/index.js"); /* harmony import */ var _style_motion__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../style/motion */ "./components/style/motion/collapse.ts"); /* harmony import */ var _style_motion__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../style/motion */ "./components/style/motion/slide.ts"); /* harmony import */ var _style_motion__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../style/motion */ "./components/style/motion/zoom.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/genComponentStyleHook.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/statistic.ts"); /* harmony import */ var _horizontal__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./horizontal */ "./components/menu/style/horizontal.ts"); /* harmony import */ var _rtl__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./rtl */ "./components/menu/style/rtl.ts"); /* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./theme */ "./components/menu/style/theme.ts"); /* harmony import */ var _vertical__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./vertical */ "./components/menu/style/vertical.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../style */ "./components/style/index.ts"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); const genMenuItemStyle = token => { const { componentCls, fontSize, motionDurationSlow, motionDurationMid, motionEaseInOut, motionEaseOut, iconCls, controlHeightSM } = token; return { // >>>>> Item [`${componentCls}-item, ${componentCls}-submenu-title`]: { position: 'relative', display: 'block', margin: 0, whiteSpace: 'nowrap', cursor: 'pointer', transition: [`border-color ${motionDurationSlow}`, `background ${motionDurationSlow}`, `padding ${motionDurationSlow} ${motionEaseInOut}`].join(','), [`${componentCls}-item-icon, ${iconCls}`]: { minWidth: fontSize, fontSize, transition: [`font-size ${motionDurationMid} ${motionEaseOut}`, `margin ${motionDurationSlow} ${motionEaseInOut}`, `color ${motionDurationSlow}`].join(','), '+ span': { marginInlineStart: controlHeightSM - fontSize, opacity: 1, transition: [`opacity ${motionDurationSlow} ${motionEaseInOut}`, `margin ${motionDurationSlow}`, `color ${motionDurationSlow}`].join(',') } }, [`${componentCls}-item-icon`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_2__.resetIcon)()), [`&${componentCls}-item-only-child`]: { [`> ${iconCls}, > ${componentCls}-item-icon`]: { marginInlineEnd: 0 } } }, // Disabled state sets text to gray and nukes hover/tab effects [`${componentCls}-item-disabled, ${componentCls}-submenu-disabled`]: { background: 'none !important', cursor: 'not-allowed', '&::after': { borderColor: 'transparent !important' }, a: { color: 'inherit !important' }, [`> ${componentCls}-submenu-title`]: { color: 'inherit !important', cursor: 'not-allowed' } } }; }; const genSubMenuArrowStyle = token => { const { componentCls, motionDurationSlow, motionEaseInOut, borderRadius, menuArrowSize, menuArrowOffset } = token; return { [`${componentCls}-submenu`]: { [`&-expand-icon, &-arrow`]: { position: 'absolute', top: '50%', insetInlineEnd: token.margin, width: menuArrowSize, color: 'currentcolor', transform: 'translateY(-50%)', transition: `transform ${motionDurationSlow} ${motionEaseInOut}, opacity ${motionDurationSlow}` }, '&-arrow': { // → '&::before, &::after': { position: 'absolute', width: menuArrowSize * 0.6, height: menuArrowSize * 0.15, backgroundColor: 'currentcolor', borderRadius, transition: [`background ${motionDurationSlow} ${motionEaseInOut}`, `transform ${motionDurationSlow} ${motionEaseInOut}`, `top ${motionDurationSlow} ${motionEaseInOut}`, `color ${motionDurationSlow} ${motionEaseInOut}`].join(','), content: '""' }, '&::before': { transform: `rotate(45deg) translateY(-${menuArrowOffset})` }, '&::after': { transform: `rotate(-45deg) translateY(${menuArrowOffset})` } } } }; }; // =============================== Base =============================== const getBaseStyle = token => { const { antCls, componentCls, fontSize, motionDurationSlow, motionDurationMid, motionEaseInOut, lineHeight, paddingXS, padding, colorSplit, lineWidth, zIndexPopup, borderRadiusLG, radiusSubMenuItem, menuArrowSize, menuArrowOffset, lineType, menuPanelMaskInset } = token; return [ // Misc { '': { [`${componentCls}`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_2__.clearFix)()), { // Hidden [`&-hidden`]: { display: 'none' } }) }, [`${componentCls}-submenu-hidden`]: { display: 'none' } }, { [componentCls]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_2__.resetComponent)(token)), (0,_style__WEBPACK_IMPORTED_MODULE_2__.clearFix)()), { marginBottom: 0, paddingInlineStart: 0, // Override default ul/ol fontSize, lineHeight: 0, listStyle: 'none', outline: 'none', transition: `width ${motionDurationSlow} cubic-bezier(0.2, 0, 0, 1) 0s`, [`ul, ol`]: { margin: 0, padding: 0, listStyle: 'none' }, // Overflow ellipsis [`&-overflow`]: { display: 'flex', [`${componentCls}-item`]: { flex: 'none' } }, [`${componentCls}-item, ${componentCls}-submenu, ${componentCls}-submenu-title`]: { borderRadius: token.radiusItem }, [`${componentCls}-item-group-title`]: { padding: `${paddingXS}px ${padding}px`, fontSize, lineHeight, transition: `all ${motionDurationSlow}` }, [`&-horizontal ${componentCls}-submenu`]: { transition: [`border-color ${motionDurationSlow} ${motionEaseInOut}`, `background ${motionDurationSlow} ${motionEaseInOut}`].join(',') }, [`${componentCls}-submenu, ${componentCls}-submenu-inline`]: { transition: [`border-color ${motionDurationSlow} ${motionEaseInOut}`, `background ${motionDurationSlow} ${motionEaseInOut}`, `padding ${motionDurationMid} ${motionEaseInOut}`].join(',') }, [`${componentCls}-submenu ${componentCls}-sub`]: { cursor: 'initial', transition: [`background ${motionDurationSlow} ${motionEaseInOut}`, `padding ${motionDurationSlow} ${motionEaseInOut}`].join(',') }, [`${componentCls}-title-content`]: { transition: `color ${motionDurationSlow}` }, [`${componentCls}-item a`]: { '&::before': { position: 'absolute', inset: 0, backgroundColor: 'transparent', content: '""' } }, // Removed a Badge related style seems it's safe // https://github.com/ant-design/ant-design/issues/19809 // >>>>> Divider [`${componentCls}-item-divider`]: { overflow: 'hidden', lineHeight: 0, borderColor: colorSplit, borderStyle: lineType, borderWidth: 0, borderTopWidth: lineWidth, marginBlock: lineWidth, padding: 0, '&-dashed': { borderStyle: 'dashed' } } }), genMenuItemStyle(token)), { [`${componentCls}-item-group`]: { [`${componentCls}-item-group-list`]: { margin: 0, padding: 0, [`${componentCls}-item, ${componentCls}-submenu-title`]: { paddingInline: `${fontSize * 2}px ${padding}px` } } }, // ======================= Sub Menu ======================= '&-submenu': { '&-popup': { position: 'absolute', zIndex: zIndexPopup, background: 'transparent', borderRadius: borderRadiusLG, boxShadow: 'none', transformOrigin: '0 0', // https://github.com/ant-design/ant-design/issues/13955 '&::before': { position: 'absolute', inset: `${menuPanelMaskInset}px 0 0`, zIndex: -1, width: '100%', height: '100%', opacity: 0, content: '""' } }, // https://github.com/ant-design/ant-design/issues/13955 '&-placement-rightTop::before': { top: 0, insetInlineStart: menuPanelMaskInset }, [`> ${componentCls}`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ borderRadius: borderRadiusLG }, genMenuItemStyle(token)), genSubMenuArrowStyle(token)), { [`${componentCls}-item, ${componentCls}-submenu > ${componentCls}-submenu-title`]: { borderRadius: radiusSubMenuItem }, [`${componentCls}-submenu-title::after`]: { transition: `transform ${motionDurationSlow} ${motionEaseInOut}` } }) } }), genSubMenuArrowStyle(token)), { [`&-inline-collapsed ${componentCls}-submenu-arrow, &-inline ${componentCls}-submenu-arrow`]: { // ↓ '&::before': { transform: `rotate(-45deg) translateX(${menuArrowOffset})` }, '&::after': { transform: `rotate(45deg) translateX(-${menuArrowOffset})` } }, [`${componentCls}-submenu-open${componentCls}-submenu-inline > ${componentCls}-submenu-title > ${componentCls}-submenu-arrow`]: { // ↑ transform: `translateY(-${menuArrowSize * 0.2}px)`, '&::after': { transform: `rotate(-45deg) translateX(-${menuArrowOffset})` }, '&::before': { transform: `rotate(45deg) translateX(${menuArrowOffset})` } } }) }, // Integration with header element so menu items have the same height { [`${antCls}-layout-header`]: { [componentCls]: { lineHeight: 'inherit' } } }]; }; // ============================== Export ============================== /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((prefixCls, injectStyle) => { const useOriginHook = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_3__["default"])('Menu', (token, _ref) => { let { overrideComponentToken } = _ref; // Dropdown will handle menu style self. We do not need to handle this. if ((injectStyle === null || injectStyle === void 0 ? void 0 : injectStyle.value) === false) { return []; } const { colorBgElevated, colorPrimary, colorError, colorErrorHover, colorTextLightSolid } = token; const { controlHeightLG, fontSize } = token; const menuArrowSize = fontSize / 7 * 5; // Menu Token const menuToken = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_4__.merge)(token, { menuItemHeight: controlHeightLG, menuItemPaddingInline: token.margin, menuArrowSize, menuHorizontalHeight: controlHeightLG * 1.15, menuArrowOffset: `${menuArrowSize * 0.25}px`, menuPanelMaskInset: -7, menuSubMenuBg: colorBgElevated }); const colorTextDark = new _ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_5__.TinyColor(colorTextLightSolid).setAlpha(0.65).toRgbString(); const menuDarkToken = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_4__.merge)(menuToken, { colorItemText: colorTextDark, colorItemTextHover: colorTextLightSolid, colorGroupTitle: colorTextDark, colorItemTextSelected: colorTextLightSolid, colorItemBg: '#001529', colorSubItemBg: '#000c17', colorItemBgActive: 'transparent', colorItemBgSelected: colorPrimary, colorActiveBarWidth: 0, colorActiveBarHeight: 0, colorActiveBarBorderSize: 0, // Disabled colorItemTextDisabled: new _ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_5__.TinyColor(colorTextLightSolid).setAlpha(0.25).toRgbString(), // Danger colorDangerItemText: colorError, colorDangerItemTextHover: colorErrorHover, colorDangerItemTextSelected: colorTextLightSolid, colorDangerItemBgActive: colorError, colorDangerItemBgSelected: colorError, menuSubMenuBg: '#001529', // Horizontal colorItemTextSelectedHorizontal: colorTextLightSolid, colorItemBgSelectedHorizontal: colorPrimary }, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, overrideComponentToken)); return [ // Basic getBaseStyle(menuToken), // Horizontal (0,_horizontal__WEBPACK_IMPORTED_MODULE_6__["default"])(menuToken), // Vertical (0,_vertical__WEBPACK_IMPORTED_MODULE_7__["default"])(menuToken), // Theme (0,_theme__WEBPACK_IMPORTED_MODULE_8__["default"])(menuToken, 'light'), (0,_theme__WEBPACK_IMPORTED_MODULE_8__["default"])(menuDarkToken, 'dark'), // RTL (0,_rtl__WEBPACK_IMPORTED_MODULE_9__["default"])(menuToken), // Motion (0,_style_motion__WEBPACK_IMPORTED_MODULE_10__["default"])(menuToken), (0,_style_motion__WEBPACK_IMPORTED_MODULE_11__.initSlideMotion)(menuToken, 'slide-up'), (0,_style_motion__WEBPACK_IMPORTED_MODULE_11__.initSlideMotion)(menuToken, 'slide-down'), (0,_style_motion__WEBPACK_IMPORTED_MODULE_12__.initZoomMotion)(menuToken, 'zoom-big')]; }, token => { const { colorPrimary, colorError, colorTextDisabled, colorErrorBg, colorText, colorTextDescription, colorBgContainer, colorFillAlter, colorFillContent, lineWidth, lineWidthBold, controlItemBgActive, colorBgTextHover } = token; return { dropdownWidth: 160, zIndexPopup: token.zIndexPopupBase + 50, radiusItem: token.borderRadiusLG, radiusSubMenuItem: token.borderRadiusSM, colorItemText: colorText, colorItemTextHover: colorText, colorItemTextHoverHorizontal: colorPrimary, colorGroupTitle: colorTextDescription, colorItemTextSelected: colorPrimary, colorItemTextSelectedHorizontal: colorPrimary, colorItemBg: colorBgContainer, colorItemBgHover: colorBgTextHover, colorItemBgActive: colorFillContent, colorSubItemBg: colorFillAlter, colorItemBgSelected: controlItemBgActive, colorItemBgSelectedHorizontal: 'transparent', colorActiveBarWidth: 0, colorActiveBarHeight: lineWidthBold, colorActiveBarBorderSize: lineWidth, // Disabled colorItemTextDisabled: colorTextDisabled, // Danger colorDangerItemText: colorError, colorDangerItemTextHover: colorError, colorDangerItemTextSelected: colorError, colorDangerItemBgActive: colorErrorBg, colorDangerItemBgSelected: colorErrorBg, itemMarginInline: token.marginXXS }; }); return useOriginHook(prefixCls); }); /***/ }), /***/ "./components/menu/style/rtl.ts": /*!**************************************!*\ !*** ./components/menu/style/rtl.ts ***! \**************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); const getRTLStyle = _ref => { let { componentCls, menuArrowOffset } = _ref; return { [`${componentCls}-rtl`]: { direction: 'rtl' }, [`${componentCls}-submenu-rtl`]: { transformOrigin: '100% 0' }, // Vertical Arrow [`${componentCls}-rtl${componentCls}-vertical, ${componentCls}-submenu-rtl ${componentCls}-vertical`]: { [`${componentCls}-submenu-arrow`]: { '&::before': { transform: `rotate(-45deg) translateY(-${menuArrowOffset})` }, '&::after': { transform: `rotate(45deg) translateY(${menuArrowOffset})` } } } }; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (getRTLStyle); /***/ }), /***/ "./components/menu/style/theme.ts": /*!****************************************!*\ !*** ./components/menu/style/theme.ts ***! \****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../style */ "./components/style/index.ts"); const accessibilityFocus = token => (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_1__.genFocusOutline)(token)); const getThemeStyle = (token, themeSuffix) => { const { componentCls, colorItemText, colorItemTextSelected, colorGroupTitle, colorItemBg, colorSubItemBg, colorItemBgSelected, colorActiveBarHeight, colorActiveBarWidth, colorActiveBarBorderSize, motionDurationSlow, motionEaseInOut, motionEaseOut, menuItemPaddingInline, motionDurationMid, colorItemTextHover, lineType, colorSplit, // Disabled colorItemTextDisabled, // Danger colorDangerItemText, colorDangerItemTextHover, colorDangerItemTextSelected, colorDangerItemBgActive, colorDangerItemBgSelected, colorItemBgHover, menuSubMenuBg, // Horizontal colorItemTextSelectedHorizontal, colorItemBgSelectedHorizontal } = token; return { [`${componentCls}-${themeSuffix}`]: { color: colorItemText, background: colorItemBg, [`&${componentCls}-root:focus-visible`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, accessibilityFocus(token)), // ======================== Item ======================== [`${componentCls}-item-group-title`]: { color: colorGroupTitle }, [`${componentCls}-submenu-selected`]: { [`> ${componentCls}-submenu-title`]: { color: colorItemTextSelected } }, // Disabled [`${componentCls}-item-disabled, ${componentCls}-submenu-disabled`]: { color: `${colorItemTextDisabled} !important` }, // Hover [`${componentCls}-item:hover, ${componentCls}-submenu-title:hover`]: { [`&:not(${componentCls}-item-selected):not(${componentCls}-submenu-selected)`]: { color: colorItemTextHover } }, [`&:not(${componentCls}-horizontal)`]: { [`${componentCls}-item:not(${componentCls}-item-selected)`]: { '&:hover': { backgroundColor: colorItemBgHover }, '&:active': { backgroundColor: colorItemBgSelected } }, [`${componentCls}-submenu-title`]: { '&:hover': { backgroundColor: colorItemBgHover }, '&:active': { backgroundColor: colorItemBgSelected } } }, // Danger - only Item has [`${componentCls}-item-danger`]: { color: colorDangerItemText, [`&${componentCls}-item:hover`]: { [`&:not(${componentCls}-item-selected):not(${componentCls}-submenu-selected)`]: { color: colorDangerItemTextHover } }, [`&${componentCls}-item:active`]: { background: colorDangerItemBgActive } }, [`${componentCls}-item a`]: { '&, &:hover': { color: 'inherit' } }, [`${componentCls}-item-selected`]: { color: colorItemTextSelected, // Danger [`&${componentCls}-item-danger`]: { color: colorDangerItemTextSelected }, [`a, a:hover`]: { color: 'inherit' } }, [`& ${componentCls}-item-selected`]: { backgroundColor: colorItemBgSelected, // Danger [`&${componentCls}-item-danger`]: { backgroundColor: colorDangerItemBgSelected } }, [`${componentCls}-item, ${componentCls}-submenu-title`]: { [`&:not(${componentCls}-item-disabled):focus-visible`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, accessibilityFocus(token)) }, [`&${componentCls}-submenu > ${componentCls}`]: { backgroundColor: menuSubMenuBg }, [`&${componentCls}-popup > ${componentCls}`]: { backgroundColor: colorItemBg }, // ====================== Horizontal ====================== [`&${componentCls}-horizontal`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, themeSuffix === 'dark' ? { borderBottom: 0 } : {}), { [`> ${componentCls}-item, > ${componentCls}-submenu`]: { top: colorActiveBarBorderSize, marginTop: -colorActiveBarBorderSize, marginBottom: 0, borderRadius: 0, '&::after': { position: 'absolute', insetInline: menuItemPaddingInline, bottom: 0, borderBottom: `${colorActiveBarHeight}px solid transparent`, transition: `border-color ${motionDurationSlow} ${motionEaseInOut}`, content: '""' }, [`&:hover, &-active, &-open`]: { '&::after': { borderBottomWidth: colorActiveBarHeight, borderBottomColor: colorItemTextSelectedHorizontal } }, [`&-selected`]: { color: colorItemTextSelectedHorizontal, backgroundColor: colorItemBgSelectedHorizontal, '&::after': { borderBottomWidth: colorActiveBarHeight, borderBottomColor: colorItemTextSelectedHorizontal } } } }), // ================== Inline & Vertical =================== // [`&${componentCls}-root`]: { [`&${componentCls}-inline, &${componentCls}-vertical`]: { borderInlineEnd: `${colorActiveBarBorderSize}px ${lineType} ${colorSplit}` } }, // ======================== Inline ======================== [`&${componentCls}-inline`]: { // Sub [`${componentCls}-sub${componentCls}-inline`]: { background: colorSubItemBg }, // Item [`${componentCls}-item, ${componentCls}-submenu-title`]: colorActiveBarBorderSize && colorActiveBarWidth ? { width: `calc(100% + ${colorActiveBarBorderSize}px)` } : {}, [`${componentCls}-item`]: { position: 'relative', '&::after': { position: 'absolute', insetBlock: 0, insetInlineEnd: 0, borderInlineEnd: `${colorActiveBarWidth}px solid ${colorItemTextSelected}`, transform: 'scaleY(0.0001)', opacity: 0, transition: [`transform ${motionDurationMid} ${motionEaseOut}`, `opacity ${motionDurationMid} ${motionEaseOut}`].join(','), content: '""' }, // Danger [`&${componentCls}-item-danger`]: { '&::after': { borderInlineEndColor: colorDangerItemTextSelected } } }, [`${componentCls}-selected, ${componentCls}-item-selected`]: { '&::after': { transform: 'scaleY(1)', opacity: 1, transition: [`transform ${motionDurationMid} ${motionEaseInOut}`, `opacity ${motionDurationMid} ${motionEaseInOut}`].join(',') } } } } }; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (getThemeStyle); /***/ }), /***/ "./components/menu/style/vertical.ts": /*!*******************************************!*\ !*** ./components/menu/style/vertical.ts ***! \*******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../style */ "./components/style/index.ts"); const getVerticalInlineStyle = token => { const { componentCls, menuItemHeight, itemMarginInline, padding, menuArrowSize, marginXS, marginXXS } = token; const paddingWithArrow = padding + menuArrowSize + marginXS; return { [`${componentCls}-item`]: { position: 'relative' }, [`${componentCls}-item, ${componentCls}-submenu-title`]: { height: menuItemHeight, lineHeight: `${menuItemHeight}px`, paddingInline: padding, overflow: 'hidden', textOverflow: 'ellipsis', marginInline: itemMarginInline, marginBlock: marginXXS, width: `calc(100% - ${itemMarginInline * 2}px)` }, // disable margin collapsed [`${componentCls}-submenu`]: { paddingBottom: 0.02 }, [`> ${componentCls}-item, > ${componentCls}-submenu > ${componentCls}-submenu-title`]: { height: menuItemHeight, lineHeight: `${menuItemHeight}px` }, [`${componentCls}-item-group-list ${componentCls}-submenu-title, ${componentCls}-submenu-title`]: { paddingInlineEnd: paddingWithArrow } }; }; const getVerticalStyle = token => { const { componentCls, iconCls, menuItemHeight, colorTextLightSolid, dropdownWidth, controlHeightLG, motionDurationMid, motionEaseOut, paddingXL, fontSizeSM, fontSizeLG, motionDurationSlow, paddingXS, boxShadowSecondary } = token; const inlineItemStyle = { height: menuItemHeight, lineHeight: `${menuItemHeight}px`, listStylePosition: 'inside', listStyleType: 'disc' }; return [{ [componentCls]: { [`&-inline, &-vertical`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ [`&${componentCls}-root`]: { boxShadow: 'none' } }, getVerticalInlineStyle(token)) }, [`${componentCls}-submenu-popup`]: { [`${componentCls}-vertical`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, getVerticalInlineStyle(token)), { boxShadow: boxShadowSecondary }) } }, // Vertical only { [`${componentCls}-submenu-popup ${componentCls}-vertical${componentCls}-sub`]: { minWidth: dropdownWidth, maxHeight: `calc(100vh - ${controlHeightLG * 2.5}px)`, padding: '0', overflow: 'hidden', borderInlineEnd: 0, // https://github.com/ant-design/ant-design/issues/22244 // https://github.com/ant-design/ant-design/issues/26812 "&:not([class*='-active'])": { overflowX: 'hidden', overflowY: 'auto' } } }, // Inline Only { [`${componentCls}-inline`]: { width: '100%', // Motion enhance for first level [`&${componentCls}-root`]: { [`${componentCls}-item, ${componentCls}-submenu-title`]: { display: 'flex', alignItems: 'center', transition: [`border-color ${motionDurationSlow}`, `background ${motionDurationSlow}`, `padding ${motionDurationMid} ${motionEaseOut}`].join(','), [`> ${componentCls}-title-content`]: { flex: 'auto', minWidth: 0, overflow: 'hidden', textOverflow: 'ellipsis' }, '> *': { flex: 'none' } } }, // >>>>> Sub [`${componentCls}-sub${componentCls}-inline`]: { padding: 0, border: 0, borderRadius: 0, boxShadow: 'none', [`& > ${componentCls}-submenu > ${componentCls}-submenu-title`]: inlineItemStyle, [`& ${componentCls}-item-group-title`]: { paddingInlineStart: paddingXL } }, // >>>>> Item [`${componentCls}-item`]: inlineItemStyle } }, // Inline Collapse Only { [`${componentCls}-inline-collapsed`]: { width: menuItemHeight * 2, [`&${componentCls}-root`]: { [`${componentCls}-item, ${componentCls}-submenu ${componentCls}-submenu-title`]: { [`> ${componentCls}-inline-collapsed-noicon`]: { fontSize: fontSizeLG, textAlign: 'center' } } }, [`> ${componentCls}-item, > ${componentCls}-item-group > ${componentCls}-item-group-list > ${componentCls}-item, > ${componentCls}-item-group > ${componentCls}-item-group-list > ${componentCls}-submenu > ${componentCls}-submenu-title, > ${componentCls}-submenu > ${componentCls}-submenu-title`]: { insetInlineStart: 0, paddingInline: `calc(50% - ${fontSizeSM}px)`, textOverflow: 'clip', [` ${componentCls}-submenu-arrow, ${componentCls}-submenu-expand-icon `]: { opacity: 0 }, [`${componentCls}-item-icon, ${iconCls}`]: { margin: 0, fontSize: fontSizeLG, lineHeight: `${menuItemHeight}px`, '+ span': { display: 'inline-block', opacity: 0 } } }, [`${componentCls}-item-icon, ${iconCls}`]: { display: 'inline-block' }, '&-tooltip': { pointerEvents: 'none', [`${componentCls}-item-icon, ${iconCls}`]: { display: 'none' }, 'a, a:hover': { color: colorTextLightSolid } }, [`${componentCls}-item-group-title`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, _style__WEBPACK_IMPORTED_MODULE_1__.textEllipsis), { paddingInline: paddingXS }) } }]; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (getVerticalStyle); /***/ }), /***/ "./components/message/PurePanel.tsx": /*!******************************************!*\ !*** ./components/message/PurePanel.tsx ***! \******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ PureContent: () => (/* binding */ PureContent), /* harmony export */ TypeIcon: () => (/* binding */ TypeIcon), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _vc_notification_Notice__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../vc-notification/Notice */ "./components/vc-notification/Notice.tsx"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./style */ "./components/message/style/index.ts"); /* harmony import */ var _ant_design_icons_vue_es_icons_LoadingOutlined__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/LoadingOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/LoadingOutlined.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_ExclamationCircleFilled__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/ExclamationCircleFilled */ "./node_modules/@ant-design/icons-vue/es/icons/ExclamationCircleFilled.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_CloseCircleFilled__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/CloseCircleFilled */ "./node_modules/@ant-design/icons-vue/es/icons/CloseCircleFilled.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_CheckCircleFilled__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/CheckCircleFilled */ "./node_modules/@ant-design/icons-vue/es/icons/CheckCircleFilled.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_InfoCircleFilled__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/InfoCircleFilled */ "./node_modules/@ant-design/icons-vue/es/icons/InfoCircleFilled.js"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _config_provider_context__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../config-provider/context */ "./components/config-provider/context.ts"); const TypeIcon = { info: (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_ant_design_icons_vue_es_icons_InfoCircleFilled__WEBPACK_IMPORTED_MODULE_2__["default"], null, null), success: (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_ant_design_icons_vue_es_icons_CheckCircleFilled__WEBPACK_IMPORTED_MODULE_3__["default"], null, null), error: (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_ant_design_icons_vue_es_icons_CloseCircleFilled__WEBPACK_IMPORTED_MODULE_4__["default"], null, null), warning: (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_ant_design_icons_vue_es_icons_ExclamationCircleFilled__WEBPACK_IMPORTED_MODULE_5__["default"], null, null), loading: (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_ant_design_icons_vue_es_icons_LoadingOutlined__WEBPACK_IMPORTED_MODULE_6__["default"], null, null) }; const PureContent = (0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ name: 'PureContent', inheritAttrs: false, props: ['prefixCls', 'type', 'icon'], setup(props, _ref) { let { slots } = _ref; return () => { var _a; return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_7__["default"])(`${props.prefixCls}-custom-content`, `${props.prefixCls}-${props.type}`) }, [props.icon || TypeIcon[props.type], (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", null, [(_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)])]); }; } }); /** @private Internal Component. Do not use in your production. */ /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ name: 'PurePanel', inheritAttrs: false, props: ['prefixCls', 'class', 'type', 'icon', 'content'], setup(props, _ref2) { let { slots, attrs } = _ref2; var _a; const { getPrefixCls } = (0,_config_provider_context__WEBPACK_IMPORTED_MODULE_8__.useConfigContextInject)(); const prefixCls = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => props.prefixCls || getPrefixCls('message')); const [, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_9__["default"])(prefixCls); return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_vc_notification_Notice__WEBPACK_IMPORTED_MODULE_10__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, attrs), {}, { "prefixCls": prefixCls.value, "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_7__["default"])(hashId.value, `${prefixCls.value}-notice-pure-panel`), "noticeKey": "pure", "duration": null }), { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(PureContent, { "prefixCls": prefixCls.value, "type": props.type, "icon": props.icon }, { default: () => [(_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)] })] }); } })); /***/ }), /***/ "./components/message/index.tsx": /*!**************************************!*\ !*** ./components/message/index.tsx ***! \**************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ attachTypeApi: () => (/* binding */ attachTypeApi), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ getInstance: () => (/* binding */ getInstance), /* harmony export */ getKeyThenIncreaseKey: () => (/* binding */ getKeyThenIncreaseKey), /* harmony export */ typeList: () => (/* binding */ typeList) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _vc_notification__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../vc-notification */ "./components/vc-notification/index.ts"); /* harmony import */ var _ant_design_icons_vue_es_icons_LoadingOutlined__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/LoadingOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/LoadingOutlined.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_ExclamationCircleFilled__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/ExclamationCircleFilled */ "./node_modules/@ant-design/icons-vue/es/icons/ExclamationCircleFilled.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_CloseCircleFilled__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/CloseCircleFilled */ "./node_modules/@ant-design/icons-vue/es/icons/CloseCircleFilled.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_CheckCircleFilled__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/CheckCircleFilled */ "./node_modules/@ant-design/icons-vue/es/icons/CheckCircleFilled.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_InfoCircleFilled__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/InfoCircleFilled */ "./node_modules/@ant-design/icons-vue/es/icons/InfoCircleFilled.js"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./style */ "./components/message/style/index.ts"); /* harmony import */ var _useMessage__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./useMessage */ "./components/message/useMessage.tsx"); let defaultDuration = 3; let defaultTop; let messageInstance; let key = 1; let localPrefixCls = ''; let transitionName = 'move-up'; let hasTransitionName = false; let getContainer = () => document.body; let maxCount; let rtl = false; function getKeyThenIncreaseKey() { return key++; } function setMessageConfig(options) { if (options.top !== undefined) { defaultTop = options.top; messageInstance = null; // delete messageInstance for new defaultTop } if (options.duration !== undefined) { defaultDuration = options.duration; } if (options.prefixCls !== undefined) { localPrefixCls = options.prefixCls; } if (options.getContainer !== undefined) { getContainer = options.getContainer; messageInstance = null; // delete messageInstance for new getContainer } if (options.transitionName !== undefined) { transitionName = options.transitionName; messageInstance = null; // delete messageInstance for new transitionName hasTransitionName = true; } if (options.maxCount !== undefined) { maxCount = options.maxCount; messageInstance = null; } if (options.rtl !== undefined) { rtl = options.rtl; } } function getMessageInstance(args, callback) { if (messageInstance) { callback(messageInstance); return; } _vc_notification__WEBPACK_IMPORTED_MODULE_2__["default"].newInstance({ appContext: args.appContext, prefixCls: args.prefixCls || localPrefixCls, rootPrefixCls: args.rootPrefixCls, transitionName, hasTransitionName, style: { top: defaultTop }, getContainer: getContainer || args.getPopupContainer, maxCount, name: 'message', useStyle: _style__WEBPACK_IMPORTED_MODULE_3__["default"] }, instance => { if (messageInstance) { callback(messageInstance); return; } messageInstance = instance; callback(instance); }); } const typeToIcon = { info: _ant_design_icons_vue_es_icons_InfoCircleFilled__WEBPACK_IMPORTED_MODULE_4__["default"], success: _ant_design_icons_vue_es_icons_CheckCircleFilled__WEBPACK_IMPORTED_MODULE_5__["default"], error: _ant_design_icons_vue_es_icons_CloseCircleFilled__WEBPACK_IMPORTED_MODULE_6__["default"], warning: _ant_design_icons_vue_es_icons_ExclamationCircleFilled__WEBPACK_IMPORTED_MODULE_7__["default"], loading: _ant_design_icons_vue_es_icons_LoadingOutlined__WEBPACK_IMPORTED_MODULE_8__["default"] }; const typeList = Object.keys(typeToIcon); function notice(args) { const duration = args.duration !== undefined ? args.duration : defaultDuration; const target = args.key || getKeyThenIncreaseKey(); const closePromise = new Promise(resolve => { const callback = () => { if (typeof args.onClose === 'function') { args.onClose(); } return resolve(true); }; getMessageInstance(args, instance => { instance.notice({ key: target, duration, style: args.style || {}, class: args.class, content: _ref => { let { prefixCls } = _ref; const Icon = typeToIcon[args.type]; const iconNode = Icon ? (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(Icon, null, null) : ''; const messageClass = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_9__["default"])(`${prefixCls}-custom-content`, { [`${prefixCls}-${args.type}`]: args.type, [`${prefixCls}-rtl`]: rtl === true }); return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": messageClass }, [typeof args.icon === 'function' ? args.icon() : args.icon || iconNode, (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", null, [typeof args.content === 'function' ? args.content() : args.content])]); }, onClose: callback, onClick: args.onClick }); }); }); const result = () => { if (messageInstance) { messageInstance.removeNotice(target); } }; result.then = (filled, rejected) => closePromise.then(filled, rejected); result.promise = closePromise; return result; } function isArgsProps(content) { return Object.prototype.toString.call(content) === '[object Object]' && !!content.content; } const api = { open: notice, config: setMessageConfig, destroy(messageKey) { if (messageInstance) { if (messageKey) { const { removeNotice } = messageInstance; removeNotice(messageKey); } else { const { destroy } = messageInstance; destroy(); messageInstance = null; } } } }; function attachTypeApi(originalApi, type) { originalApi[type] = (content, duration, onClose) => { if (isArgsProps(content)) { return originalApi.open((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, content), { type })); } if (typeof duration === 'function') { onClose = duration; duration = undefined; } return originalApi.open({ content, duration, type, onClose }); }; } typeList.forEach(type => attachTypeApi(api, type)); api.warn = api.warning; api.useMessage = _useMessage__WEBPACK_IMPORTED_MODULE_10__["default"]; /** @private test Only function. Not work on production */ const getInstance = () => false ? 0 : null; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (api); /***/ }), /***/ "./components/message/style/index.ts": /*!*******************************************!*\ !*** ./components/message/style/index.ts ***! \*******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _util_cssinjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../_util/cssinjs */ "./components/_util/cssinjs/Keyframes.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/genComponentStyleHook.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/statistic.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../style */ "./components/style/index.ts"); // deps-lint-skip-all const genMessageStyle = token => { const { componentCls, iconCls, boxShadowSecondary, colorBgElevated, colorSuccess, colorError, colorWarning, colorInfo, fontSizeLG, motionEaseInOutCirc, motionDurationSlow, marginXS, paddingXS, borderRadiusLG, zIndexPopup, // Custom token messageNoticeContentPadding } = token; const messageMoveIn = new _util_cssinjs__WEBPACK_IMPORTED_MODULE_1__["default"]('MessageMoveIn', { '0%': { padding: 0, transform: 'translateY(-100%)', opacity: 0 }, '100%': { padding: paddingXS, transform: 'translateY(0)', opacity: 1 } }); const messageMoveOut = new _util_cssinjs__WEBPACK_IMPORTED_MODULE_1__["default"]('MessageMoveOut', { '0%': { maxHeight: token.height, padding: paddingXS, opacity: 1 }, '100%': { maxHeight: 0, padding: 0, opacity: 0 } }); return [ // ============================ Holder ============================ { [componentCls]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_2__.resetComponent)(token)), { position: 'fixed', top: marginXS, left: '50%', transform: 'translateX(-50%)', width: '100%', pointerEvents: 'none', zIndex: zIndexPopup, [`${componentCls}-move-up`]: { animationFillMode: 'forwards' }, [` ${componentCls}-move-up-appear, ${componentCls}-move-up-enter `]: { animationName: messageMoveIn, animationDuration: motionDurationSlow, animationPlayState: 'paused', animationTimingFunction: motionEaseInOutCirc }, [` ${componentCls}-move-up-appear${componentCls}-move-up-appear-active, ${componentCls}-move-up-enter${componentCls}-move-up-enter-active `]: { animationPlayState: 'running' }, [`${componentCls}-move-up-leave`]: { animationName: messageMoveOut, animationDuration: motionDurationSlow, animationPlayState: 'paused', animationTimingFunction: motionEaseInOutCirc }, [`${componentCls}-move-up-leave${componentCls}-move-up-leave-active`]: { animationPlayState: 'running' }, '&-rtl': { direction: 'rtl', span: { direction: 'rtl' } } }) }, // ============================ Notice ============================ { [`${componentCls}-notice`]: { padding: paddingXS, textAlign: 'center', [iconCls]: { verticalAlign: 'text-bottom', marginInlineEnd: marginXS, fontSize: fontSizeLG }, [`${componentCls}-notice-content`]: { display: 'inline-block', padding: messageNoticeContentPadding, background: colorBgElevated, borderRadius: borderRadiusLG, boxShadow: boxShadowSecondary, pointerEvents: 'all' }, [`${componentCls}-success ${iconCls}`]: { color: colorSuccess }, [`${componentCls}-error ${iconCls}`]: { color: colorError }, [`${componentCls}-warning ${iconCls}`]: { color: colorWarning }, [` ${componentCls}-info ${iconCls}, ${componentCls}-loading ${iconCls}`]: { color: colorInfo } } }, // ============================= Pure ============================= { [`${componentCls}-notice-pure-panel`]: { padding: 0, textAlign: 'start' } }]; }; // ============================== Export ============================== /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_theme_internal__WEBPACK_IMPORTED_MODULE_3__["default"])('Message', token => { // Gen-style functions here const combinedToken = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_4__.merge)(token, { messageNoticeContentPadding: `${(token.controlHeightLG - token.fontSize * token.lineHeight) / 2}px ${token.paddingSM}px` }); return [genMessageStyle(combinedToken)]; }, token => ({ height: 150, zIndexPopup: token.zIndexPopupBase + 10 }))); /***/ }), /***/ "./components/message/useMessage.tsx": /*!*******************************************!*\ !*** ./components/message/useMessage.tsx ***! \*******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ useMessage), /* harmony export */ useInternalMessage: () => (/* binding */ useInternalMessage) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _vc_notification__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../vc-notification */ "./components/vc-notification/useNotification.tsx"); /* harmony import */ var _ant_design_icons_vue_es_icons_CloseOutlined__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/CloseOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/CloseOutlined.js"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./style */ "./components/message/style/index.ts"); /* harmony import */ var _PurePanel__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./PurePanel */ "./components/message/PurePanel.tsx"); /* harmony import */ var _vc_trigger_utils_motionUtil__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../vc-trigger/utils/motionUtil */ "./components/vc-trigger/utils/motionUtil.ts"); /* harmony import */ var _util_util__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../_util/util */ "./components/_util/util.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); var __rest = undefined && undefined.__rest || function (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; }; const DEFAULT_OFFSET = 8; const DEFAULT_DURATION = 3; const Holder = (0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ name: 'Holder', inheritAttrs: false, props: ['top', 'prefixCls', 'getContainer', 'maxCount', 'duration', 'rtl', 'transitionName', 'onAllRemoved', 'animation', 'staticGetContainer'], setup(props, _ref) { let { expose } = _ref; var _a, _b; const { getPrefixCls, getPopupContainer } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_3__["default"])('message', props); const prefixCls = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => getPrefixCls('message', props.prefixCls)); const [, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_4__["default"])(prefixCls); // =============================== Style =============================== const getStyles = () => { var _a; const top = (_a = props.top) !== null && _a !== void 0 ? _a : DEFAULT_OFFSET; return { left: '50%', transform: 'translateX(-50%)', top: typeof top === 'number' ? `${top}px` : top }; }; const getClassName = () => (0,_util_classNames__WEBPACK_IMPORTED_MODULE_5__["default"])(hashId.value, props.rtl ? `${prefixCls.value}-rtl` : ''); // ============================== Motion =============================== const getNotificationMotion = () => { var _a; return (0,_vc_trigger_utils_motionUtil__WEBPACK_IMPORTED_MODULE_6__.getMotion)({ prefixCls: prefixCls.value, animation: (_a = props.animation) !== null && _a !== void 0 ? _a : `move-up`, transitionName: props.transitionName }); }; // ============================ Close Icon ============================= const mergedCloseIcon = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", { "class": `${prefixCls.value}-close-x` }, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_ant_design_icons_vue_es_icons_CloseOutlined__WEBPACK_IMPORTED_MODULE_7__["default"], { "class": `${prefixCls.value}-close-icon` }, null)]); // ============================== Origin =============================== const [api, holder] = (0,_vc_notification__WEBPACK_IMPORTED_MODULE_8__["default"])({ //@ts-ignore getStyles, prefixCls: prefixCls.value, getClassName, motion: getNotificationMotion, closable: false, closeIcon: mergedCloseIcon, duration: (_a = props.duration) !== null && _a !== void 0 ? _a : DEFAULT_DURATION, getContainer: (_b = props.staticGetContainer) !== null && _b !== void 0 ? _b : getPopupContainer.value, maxCount: props.maxCount, onAllRemoved: props.onAllRemoved }); // ================================ Ref ================================ expose((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, api), { prefixCls, hashId })); return holder; } }); // ============================================================================== // == Hook == // ============================================================================== let keyIndex = 0; function useInternalMessage(messageConfig) { const holderRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(null); const holderKey = Symbol('messageHolderKey'); // ================================ API ================================ // Wrap with notification content // >>> close const close = key => { var _a; (_a = holderRef.value) === null || _a === void 0 ? void 0 : _a.close(key); }; // >>> Open const open = config => { if (!holderRef.value) { const fakeResult = () => {}; fakeResult.then = () => {}; return fakeResult; } const { open: originOpen, prefixCls, hashId } = holderRef.value; const noticePrefixCls = `${prefixCls}-notice`; const { content, icon, type, key, class: className, onClose } = config, restConfig = __rest(config, ["content", "icon", "type", "key", "class", "onClose"]); let mergedKey = key; if (mergedKey === undefined || mergedKey === null) { keyIndex += 1; mergedKey = `antd-message-${keyIndex}`; } return (0,_util_util__WEBPACK_IMPORTED_MODULE_9__.wrapPromiseFn)(resolve => { originOpen((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, restConfig), { key: mergedKey, content: () => (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_PurePanel__WEBPACK_IMPORTED_MODULE_10__.PureContent, { "prefixCls": prefixCls, "type": type, "icon": typeof icon === 'function' ? icon() : icon }, { default: () => [typeof content === 'function' ? content() : content] }), placement: 'top', // @ts-ignore class: (0,_util_classNames__WEBPACK_IMPORTED_MODULE_5__["default"])(type && `${noticePrefixCls}-${type}`, hashId, className), onClose: () => { onClose === null || onClose === void 0 ? void 0 : onClose(); resolve(); } })); // Return close function return () => { close(mergedKey); }; }); }; // >>> destroy const destroy = key => { var _a; if (key !== undefined) { close(key); } else { (_a = holderRef.value) === null || _a === void 0 ? void 0 : _a.destroy(); } }; const wrapAPI = { open, destroy }; const keys = ['info', 'success', 'warning', 'error', 'loading']; keys.forEach(type => { const typeOpen = (jointContent, duration, onClose) => { let config; if (jointContent && typeof jointContent === 'object' && 'content' in jointContent) { config = jointContent; } else { config = { content: jointContent }; } // Params let mergedDuration; let mergedOnClose; if (typeof duration === 'function') { mergedOnClose = duration; } else { mergedDuration = duration; mergedOnClose = onClose; } const mergedConfig = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({ onClose: mergedOnClose, duration: mergedDuration }, config), { type }); return open(mergedConfig); }; wrapAPI[type] = typeOpen; }); // ============================== Return =============================== return [wrapAPI, () => (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(Holder, (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "key": holderKey }, messageConfig), {}, { "ref": holderRef }), null)]; } function useMessage(messageConfig) { return useInternalMessage(messageConfig); } /***/ }), /***/ "./components/modal/ConfirmDialog.tsx": /*!********************************************!*\ !*** ./components/modal/ConfirmDialog.tsx ***! \********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_vue_es_icons_CheckCircleFilled__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/CheckCircleFilled */ "./node_modules/@ant-design/icons-vue/es/icons/CheckCircleFilled.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_CloseCircleFilled__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/CloseCircleFilled */ "./node_modules/@ant-design/icons-vue/es/icons/CloseCircleFilled.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_ExclamationCircleFilled__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/ExclamationCircleFilled */ "./node_modules/@ant-design/icons-vue/es/icons/ExclamationCircleFilled.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_InfoCircleFilled__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/InfoCircleFilled */ "./node_modules/@ant-design/icons-vue/es/icons/InfoCircleFilled.js"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _Modal__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./Modal */ "./components/modal/Modal.tsx"); /* harmony import */ var _util_ActionButton__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../_util/ActionButton */ "./components/_util/ActionButton.tsx"); /* harmony import */ var _locale_provider_LocaleReceiver__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../locale-provider/LocaleReceiver */ "./components/locale/LocaleReceiver.tsx"); /* harmony import */ var _util_transition__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../_util/transition */ "./components/_util/transition.tsx"); /* harmony import */ var _util_warning__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../_util/warning */ "./components/_util/warning.ts"); function renderSomeContent(someContent) { if (typeof someContent === 'function') { return someContent(); } return someContent; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)({ name: 'ConfirmDialog', inheritAttrs: false, props: ['icon', 'onCancel', 'onOk', 'close', 'closable', 'zIndex', 'afterClose', 'visible', 'open', 'keyboard', 'centered', 'getContainer', 'maskStyle', 'okButtonProps', 'cancelButtonProps', 'okType', 'prefixCls', 'okCancel', 'width', 'mask', 'maskClosable', 'okText', 'cancelText', 'autoFocusButton', 'transitionName', 'maskTransitionName', 'type', 'title', 'content', 'direction', 'rootPrefixCls', 'bodyStyle', 'closeIcon', 'modalRender', 'focusTriggerAfterClose', 'wrapClassName', 'confirmPrefixCls', 'footer'], setup(props, _ref) { let { attrs } = _ref; const [locale] = (0,_locale_provider_LocaleReceiver__WEBPACK_IMPORTED_MODULE_1__.useLocaleReceiver)('Modal'); if (true) { (0,_util_warning__WEBPACK_IMPORTED_MODULE_2__["default"])(props.visible === undefined, 'Modal', `\`visible\` is deprecated, please use \`open\` instead.`); } return () => { const { icon, onCancel, onOk, close, okText, closable = false, zIndex, afterClose, keyboard, centered, getContainer, maskStyle, okButtonProps, cancelButtonProps, okCancel, width = 416, mask = true, maskClosable = false, type, open, title, content, direction, closeIcon, modalRender, focusTriggerAfterClose, rootPrefixCls, bodyStyle, wrapClassName, footer } = props; // Icon let mergedIcon = icon; // 支持传入{ icon: null }来隐藏`Modal.confirm`默认的Icon if (!icon && icon !== null) { switch (type) { case 'info': mergedIcon = (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_ant_design_icons_vue_es_icons_InfoCircleFilled__WEBPACK_IMPORTED_MODULE_3__["default"], null, null); break; case 'success': mergedIcon = (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_ant_design_icons_vue_es_icons_CheckCircleFilled__WEBPACK_IMPORTED_MODULE_4__["default"], null, null); break; case 'error': mergedIcon = (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_ant_design_icons_vue_es_icons_CloseCircleFilled__WEBPACK_IMPORTED_MODULE_5__["default"], null, null); break; default: mergedIcon = (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_ant_design_icons_vue_es_icons_ExclamationCircleFilled__WEBPACK_IMPORTED_MODULE_6__["default"], null, null); } } const okType = props.okType || 'primary'; const prefixCls = props.prefixCls || 'ant-modal'; const contentPrefixCls = `${prefixCls}-confirm`; const style = attrs.style || {}; const mergedOkCancel = okCancel !== null && okCancel !== void 0 ? okCancel : type === 'confirm'; const autoFocusButton = props.autoFocusButton === null ? false : props.autoFocusButton || 'ok'; const confirmPrefixCls = `${prefixCls}-confirm`; const classString = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_7__["default"])(confirmPrefixCls, `${confirmPrefixCls}-${props.type}`, { [`${confirmPrefixCls}-rtl`]: direction === 'rtl' }, attrs.class); const mergedLocal = locale.value; const cancelButton = mergedOkCancel && (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_util_ActionButton__WEBPACK_IMPORTED_MODULE_8__["default"], { "actionFn": onCancel, "close": close, "autofocus": autoFocusButton === 'cancel', "buttonProps": cancelButtonProps, "prefixCls": `${rootPrefixCls}-btn` }, { default: () => [renderSomeContent(props.cancelText) || mergedLocal.cancelText] }); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_Modal__WEBPACK_IMPORTED_MODULE_9__["default"], { "prefixCls": prefixCls, "class": classString, "wrapClassName": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_7__["default"])({ [`${confirmPrefixCls}-centered`]: !!centered }, wrapClassName), "onCancel": e => close === null || close === void 0 ? void 0 : close({ triggerCancel: true }, e), "open": open, "title": "", "footer": "", "transitionName": (0,_util_transition__WEBPACK_IMPORTED_MODULE_10__.getTransitionName)(rootPrefixCls, 'zoom', props.transitionName), "maskTransitionName": (0,_util_transition__WEBPACK_IMPORTED_MODULE_10__.getTransitionName)(rootPrefixCls, 'fade', props.maskTransitionName), "mask": mask, "maskClosable": maskClosable, "maskStyle": maskStyle, "style": style, "bodyStyle": bodyStyle, "width": width, "zIndex": zIndex, "afterClose": afterClose, "keyboard": keyboard, "centered": centered, "getContainer": getContainer, "closable": closable, "closeIcon": closeIcon, "modalRender": modalRender, "focusTriggerAfterClose": focusTriggerAfterClose }, { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", { "class": `${contentPrefixCls}-body-wrapper` }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", { "class": `${contentPrefixCls}-body` }, [renderSomeContent(mergedIcon), title === undefined ? null : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("span", { "class": `${contentPrefixCls}-title` }, [renderSomeContent(title)]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", { "class": `${contentPrefixCls}-content` }, [renderSomeContent(content)])]), footer !== undefined ? renderSomeContent(footer) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", { "class": `${contentPrefixCls}-btns` }, [cancelButton, (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_util_ActionButton__WEBPACK_IMPORTED_MODULE_8__["default"], { "type": okType, "actionFn": onOk, "close": close, "autofocus": autoFocusButton === 'ok', "buttonProps": okButtonProps, "prefixCls": `${rootPrefixCls}-btn` }, { default: () => [renderSomeContent(okText) || (mergedOkCancel ? mergedLocal.okText : mergedLocal.justOkText)] })])])] }); }; } })); /***/ }), /***/ "./components/modal/Modal.tsx": /*!************************************!*\ !*** ./components/modal/Modal.tsx ***! \************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ modalProps: () => (/* binding */ modalProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _vc_dialog__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../vc-dialog */ "./components/vc-dialog/index.ts"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _vc_util_Dom_addEventListener__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../vc-util/Dom/addEventListener */ "./components/vc-util/Dom/addEventListener.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_CloseOutlined__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/CloseOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/CloseOutlined.js"); /* harmony import */ var _button__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../button */ "./components/button/index.ts"); /* harmony import */ var _button_buttonTypes__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../button/buttonTypes */ "./components/button/buttonTypes.ts"); /* harmony import */ var _locale_provider_LocaleReceiver__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../locale-provider/LocaleReceiver */ "./components/locale/LocaleReceiver.tsx"); /* harmony import */ var _util_props_util_initDefaultProps__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../_util/props-util/initDefaultProps */ "./components/_util/props-util/initDefaultProps.ts"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); /* harmony import */ var _util_styleChecker__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/styleChecker */ "./components/_util/styleChecker.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _util_transition__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../_util/transition */ "./components/_util/transition.tsx"); /* harmony import */ var _util_warning__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../_util/warning */ "./components/_util/warning.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./style */ "./components/modal/style/index.ts"); var __rest = undefined && undefined.__rest || function (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; }; let mousePosition; // ref: https://github.com/ant-design/ant-design/issues/15795 const getClickPosition = e => { mousePosition = { x: e.pageX, y: e.pageY }; // 100ms 内发生过点击事件,则从点击位置动画展示 // 否则直接 zoom 展示 // 这样可以兼容非点击方式展开 setTimeout(() => mousePosition = null, 100); }; // 只有点击事件支持从鼠标位置动画展开 if ((0,_util_styleChecker__WEBPACK_IMPORTED_MODULE_3__.canUseDocElement)()) { (0,_vc_util_Dom_addEventListener__WEBPACK_IMPORTED_MODULE_4__["default"])(document.documentElement, 'click', getClickPosition, true); } const modalProps = () => ({ prefixCls: String, /** @deprecated Please use `open` instead. */ visible: { type: Boolean, default: undefined }, open: { type: Boolean, default: undefined }, confirmLoading: { type: Boolean, default: undefined }, title: _util_vue_types__WEBPACK_IMPORTED_MODULE_5__["default"].any, closable: { type: Boolean, default: undefined }, closeIcon: _util_vue_types__WEBPACK_IMPORTED_MODULE_5__["default"].any, onOk: Function, onCancel: Function, 'onUpdate:visible': Function, 'onUpdate:open': Function, onChange: Function, afterClose: Function, centered: { type: Boolean, default: undefined }, width: [String, Number], footer: _util_vue_types__WEBPACK_IMPORTED_MODULE_5__["default"].any, okText: _util_vue_types__WEBPACK_IMPORTED_MODULE_5__["default"].any, okType: String, cancelText: _util_vue_types__WEBPACK_IMPORTED_MODULE_5__["default"].any, icon: _util_vue_types__WEBPACK_IMPORTED_MODULE_5__["default"].any, maskClosable: { type: Boolean, default: undefined }, forceRender: { type: Boolean, default: undefined }, okButtonProps: (0,_util_type__WEBPACK_IMPORTED_MODULE_6__.objectType)(), cancelButtonProps: (0,_util_type__WEBPACK_IMPORTED_MODULE_6__.objectType)(), destroyOnClose: { type: Boolean, default: undefined }, wrapClassName: String, maskTransitionName: String, transitionName: String, getContainer: { type: [String, Function, Boolean, Object], default: undefined }, zIndex: Number, bodyStyle: (0,_util_type__WEBPACK_IMPORTED_MODULE_6__.objectType)(), maskStyle: (0,_util_type__WEBPACK_IMPORTED_MODULE_6__.objectType)(), mask: { type: Boolean, default: undefined }, keyboard: { type: Boolean, default: undefined }, wrapProps: Object, focusTriggerAfterClose: { type: Boolean, default: undefined }, modalRender: Function, mousePosition: (0,_util_type__WEBPACK_IMPORTED_MODULE_6__.objectType)() }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'AModal', inheritAttrs: false, props: (0,_util_props_util_initDefaultProps__WEBPACK_IMPORTED_MODULE_7__["default"])(modalProps(), { width: 520, confirmLoading: false, okType: 'primary' }), setup(props, _ref) { let { emit, slots, attrs } = _ref; const [locale] = (0,_locale_provider_LocaleReceiver__WEBPACK_IMPORTED_MODULE_8__.useLocaleReceiver)('Modal'); const { prefixCls, rootPrefixCls, direction, getPopupContainer } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_9__["default"])('modal', props); const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_10__["default"])(prefixCls); (0,_util_warning__WEBPACK_IMPORTED_MODULE_11__["default"])(props.visible === undefined, 'Modal', `\`visible\` will be removed in next major version, please use \`open\` instead.`); const handleCancel = e => { emit('update:visible', false); emit('update:open', false); emit('cancel', e); emit('change', false); }; const handleOk = e => { emit('ok', e); }; const renderFooter = () => { var _a, _b; const { okText = (_a = slots.okText) === null || _a === void 0 ? void 0 : _a.call(slots), okType, cancelText = (_b = slots.cancelText) === null || _b === void 0 ? void 0 : _b.call(slots), confirmLoading } = props; return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_2__.Fragment, null, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_button__WEBPACK_IMPORTED_MODULE_12__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])({ "onClick": handleCancel }, props.cancelButtonProps), { default: () => [cancelText || locale.value.cancelText] }), (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_button__WEBPACK_IMPORTED_MODULE_12__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])({}, (0,_button_buttonTypes__WEBPACK_IMPORTED_MODULE_13__.convertLegacyProps)(okType)), {}, { "loading": confirmLoading, "onClick": handleOk }, props.okButtonProps), { default: () => [okText || locale.value.okText] })]); }; return () => { var _a, _b; const { prefixCls: customizePrefixCls, visible, open, wrapClassName, centered, getContainer, closeIcon = (_a = slots.closeIcon) === null || _a === void 0 ? void 0 : _a.call(slots), focusTriggerAfterClose = true } = props, restProps = __rest(props, ["prefixCls", "visible", "open", "wrapClassName", "centered", "getContainer", "closeIcon", "focusTriggerAfterClose"]); const wrapClassNameExtended = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_14__["default"])(wrapClassName, { [`${prefixCls.value}-centered`]: !!centered, [`${prefixCls.value}-wrap-rtl`]: direction.value === 'rtl' }); return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_vc_dialog__WEBPACK_IMPORTED_MODULE_15__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])({}, restProps), attrs), {}, { "rootClassName": hashId.value, "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_14__["default"])(hashId.value, attrs.class), "getContainer": getContainer || (getPopupContainer === null || getPopupContainer === void 0 ? void 0 : getPopupContainer.value), "prefixCls": prefixCls.value, "wrapClassName": wrapClassNameExtended, "visible": open !== null && open !== void 0 ? open : visible, "onClose": handleCancel, "focusTriggerAfterClose": focusTriggerAfterClose, "transitionName": (0,_util_transition__WEBPACK_IMPORTED_MODULE_16__.getTransitionName)(rootPrefixCls.value, 'zoom', props.transitionName), "maskTransitionName": (0,_util_transition__WEBPACK_IMPORTED_MODULE_16__.getTransitionName)(rootPrefixCls.value, 'fade', props.maskTransitionName), "mousePosition": (_b = restProps.mousePosition) !== null && _b !== void 0 ? _b : mousePosition }), (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, slots), { footer: slots.footer || renderFooter, closeIcon: () => { return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", { "class": `${prefixCls.value}-close-x` }, [closeIcon || (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_ant_design_icons_vue_es_icons_CloseOutlined__WEBPACK_IMPORTED_MODULE_17__["default"], { "class": `${prefixCls.value}-close-icon` }, null)]); } }))); }; } })); /***/ }), /***/ "./components/modal/confirm.tsx": /*!**************************************!*\ !*** ./components/modal/confirm.tsx ***! \**************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ withConfirm: () => (/* binding */ withConfirm), /* harmony export */ withError: () => (/* binding */ withError), /* harmony export */ withInfo: () => (/* binding */ withInfo), /* harmony export */ withSuccess: () => (/* binding */ withSuccess), /* harmony export */ withWarn: () => (/* binding */ withWarn) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ConfirmDialog__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./ConfirmDialog */ "./components/modal/ConfirmDialog.tsx"); /* harmony import */ var _config_provider__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../config-provider */ "./components/config-provider/index.tsx"); /* harmony import */ var _util_omit__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/omit */ "./components/_util/omit.ts"); /* harmony import */ var _util_vnode__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../_util/vnode */ "./components/_util/vnode.ts"); /* harmony import */ var _locale__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./locale */ "./components/modal/locale.ts"); /* harmony import */ var _destroyFns__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./destroyFns */ "./components/modal/destroyFns.ts"); const confirm = config => { const container = document.createDocumentFragment(); let currentConfig = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, (0,_util_omit__WEBPACK_IMPORTED_MODULE_3__["default"])(config, ['parentContext', 'appContext'])), { close, open: true }); let confirmDialogInstance = null; function destroy() { if (confirmDialogInstance) { // destroy (0,vue__WEBPACK_IMPORTED_MODULE_2__.render)(null, container); confirmDialogInstance = null; } for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) { args[_key] = arguments[_key]; } const triggerCancel = args.some(param => param && param.triggerCancel); if (config.onCancel && triggerCancel) { config.onCancel(() => {}, ...args.slice(1)); } for (let i = 0; i < _destroyFns__WEBPACK_IMPORTED_MODULE_4__["default"].length; i++) { const fn = _destroyFns__WEBPACK_IMPORTED_MODULE_4__["default"][i]; if (fn === close) { _destroyFns__WEBPACK_IMPORTED_MODULE_4__["default"].splice(i, 1); break; } } } function close() { for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) { args[_key2] = arguments[_key2]; } currentConfig = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, currentConfig), { open: false, afterClose: () => { if (typeof config.afterClose === 'function') { config.afterClose(); } destroy.apply(this, args); } }); // Legacy support if (currentConfig.visible) { delete currentConfig.visible; } update(currentConfig); } function update(configUpdate) { if (typeof configUpdate === 'function') { currentConfig = configUpdate(currentConfig); } else { currentConfig = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, currentConfig), configUpdate); } if (confirmDialogInstance) { (0,_util_vnode__WEBPACK_IMPORTED_MODULE_5__.triggerVNodeUpdate)(confirmDialogInstance, currentConfig, container); } } const Wrapper = p => { const global = _config_provider__WEBPACK_IMPORTED_MODULE_6__.globalConfigForApi; const rootPrefixCls = global.prefixCls; const prefixCls = p.prefixCls || `${rootPrefixCls}-modal`; const iconPrefixCls = global.iconPrefixCls; const runtimeLocale = (0,_locale__WEBPACK_IMPORTED_MODULE_7__.getConfirmLocale)(); return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_config_provider__WEBPACK_IMPORTED_MODULE_6__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, global), {}, { "prefixCls": rootPrefixCls }), { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_ConfirmDialog__WEBPACK_IMPORTED_MODULE_8__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, p), {}, { "rootPrefixCls": rootPrefixCls, "prefixCls": prefixCls, "iconPrefixCls": iconPrefixCls, "locale": runtimeLocale, "cancelText": p.cancelText || runtimeLocale.cancelText }), null)] }); }; function render(props) { const vm = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(Wrapper, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, props)); vm.appContext = config.parentContext || config.appContext || vm.appContext; (0,vue__WEBPACK_IMPORTED_MODULE_2__.render)(vm, container); return vm; } confirmDialogInstance = render(currentConfig); _destroyFns__WEBPACK_IMPORTED_MODULE_4__["default"].push(close); return { destroy: close, update }; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (confirm); function withWarn(props) { return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, props), { type: 'warning' }); } function withInfo(props) { return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, props), { type: 'info' }); } function withSuccess(props) { return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, props), { type: 'success' }); } function withError(props) { return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, props), { type: 'error' }); } function withConfirm(props) { return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, props), { type: 'confirm' }); } /***/ }), /***/ "./components/modal/destroyFns.ts": /*!****************************************!*\ !*** ./components/modal/destroyFns.ts ***! \****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); const destroyFns = []; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (destroyFns); /***/ }), /***/ "./components/modal/index.tsx": /*!************************************!*\ !*** ./components/modal/index.tsx ***! \************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _Modal__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Modal */ "./components/modal/Modal.tsx"); /* harmony import */ var _confirm__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./confirm */ "./components/modal/confirm.tsx"); /* harmony import */ var _useModal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./useModal */ "./components/modal/useModal/index.tsx"); /* harmony import */ var _destroyFns__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./destroyFns */ "./components/modal/destroyFns.ts"); function modalWarn(props) { return (0,_confirm__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_confirm__WEBPACK_IMPORTED_MODULE_0__.withWarn)(props)); } _Modal__WEBPACK_IMPORTED_MODULE_1__["default"].useModal = _useModal__WEBPACK_IMPORTED_MODULE_2__["default"]; _Modal__WEBPACK_IMPORTED_MODULE_1__["default"].info = function infoFn(props) { return (0,_confirm__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_confirm__WEBPACK_IMPORTED_MODULE_0__.withInfo)(props)); }; _Modal__WEBPACK_IMPORTED_MODULE_1__["default"].success = function successFn(props) { return (0,_confirm__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_confirm__WEBPACK_IMPORTED_MODULE_0__.withSuccess)(props)); }; _Modal__WEBPACK_IMPORTED_MODULE_1__["default"].error = function errorFn(props) { return (0,_confirm__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_confirm__WEBPACK_IMPORTED_MODULE_0__.withError)(props)); }; _Modal__WEBPACK_IMPORTED_MODULE_1__["default"].warning = modalWarn; _Modal__WEBPACK_IMPORTED_MODULE_1__["default"].warn = modalWarn; _Modal__WEBPACK_IMPORTED_MODULE_1__["default"].confirm = function confirmFn(props) { return (0,_confirm__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_confirm__WEBPACK_IMPORTED_MODULE_0__.withConfirm)(props)); }; _Modal__WEBPACK_IMPORTED_MODULE_1__["default"].destroyAll = function destroyAllFn() { while (_destroyFns__WEBPACK_IMPORTED_MODULE_3__["default"].length) { const close = _destroyFns__WEBPACK_IMPORTED_MODULE_3__["default"].pop(); if (close) { close(); } } }; /* istanbul ignore next */ _Modal__WEBPACK_IMPORTED_MODULE_1__["default"].install = function (app) { app.component(_Modal__WEBPACK_IMPORTED_MODULE_1__["default"].name, _Modal__WEBPACK_IMPORTED_MODULE_1__["default"]); return app; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_Modal__WEBPACK_IMPORTED_MODULE_1__["default"]); /***/ }), /***/ "./components/modal/locale.ts": /*!************************************!*\ !*** ./components/modal/locale.ts ***! \************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ changeConfirmLocale: () => (/* binding */ changeConfirmLocale), /* harmony export */ getConfirmLocale: () => (/* binding */ getConfirmLocale) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _locale_en_US__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../locale/en_US */ "./components/locale/en_US.ts"); let runtimeLocale = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, _locale_en_US__WEBPACK_IMPORTED_MODULE_1__["default"].Modal); function changeConfirmLocale(newLocale) { if (newLocale) { runtimeLocale = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, runtimeLocale), newLocale); } else { runtimeLocale = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, _locale_en_US__WEBPACK_IMPORTED_MODULE_1__["default"].Modal); } } function getConfirmLocale() { return runtimeLocale; } /***/ }), /***/ "./components/modal/style/index.ts": /*!*****************************************!*\ !*** ./components/modal/style/index.ts ***! \*****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ genModalMaskStyle: () => (/* binding */ genModalMaskStyle) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _style_motion__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../style/motion */ "./components/style/motion/fade.ts"); /* harmony import */ var _style_motion__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../style/motion */ "./components/style/motion/zoom.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/genComponentStyleHook.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/statistic.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../style */ "./components/style/index.ts"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); function box(position) { return { position, top: 0, insetInlineEnd: 0, bottom: 0, insetInlineStart: 0 }; } const genModalMaskStyle = token => { const { componentCls } = token; return [{ [`${componentCls}-root`]: { [`${componentCls}${token.antCls}-zoom-enter, ${componentCls}${token.antCls}-zoom-appear`]: { // reset scale avoid mousePosition bug transform: 'none', opacity: 0, animationDuration: token.motionDurationSlow, // https://github.com/ant-design/ant-design/issues/11777 userSelect: 'none' }, [`${componentCls}${token.antCls}-zoom-leave ${componentCls}-content`]: { pointerEvents: 'none' }, [`${componentCls}-mask`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, box('fixed')), { zIndex: token.zIndexPopupBase, height: '100%', backgroundColor: token.colorBgMask, [`${componentCls}-hidden`]: { display: 'none' } }), [`${componentCls}-wrap`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, box('fixed')), { overflow: 'auto', outline: 0, WebkitOverflowScrolling: 'touch' }) } }, { [`${componentCls}-root`]: (0,_style_motion__WEBPACK_IMPORTED_MODULE_2__.initFadeMotion)(token) }]; }; const genModalStyle = token => { const { componentCls } = token; return [ // ======================== Root ========================= { [`${componentCls}-root`]: { [`${componentCls}-wrap`]: { zIndex: token.zIndexPopupBase, position: 'fixed', inset: 0, overflow: 'auto', outline: 0, WebkitOverflowScrolling: 'touch' }, [`${componentCls}-wrap-rtl`]: { direction: 'rtl' }, [`${componentCls}-centered`]: { textAlign: 'center', '&::before': { display: 'inline-block', width: 0, height: '100%', verticalAlign: 'middle', content: '""' }, [componentCls]: { top: 0, display: 'inline-block', paddingBottom: 0, textAlign: 'start', verticalAlign: 'middle' } }, [`@media (max-width: ${token.screenSMMax})`]: { [componentCls]: { maxWidth: 'calc(100vw - 16px)', margin: `${token.marginXS} auto` }, [`${componentCls}-centered`]: { [componentCls]: { flex: 1 } } } } }, // ======================== Modal ======================== { [componentCls]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_3__.resetComponent)(token)), { pointerEvents: 'none', position: 'relative', top: 100, width: 'auto', maxWidth: `calc(100vw - ${token.margin * 2}px)`, margin: '0 auto', paddingBottom: token.paddingLG, [`${componentCls}-title`]: { margin: 0, color: token.modalHeadingColor, fontWeight: token.fontWeightStrong, fontSize: token.modalHeaderTitleFontSize, lineHeight: token.modalHeaderTitleLineHeight, wordWrap: 'break-word' }, [`${componentCls}-content`]: { position: 'relative', backgroundColor: token.modalContentBg, backgroundClip: 'padding-box', border: 0, borderRadius: token.borderRadiusLG, boxShadow: token.boxShadowSecondary, pointerEvents: 'auto', padding: `${token.paddingMD}px ${token.paddingContentHorizontalLG}px` }, [`${componentCls}-close`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ position: 'absolute', top: (token.modalHeaderCloseSize - token.modalCloseBtnSize) / 2, insetInlineEnd: (token.modalHeaderCloseSize - token.modalCloseBtnSize) / 2, zIndex: token.zIndexPopupBase + 10, padding: 0, color: token.modalCloseColor, fontWeight: token.fontWeightStrong, lineHeight: 1, textDecoration: 'none', background: 'transparent', borderRadius: token.borderRadiusSM, width: token.modalConfirmIconSize, height: token.modalConfirmIconSize, border: 0, outline: 0, cursor: 'pointer', transition: `color ${token.motionDurationMid}, background-color ${token.motionDurationMid}`, '&-x': { display: 'block', fontSize: token.fontSizeLG, fontStyle: 'normal', lineHeight: `${token.modalCloseBtnSize}px`, textAlign: 'center', textTransform: 'none', textRendering: 'auto' }, '&:hover': { color: token.modalIconHoverColor, backgroundColor: token.wireframe ? 'transparent' : token.colorFillContent, textDecoration: 'none' }, '&:active': { backgroundColor: token.wireframe ? 'transparent' : token.colorFillContentHover } }, (0,_style__WEBPACK_IMPORTED_MODULE_3__.genFocusStyle)(token)), [`${componentCls}-header`]: { color: token.colorText, background: token.modalHeaderBg, borderRadius: `${token.borderRadiusLG}px ${token.borderRadiusLG}px 0 0`, marginBottom: token.marginXS }, [`${componentCls}-body`]: { fontSize: token.fontSize, lineHeight: token.lineHeight, wordWrap: 'break-word' }, [`${componentCls}-footer`]: { textAlign: 'end', background: token.modalFooterBg, marginTop: token.marginSM, [`${token.antCls}-btn + ${token.antCls}-btn:not(${token.antCls}-dropdown-trigger)`]: { marginBottom: 0, marginInlineStart: token.marginXS } }, [`${componentCls}-open`]: { overflow: 'hidden' } }) }, // ======================== Pure ========================= { [`${componentCls}-pure-panel`]: { top: 'auto', padding: 0, display: 'flex', flexDirection: 'column', [`${componentCls}-content, ${componentCls}-body, ${componentCls}-confirm-body-wrapper`]: { display: 'flex', flexDirection: 'column', flex: 'auto' }, [`${componentCls}-confirm-body`]: { marginBottom: 'auto' } } }]; }; const genModalConfirmStyle = token => { const { componentCls } = token; const confirmComponentCls = `${componentCls}-confirm`; return { [confirmComponentCls]: { '&-rtl': { direction: 'rtl' }, [`${token.antCls}-modal-header`]: { display: 'none' }, [`${confirmComponentCls}-body-wrapper`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_3__.clearFix)()), [`${confirmComponentCls}-body`]: { display: 'flex', flexWrap: 'wrap', alignItems: 'center', [`${confirmComponentCls}-title`]: { flex: '0 0 100%', display: 'block', // create BFC to avoid // https://user-images.githubusercontent.com/507615/37702510-ba844e06-2d2d-11e8-9b67-8e19be57f445.png overflow: 'hidden', color: token.colorTextHeading, fontWeight: token.fontWeightStrong, fontSize: token.modalHeaderTitleFontSize, lineHeight: token.modalHeaderTitleLineHeight, [`+ ${confirmComponentCls}-content`]: { marginBlockStart: token.marginXS, flexBasis: '100%', maxWidth: `calc(100% - ${token.modalConfirmIconSize + token.marginSM}px)` } }, [`${confirmComponentCls}-content`]: { color: token.colorText, fontSize: token.fontSize }, [`> ${token.iconCls}`]: { flex: 'none', marginInlineEnd: token.marginSM, fontSize: token.modalConfirmIconSize, [`+ ${confirmComponentCls}-title`]: { flex: 1 }, // `content` after `icon` should set marginLeft [`+ ${confirmComponentCls}-title + ${confirmComponentCls}-content`]: { marginInlineStart: token.modalConfirmIconSize + token.marginSM } } }, [`${confirmComponentCls}-btns`]: { textAlign: 'end', marginTop: token.marginSM, [`${token.antCls}-btn + ${token.antCls}-btn`]: { marginBottom: 0, marginInlineStart: token.marginXS } } }, [`${confirmComponentCls}-error ${confirmComponentCls}-body > ${token.iconCls}`]: { color: token.colorError }, [`${confirmComponentCls}-warning ${confirmComponentCls}-body > ${token.iconCls}, ${confirmComponentCls}-confirm ${confirmComponentCls}-body > ${token.iconCls}`]: { color: token.colorWarning }, [`${confirmComponentCls}-info ${confirmComponentCls}-body > ${token.iconCls}`]: { color: token.colorInfo }, [`${confirmComponentCls}-success ${confirmComponentCls}-body > ${token.iconCls}`]: { color: token.colorSuccess }, // https://github.com/ant-design/ant-design/issues/37329 [`${componentCls}-zoom-leave ${componentCls}-btns`]: { pointerEvents: 'none' } }; }; const genRTLStyle = token => { const { componentCls } = token; return { [`${componentCls}-root`]: { [`${componentCls}-wrap-rtl`]: { direction: 'rtl', [`${componentCls}-confirm-body`]: { direction: 'rtl' } } } }; }; const genWireframeStyle = token => { const { componentCls, antCls } = token; const confirmComponentCls = `${componentCls}-confirm`; return { [componentCls]: { [`${componentCls}-content`]: { padding: 0 }, [`${componentCls}-header`]: { padding: token.modalHeaderPadding, borderBottom: `${token.modalHeaderBorderWidth}px ${token.modalHeaderBorderStyle} ${token.modalHeaderBorderColorSplit}`, marginBottom: 0 }, [`${componentCls}-body`]: { padding: token.modalBodyPadding }, [`${componentCls}-footer`]: { padding: `${token.modalFooterPaddingVertical}px ${token.modalFooterPaddingHorizontal}px`, borderTop: `${token.modalFooterBorderWidth}px ${token.modalFooterBorderStyle} ${token.modalFooterBorderColorSplit}`, borderRadius: `0 0 ${token.borderRadiusLG}px ${token.borderRadiusLG}px`, marginTop: 0 } }, [confirmComponentCls]: { [`${antCls}-modal-body`]: { padding: `${token.padding * 2}px ${token.padding * 2}px ${token.paddingLG}px` }, [`${confirmComponentCls}-body`]: { [`> ${token.iconCls}`]: { marginInlineEnd: token.margin, // `content` after `icon` should set marginLeft [`+ ${confirmComponentCls}-title + ${confirmComponentCls}-content`]: { marginInlineStart: token.modalConfirmIconSize + token.margin } } }, [`${confirmComponentCls}-btns`]: { marginTop: token.marginLG } } }; }; // ============================== Export ============================== /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_theme_internal__WEBPACK_IMPORTED_MODULE_4__["default"])('Modal', token => { const headerPaddingVertical = token.padding; const headerFontSize = token.fontSizeHeading5; const headerLineHeight = token.lineHeightHeading5; const modalToken = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_5__.merge)(token, { modalBodyPadding: token.paddingLG, modalHeaderBg: token.colorBgElevated, modalHeaderPadding: `${headerPaddingVertical}px ${token.paddingLG}px`, modalHeaderBorderWidth: token.lineWidth, modalHeaderBorderStyle: token.lineType, modalHeaderTitleLineHeight: headerLineHeight, modalHeaderTitleFontSize: headerFontSize, modalHeaderBorderColorSplit: token.colorSplit, modalHeaderCloseSize: headerLineHeight * headerFontSize + headerPaddingVertical * 2, modalContentBg: token.colorBgElevated, modalHeadingColor: token.colorTextHeading, modalCloseColor: token.colorTextDescription, modalFooterBg: 'transparent', modalFooterBorderColorSplit: token.colorSplit, modalFooterBorderStyle: token.lineType, modalFooterPaddingVertical: token.paddingXS, modalFooterPaddingHorizontal: token.padding, modalFooterBorderWidth: token.lineWidth, modalConfirmTitleFontSize: token.fontSizeLG, modalIconHoverColor: token.colorIconHover, modalConfirmIconSize: token.fontSize * token.lineHeight, modalCloseBtnSize: token.controlHeightLG * 0.55 }); return [genModalStyle(modalToken), genModalConfirmStyle(modalToken), genRTLStyle(modalToken), genModalMaskStyle(modalToken), token.wireframe && genWireframeStyle(modalToken), (0,_style_motion__WEBPACK_IMPORTED_MODULE_6__.initZoomMotion)(modalToken, 'zoom')]; })); /***/ }), /***/ "./components/modal/useModal/HookModal.tsx": /*!*************************************************!*\ !*** ./components/modal/useModal/HookModal.tsx ***! \*************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _config_provider_context__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../config-provider/context */ "./components/config-provider/context.ts"); /* harmony import */ var _locale_provider_LocaleReceiver__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../locale-provider/LocaleReceiver */ "./components/locale/LocaleReceiver.tsx"); /* harmony import */ var _locale_en_US__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../locale/en_US */ "./components/locale/en_US.ts"); /* harmony import */ var _ConfirmDialog__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../ConfirmDialog */ "./components/modal/ConfirmDialog.tsx"); /* harmony import */ var _util_props_util_initDefaultProps__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../_util/props-util/initDefaultProps */ "./components/_util/props-util/initDefaultProps.ts"); const comfirmFuncProps = () => ({ config: Object, afterClose: Function, destroyAction: Function, open: Boolean }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ name: 'HookModal', inheritAttrs: false, props: (0,_util_props_util_initDefaultProps__WEBPACK_IMPORTED_MODULE_2__["default"])(comfirmFuncProps(), { config: { width: 520, okType: 'primary' } }), setup(props, _ref) { let { expose } = _ref; var _a; const open = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => props.open); const innerConfig = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => props.config); const { direction, getPrefixCls } = (0,_config_provider_context__WEBPACK_IMPORTED_MODULE_3__.useConfigContextInject)(); const prefixCls = getPrefixCls('modal'); const rootPrefixCls = getPrefixCls(); const afterClose = () => { var _a, _b; props === null || props === void 0 ? void 0 : props.afterClose(); (_b = (_a = innerConfig.value).afterClose) === null || _b === void 0 ? void 0 : _b.call(_a); }; const close = function () { props.destroyAction(...arguments); }; expose({ destroy: close }); const mergedOkCancel = (_a = innerConfig.value.okCancel) !== null && _a !== void 0 ? _a : innerConfig.value.type === 'confirm'; const [contextLocale] = (0,_locale_provider_LocaleReceiver__WEBPACK_IMPORTED_MODULE_4__.useLocaleReceiver)('Modal', _locale_en_US__WEBPACK_IMPORTED_MODULE_5__["default"].Modal); return () => (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_ConfirmDialog__WEBPACK_IMPORTED_MODULE_6__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "prefixCls": prefixCls, "rootPrefixCls": rootPrefixCls }, innerConfig.value), {}, { "close": close, "open": open.value, "afterClose": afterClose, "okText": innerConfig.value.okText || (mergedOkCancel ? contextLocale === null || contextLocale === void 0 ? void 0 : contextLocale.value.okText : contextLocale === null || contextLocale === void 0 ? void 0 : contextLocale.value.justOkText), "direction": innerConfig.value.direction || direction.value, "cancelText": innerConfig.value.cancelText || (contextLocale === null || contextLocale === void 0 ? void 0 : contextLocale.value.cancelText) }), null); } })); /***/ }), /***/ "./components/modal/useModal/index.tsx": /*!*********************************************!*\ !*** ./components/modal/useModal/index.tsx ***! \*********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _confirm__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../confirm */ "./components/modal/confirm.tsx"); /* harmony import */ var _HookModal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./HookModal */ "./components/modal/useModal/HookModal.tsx"); /* harmony import */ var _destroyFns__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../destroyFns */ "./components/modal/destroyFns.ts"); let uuid = 0; const ElementsHolder = (0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ name: 'ElementsHolder', inheritAttrs: false, setup(_, _ref) { let { expose } = _ref; const modals = (0,vue__WEBPACK_IMPORTED_MODULE_1__.shallowRef)([]); const addModal = modal => { modals.value.push(modal); modals.value = modals.value.slice(); return () => { modals.value = modals.value.filter(currentModal => currentModal !== modal); }; }; expose({ addModal }); return () => { return modals.value.map(modal => modal()); }; } }); function useModal() { const holderRef = (0,vue__WEBPACK_IMPORTED_MODULE_1__.shallowRef)(null); // ========================== Effect ========================== const actionQueue = (0,vue__WEBPACK_IMPORTED_MODULE_1__.shallowRef)([]); (0,vue__WEBPACK_IMPORTED_MODULE_1__.watch)(actionQueue, () => { if (actionQueue.value.length) { const cloneQueue = [...actionQueue.value]; cloneQueue.forEach(action => { action(); }); actionQueue.value = []; } }, { immediate: true }); // =========================== Hook =========================== const getConfirmFunc = withFunc => function hookConfirm(config) { var _a; uuid += 1; const open = (0,vue__WEBPACK_IMPORTED_MODULE_1__.shallowRef)(true); const modalRef = (0,vue__WEBPACK_IMPORTED_MODULE_1__.shallowRef)(null); const configRef = (0,vue__WEBPACK_IMPORTED_MODULE_1__.shallowRef)((0,vue__WEBPACK_IMPORTED_MODULE_1__.unref)(config)); const updateConfig = (0,vue__WEBPACK_IMPORTED_MODULE_1__.shallowRef)({}); (0,vue__WEBPACK_IMPORTED_MODULE_1__.watch)(() => config, val => { updateAction((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,vue__WEBPACK_IMPORTED_MODULE_1__.isRef)(val) ? val.value : val), updateConfig.value)); }); const destroyAction = function () { open.value = false; for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) { args[_key] = arguments[_key]; } const triggerCancel = args.some(param => param && param.triggerCancel); if (configRef.value.onCancel && triggerCancel) { configRef.value.onCancel(() => {}, ...args.slice(1)); } }; // eslint-disable-next-line prefer-const let closeFunc; const modal = () => (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_HookModal__WEBPACK_IMPORTED_MODULE_2__["default"], { "key": `modal-${uuid}`, "config": withFunc(configRef.value), "ref": modalRef, "open": open.value, "destroyAction": destroyAction, "afterClose": () => { closeFunc === null || closeFunc === void 0 ? void 0 : closeFunc(); } }, null); closeFunc = (_a = holderRef.value) === null || _a === void 0 ? void 0 : _a.addModal(modal); if (closeFunc) { _destroyFns__WEBPACK_IMPORTED_MODULE_3__["default"].push(closeFunc); } const updateAction = newConfig => { configRef.value = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, configRef.value), newConfig); }; const destroy = () => { if (modalRef.value) { destroyAction(); } else { actionQueue.value = [...actionQueue.value, destroyAction]; } }; const update = newConfig => { updateConfig.value = newConfig; if (modalRef.value) { updateAction(newConfig); } else { actionQueue.value = [...actionQueue.value, () => updateAction(newConfig)]; } }; return { destroy, update }; }; const fns = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => ({ info: getConfirmFunc(_confirm__WEBPACK_IMPORTED_MODULE_4__.withInfo), success: getConfirmFunc(_confirm__WEBPACK_IMPORTED_MODULE_4__.withSuccess), error: getConfirmFunc(_confirm__WEBPACK_IMPORTED_MODULE_4__.withError), warning: getConfirmFunc(_confirm__WEBPACK_IMPORTED_MODULE_4__.withWarn), confirm: getConfirmFunc(_confirm__WEBPACK_IMPORTED_MODULE_4__.withConfirm) })); const holderKey = Symbol('modalHolderKey'); return [fns.value, () => (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(ElementsHolder, { "key": holderKey, "ref": holderRef }, null)]; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useModal); /***/ }), /***/ "./components/notification/PurePanel.tsx": /*!***********************************************!*\ !*** ./components/notification/PurePanel.tsx ***! \***********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ PureContent: () => (/* binding */ PureContent), /* harmony export */ TypeIcon: () => (/* binding */ TypeIcon), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ getCloseIcon: () => (/* binding */ getCloseIcon) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./style */ "./components/notification/style/index.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _vc_notification_Notice__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../vc-notification/Notice */ "./components/vc-notification/Notice.tsx"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _ant_design_icons_vue_es_icons_LoadingOutlined__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/LoadingOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/LoadingOutlined.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_ExclamationCircleFilled__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/ExclamationCircleFilled */ "./node_modules/@ant-design/icons-vue/es/icons/ExclamationCircleFilled.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_CloseCircleFilled__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/CloseCircleFilled */ "./node_modules/@ant-design/icons-vue/es/icons/CloseCircleFilled.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_CheckCircleFilled__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/CheckCircleFilled */ "./node_modules/@ant-design/icons-vue/es/icons/CheckCircleFilled.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_InfoCircleFilled__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/InfoCircleFilled */ "./node_modules/@ant-design/icons-vue/es/icons/InfoCircleFilled.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_CloseOutlined__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/CloseOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/CloseOutlined.js"); /* harmony import */ var _util_util__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../_util/util */ "./components/_util/util.ts"); function getCloseIcon(prefixCls, closeIcon) { return closeIcon || (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", { "class": `${prefixCls}-close-x` }, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_ant_design_icons_vue_es_icons_CloseOutlined__WEBPACK_IMPORTED_MODULE_2__["default"], { "class": `${prefixCls}-close-icon` }, null)]); } const TypeIcon = { info: (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_ant_design_icons_vue_es_icons_InfoCircleFilled__WEBPACK_IMPORTED_MODULE_3__["default"], null, null), success: (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_ant_design_icons_vue_es_icons_CheckCircleFilled__WEBPACK_IMPORTED_MODULE_4__["default"], null, null), error: (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_ant_design_icons_vue_es_icons_CloseCircleFilled__WEBPACK_IMPORTED_MODULE_5__["default"], null, null), warning: (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_ant_design_icons_vue_es_icons_ExclamationCircleFilled__WEBPACK_IMPORTED_MODULE_6__["default"], null, null), loading: (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_ant_design_icons_vue_es_icons_LoadingOutlined__WEBPACK_IMPORTED_MODULE_7__["default"], null, null) }; const typeToIcon = { success: _ant_design_icons_vue_es_icons_CheckCircleFilled__WEBPACK_IMPORTED_MODULE_4__["default"], info: _ant_design_icons_vue_es_icons_InfoCircleFilled__WEBPACK_IMPORTED_MODULE_3__["default"], error: _ant_design_icons_vue_es_icons_CloseCircleFilled__WEBPACK_IMPORTED_MODULE_5__["default"], warning: _ant_design_icons_vue_es_icons_ExclamationCircleFilled__WEBPACK_IMPORTED_MODULE_6__["default"] }; function PureContent(_ref) { let { prefixCls, icon, type, message, description, btn } = _ref; let iconNode = null; if (icon) { iconNode = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", { "class": `${prefixCls}-icon` }, [(0,_util_util__WEBPACK_IMPORTED_MODULE_8__.renderHelper)(icon)]); } else if (type) { const Icon = typeToIcon[type]; iconNode = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(Icon, { "class": `${prefixCls}-icon ${prefixCls}-icon-${type}` }, null); } return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_9__["default"])({ [`${prefixCls}-with-icon`]: iconNode }), "role": "alert" }, [iconNode, (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${prefixCls}-message` }, [message]), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${prefixCls}-description` }, [description]), btn && (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${prefixCls}-btn` }, [btn])]); } /** @private Internal Component. Do not use in your production. */ /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ name: 'PurePanel', inheritAttrs: false, props: ['prefixCls', 'icon', 'type', 'message', 'description', 'btn', 'closeIcon'], setup(props) { const { getPrefixCls } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_10__["default"])('notification', props); const prefixCls = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => props.prefixCls || getPrefixCls('notification')); const noticePrefixCls = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => `${prefixCls.value}-notice`); const [, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_11__["default"])(prefixCls); return () => { return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_vc_notification_Notice__WEBPACK_IMPORTED_MODULE_12__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props), {}, { "prefixCls": prefixCls.value, "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_9__["default"])(hashId.value, `${noticePrefixCls.value}-pure-panel`), "noticeKey": "pure", "duration": null, "closable": props.closable, "closeIcon": getCloseIcon(prefixCls.value, props.closeIcon) }), { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(PureContent, { "prefixCls": noticePrefixCls.value, "icon": props.icon, "type": props.type, "message": props.message, "description": props.description, "btn": props.btn }, null)] }); }; } })); /***/ }), /***/ "./components/notification/index.tsx": /*!*******************************************!*\ !*** ./components/notification/index.tsx ***! \*******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ getInstance: () => (/* binding */ getInstance) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _vc_notification__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../vc-notification */ "./components/vc-notification/index.ts"); /* harmony import */ var _ant_design_icons_vue_es_icons_CheckCircleOutlined__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/CheckCircleOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/CheckCircleOutlined.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_InfoCircleOutlined__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/InfoCircleOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/InfoCircleOutlined.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_CloseCircleOutlined__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/CloseCircleOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/CloseCircleOutlined.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_ExclamationCircleOutlined__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/ExclamationCircleOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/ExclamationCircleOutlined.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_CloseOutlined__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/CloseOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/CloseOutlined.js"); /* harmony import */ var _util_util__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../_util/util */ "./components/_util/util.ts"); /* harmony import */ var _config_provider__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../config-provider */ "./components/config-provider/index.tsx"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./style */ "./components/notification/style/index.ts"); /* harmony import */ var _useNotification__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./useNotification */ "./components/notification/useNotification.tsx"); /* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./util */ "./components/notification/util.ts"); var __awaiter = undefined && undefined.__awaiter || function (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()); }); }; const notificationInstance = {}; let defaultDuration = 4.5; let defaultTop = '24px'; let defaultBottom = '24px'; let defaultPrefixCls = ''; let defaultPlacement = 'topRight'; let defaultGetContainer = () => document.body; let defaultCloseIcon = null; let rtl = false; let maxCount; function setNotificationConfig(options) { const { duration, placement, bottom, top, getContainer, closeIcon, prefixCls } = options; if (prefixCls !== undefined) { defaultPrefixCls = prefixCls; } if (duration !== undefined) { defaultDuration = duration; } if (placement !== undefined) { defaultPlacement = placement; } if (bottom !== undefined) { defaultBottom = typeof bottom === 'number' ? `${bottom}px` : bottom; } if (top !== undefined) { defaultTop = typeof top === 'number' ? `${top}px` : top; } if (getContainer !== undefined) { defaultGetContainer = getContainer; } if (closeIcon !== undefined) { defaultCloseIcon = closeIcon; } if (options.rtl !== undefined) { rtl = options.rtl; } if (options.maxCount !== undefined) { maxCount = options.maxCount; } } function getNotificationInstance(_ref, callback) { let { prefixCls: customizePrefixCls, placement = defaultPlacement, getContainer = defaultGetContainer, top, bottom, closeIcon = defaultCloseIcon, appContext } = _ref; const { getPrefixCls } = (0,_config_provider__WEBPACK_IMPORTED_MODULE_2__.globalConfig)(); const prefixCls = getPrefixCls('notification', customizePrefixCls || defaultPrefixCls); const cacheKey = `${prefixCls}-${placement}-${rtl}`; const cacheInstance = notificationInstance[cacheKey]; if (cacheInstance) { Promise.resolve(cacheInstance).then(instance => { callback(instance); }); return; } const notificationClass = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_3__["default"])(`${prefixCls}-${placement}`, { [`${prefixCls}-rtl`]: rtl === true }); _vc_notification__WEBPACK_IMPORTED_MODULE_4__["default"].newInstance({ name: 'notification', prefixCls: customizePrefixCls || defaultPrefixCls, useStyle: _style__WEBPACK_IMPORTED_MODULE_5__["default"], class: notificationClass, style: (0,_util__WEBPACK_IMPORTED_MODULE_6__.getPlacementStyle)(placement, top !== null && top !== void 0 ? top : defaultTop, bottom !== null && bottom !== void 0 ? bottom : defaultBottom), appContext, getContainer, closeIcon: _ref2 => { let { prefixCls } = _ref2; const closeIconToRender = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", { "class": `${prefixCls}-close-x` }, [(0,_util_util__WEBPACK_IMPORTED_MODULE_7__.renderHelper)(closeIcon, {}, (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_ant_design_icons_vue_es_icons_CloseOutlined__WEBPACK_IMPORTED_MODULE_8__["default"], { "class": `${prefixCls}-close-icon` }, null))]); return closeIconToRender; }, maxCount, hasTransitionName: true }, notification => { notificationInstance[cacheKey] = notification; callback(notification); }); } const typeToIcon = { success: _ant_design_icons_vue_es_icons_CheckCircleOutlined__WEBPACK_IMPORTED_MODULE_9__["default"], info: _ant_design_icons_vue_es_icons_InfoCircleOutlined__WEBPACK_IMPORTED_MODULE_10__["default"], error: _ant_design_icons_vue_es_icons_CloseCircleOutlined__WEBPACK_IMPORTED_MODULE_11__["default"], warning: _ant_design_icons_vue_es_icons_ExclamationCircleOutlined__WEBPACK_IMPORTED_MODULE_12__["default"] }; function notice(args) { const { icon, type, description, message, btn } = args; const duration = args.duration === undefined ? defaultDuration : args.duration; getNotificationInstance(args, notification => { notification.notice({ content: _ref3 => { let { prefixCls: outerPrefixCls } = _ref3; const prefixCls = `${outerPrefixCls}-notice`; let iconNode = null; if (icon) { iconNode = () => (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", { "class": `${prefixCls}-icon` }, [(0,_util_util__WEBPACK_IMPORTED_MODULE_7__.renderHelper)(icon)]); } else if (type) { const Icon = typeToIcon[type]; iconNode = () => (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(Icon, { "class": `${prefixCls}-icon ${prefixCls}-icon-${type}` }, null); } return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": iconNode ? `${prefixCls}-with-icon` : '' }, [iconNode && iconNode(), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${prefixCls}-message` }, [!description && iconNode ? (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", { "class": `${prefixCls}-message-single-line-auto-margin` }, null) : null, (0,_util_util__WEBPACK_IMPORTED_MODULE_7__.renderHelper)(message)]), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${prefixCls}-description` }, [(0,_util_util__WEBPACK_IMPORTED_MODULE_7__.renderHelper)(description)]), btn ? (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", { "class": `${prefixCls}-btn` }, [(0,_util_util__WEBPACK_IMPORTED_MODULE_7__.renderHelper)(btn)]) : null]); }, duration, closable: true, onClose: args.onClose, onClick: args.onClick, key: args.key, style: args.style || {}, class: args.class }); }); } const api = { open: notice, close(key) { Object.keys(notificationInstance).forEach(cacheKey => Promise.resolve(notificationInstance[cacheKey]).then(instance => { instance.removeNotice(key); })); }, config: setNotificationConfig, destroy() { Object.keys(notificationInstance).forEach(cacheKey => { Promise.resolve(notificationInstance[cacheKey]).then(instance => { instance.destroy(); }); delete notificationInstance[cacheKey]; // lgtm[js/missing-await] }); } }; const iconTypes = ['success', 'info', 'warning', 'error']; iconTypes.forEach(type => { api[type] = args => api.open((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, args), { type })); }); api.warn = api.warning; api.useNotification = _useNotification__WEBPACK_IMPORTED_MODULE_13__["default"]; /** @private test Only function. Not work on production */ const getInstance = cacheKey => __awaiter(void 0, void 0, void 0, function* () { return false ? 0 : null; }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (api); /***/ }), /***/ "./components/notification/style/index.ts": /*!************************************************!*\ !*** ./components/notification/style/index.ts ***! \************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _util_cssinjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../_util/cssinjs */ "./components/_util/cssinjs/Keyframes.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/genComponentStyleHook.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/statistic.ts"); /* harmony import */ var _placement__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./placement */ "./components/notification/style/placement.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../style */ "./components/style/index.ts"); const genNotificationStyle = token => { const { iconCls, componentCls, // .ant-notification boxShadowSecondary, fontSizeLG, notificationMarginBottom, borderRadiusLG, colorSuccess, colorInfo, colorWarning, colorError, colorTextHeading, notificationBg, notificationPadding, notificationMarginEdge, motionDurationMid, motionEaseInOut, fontSize, lineHeight, width, notificationIconSize } = token; const noticeCls = `${componentCls}-notice`; const notificationFadeIn = new _util_cssinjs__WEBPACK_IMPORTED_MODULE_1__["default"]('antNotificationFadeIn', { '0%': { left: { _skip_check_: true, value: width }, opacity: 0 }, '100%': { left: { _skip_check_: true, value: 0 }, opacity: 1 } }); const notificationFadeOut = new _util_cssinjs__WEBPACK_IMPORTED_MODULE_1__["default"]('antNotificationFadeOut', { '0%': { maxHeight: token.animationMaxHeight, marginBottom: notificationMarginBottom, opacity: 1 }, '100%': { maxHeight: 0, marginBottom: 0, paddingTop: 0, paddingBottom: 0, opacity: 0 } }); return [ // ============================ Holder ============================ { [componentCls]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_2__.resetComponent)(token)), { position: 'fixed', zIndex: token.zIndexPopup, marginInlineEnd: notificationMarginEdge, [`${componentCls}-hook-holder`]: { position: 'relative' }, [`&${componentCls}-top, &${componentCls}-bottom`]: { [`${componentCls}-notice`]: { marginInline: 'auto auto' } }, [`&${componentCls}-topLeft, &${componentCls}-bottomLeft`]: { [`${componentCls}-notice`]: { marginInlineEnd: 'auto', marginInlineStart: 0 } }, // animation [`${componentCls}-fade-enter, ${componentCls}-fade-appear`]: { animationDuration: token.motionDurationMid, animationTimingFunction: motionEaseInOut, animationFillMode: 'both', opacity: 0, animationPlayState: 'paused' }, [`${componentCls}-fade-leave`]: { animationTimingFunction: motionEaseInOut, animationFillMode: 'both', animationDuration: motionDurationMid, animationPlayState: 'paused' }, [`${componentCls}-fade-enter${componentCls}-fade-enter-active, ${componentCls}-fade-appear${componentCls}-fade-appear-active`]: { animationName: notificationFadeIn, animationPlayState: 'running' }, [`${componentCls}-fade-leave${componentCls}-fade-leave-active`]: { animationName: notificationFadeOut, animationPlayState: 'running' } }), (0,_placement__WEBPACK_IMPORTED_MODULE_3__["default"])(token)), { // RTL '&-rtl': { direction: 'rtl', [`${componentCls}-notice-btn`]: { float: 'left' } } }) }, // ============================ Notice ============================ { [noticeCls]: { position: 'relative', width, maxWidth: `calc(100vw - ${notificationMarginEdge * 2}px)`, marginBottom: notificationMarginBottom, marginInlineStart: 'auto', padding: notificationPadding, overflow: 'hidden', lineHeight, wordWrap: 'break-word', background: notificationBg, borderRadius: borderRadiusLG, boxShadow: boxShadowSecondary, [`${componentCls}-close-icon`]: { fontSize, cursor: 'pointer' }, [`${noticeCls}-message`]: { marginBottom: token.marginXS, color: colorTextHeading, fontSize: fontSizeLG, lineHeight: token.lineHeightLG }, [`${noticeCls}-description`]: { fontSize }, [`&${noticeCls}-closable ${noticeCls}-message`]: { paddingInlineEnd: token.paddingLG }, [`${noticeCls}-with-icon ${noticeCls}-message`]: { marginBottom: token.marginXS, marginInlineStart: token.marginSM + notificationIconSize, fontSize: fontSizeLG }, [`${noticeCls}-with-icon ${noticeCls}-description`]: { marginInlineStart: token.marginSM + notificationIconSize, fontSize }, // Icon & color style in different selector level // https://github.com/ant-design/ant-design/issues/16503 // https://github.com/ant-design/ant-design/issues/15512 [`${noticeCls}-icon`]: { position: 'absolute', fontSize: notificationIconSize, lineHeight: 0, // icon-font [`&-success${iconCls}`]: { color: colorSuccess }, [`&-info${iconCls}`]: { color: colorInfo }, [`&-warning${iconCls}`]: { color: colorWarning }, [`&-error${iconCls}`]: { color: colorError } }, [`${noticeCls}-close`]: { position: 'absolute', top: token.notificationPaddingVertical, insetInlineEnd: token.notificationPaddingHorizontal, color: token.colorIcon, outline: 'none', width: token.notificationCloseButtonSize, height: token.notificationCloseButtonSize, borderRadius: token.borderRadiusSM, transition: `background-color ${token.motionDurationMid}, color ${token.motionDurationMid}`, display: 'flex', alignItems: 'center', justifyContent: 'center', '&:hover': { color: token.colorIconHover, backgroundColor: token.wireframe ? 'transparent' : token.colorFillContent } }, [`${noticeCls}-btn`]: { float: 'right', marginTop: token.marginSM } } }, // ============================= Pure ============================= { [`${noticeCls}-pure-panel`]: { margin: 0 } }]; }; // ============================== Export ============================== /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_theme_internal__WEBPACK_IMPORTED_MODULE_4__["default"])('Notification', token => { const notificationPaddingVertical = token.paddingMD; const notificationPaddingHorizontal = token.paddingLG; const notificationToken = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_5__.merge)(token, { // default.less variables notificationBg: token.colorBgElevated, notificationPaddingVertical, notificationPaddingHorizontal, // index.less variables notificationPadding: `${token.paddingMD}px ${token.paddingContentHorizontalLG}px`, notificationMarginBottom: token.margin, notificationMarginEdge: token.marginLG, animationMaxHeight: 150, notificationIconSize: token.fontSizeLG * token.lineHeightLG, notificationCloseButtonSize: token.controlHeightLG * 0.55 }); return [genNotificationStyle(notificationToken)]; }, token => ({ zIndexPopup: token.zIndexPopupBase + 50, width: 384 }))); /***/ }), /***/ "./components/notification/style/placement.ts": /*!****************************************************!*\ !*** ./components/notification/style/placement.ts ***! \****************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _util_cssinjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../_util/cssinjs */ "./components/_util/cssinjs/Keyframes.ts"); const genNotificationPlacementStyle = token => { const { componentCls, width, notificationMarginEdge } = token; const notificationTopFadeIn = new _util_cssinjs__WEBPACK_IMPORTED_MODULE_0__["default"]('antNotificationTopFadeIn', { '0%': { marginTop: '-100%', opacity: 0 }, '100%': { marginTop: 0, opacity: 1 } }); const notificationBottomFadeIn = new _util_cssinjs__WEBPACK_IMPORTED_MODULE_0__["default"]('antNotificationBottomFadeIn', { '0%': { marginBottom: '-100%', opacity: 0 }, '100%': { marginBottom: 0, opacity: 1 } }); const notificationLeftFadeIn = new _util_cssinjs__WEBPACK_IMPORTED_MODULE_0__["default"]('antNotificationLeftFadeIn', { '0%': { right: { _skip_check_: true, value: width }, opacity: 0 }, '100%': { right: { _skip_check_: true, value: 0 }, opacity: 1 } }); return { [`&${componentCls}-top, &${componentCls}-bottom`]: { marginInline: 0 }, [`&${componentCls}-top`]: { [`${componentCls}-fade-enter${componentCls}-fade-enter-active, ${componentCls}-fade-appear${componentCls}-fade-appear-active`]: { animationName: notificationTopFadeIn } }, [`&${componentCls}-bottom`]: { [`${componentCls}-fade-enter${componentCls}-fade-enter-active, ${componentCls}-fade-appear${componentCls}-fade-appear-active`]: { animationName: notificationBottomFadeIn } }, [`&${componentCls}-topLeft, &${componentCls}-bottomLeft`]: { marginInlineEnd: 0, marginInlineStart: notificationMarginEdge, [`${componentCls}-fade-enter${componentCls}-fade-enter-active, ${componentCls}-fade-appear${componentCls}-fade-appear-active`]: { animationName: notificationLeftFadeIn } } }; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (genNotificationPlacementStyle); /***/ }), /***/ "./components/notification/useNotification.tsx": /*!*****************************************************!*\ !*** ./components/notification/useNotification.tsx ***! \*****************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ useNotification), /* harmony export */ useInternalNotification: () => (/* binding */ useInternalNotification) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _vc_notification__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../vc-notification */ "./components/vc-notification/useNotification.tsx"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./style */ "./components/notification/style/index.ts"); /* harmony import */ var _PurePanel__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./PurePanel */ "./components/notification/PurePanel.tsx"); /* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./util */ "./components/notification/util.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); var __rest = undefined && undefined.__rest || function (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; }; const DEFAULT_OFFSET = 24; const DEFAULT_DURATION = 4.5; const Holder = (0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ name: 'Holder', inheritAttrs: false, props: ['prefixCls', 'class', 'type', 'icon', 'content', 'onAllRemoved'], setup(props, _ref) { let { expose } = _ref; const { getPrefixCls, getPopupContainer } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_3__["default"])('notification', props); const prefixCls = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.prefixCls || getPrefixCls('notification')); // =============================== Style =============================== const getStyles = placement => { var _a, _b; return (0,_util__WEBPACK_IMPORTED_MODULE_4__.getPlacementStyle)(placement, (_a = props.top) !== null && _a !== void 0 ? _a : DEFAULT_OFFSET, (_b = props.bottom) !== null && _b !== void 0 ? _b : DEFAULT_OFFSET); }; // Style const [, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_5__["default"])(prefixCls); const getClassName = () => (0,_util_classNames__WEBPACK_IMPORTED_MODULE_6__["default"])(hashId.value, { [`${prefixCls.value}-rtl`]: props.rtl }); // ============================== Motion =============================== const getNotificationMotion = () => (0,_util__WEBPACK_IMPORTED_MODULE_4__.getMotion)(prefixCls.value); // ============================== Origin =============================== const [api, holder] = (0,_vc_notification__WEBPACK_IMPORTED_MODULE_7__["default"])({ prefixCls: prefixCls.value, getStyles, getClassName, motion: getNotificationMotion, closable: true, closeIcon: (0,_PurePanel__WEBPACK_IMPORTED_MODULE_8__.getCloseIcon)(prefixCls.value), duration: DEFAULT_DURATION, getContainer: () => { var _a, _b; return ((_a = props.getPopupContainer) === null || _a === void 0 ? void 0 : _a.call(props)) || ((_b = getPopupContainer.value) === null || _b === void 0 ? void 0 : _b.call(getPopupContainer)) || document.body; }, maxCount: props.maxCount, hashId: hashId.value, onAllRemoved: props.onAllRemoved }); // ================================ Ref ================================ expose((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, api), { prefixCls: prefixCls.value, hashId })); return holder; } }); // ============================================================================== // == Hook == // ============================================================================== function useInternalNotification(notificationConfig) { const holderRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(null); const holderKey = Symbol('notificationHolderKey'); // ================================ API ================================ // Wrap with notification content // >>> Open const open = config => { if (!holderRef.value) { return; } const { open: originOpen, prefixCls, hashId } = holderRef.value; const noticePrefixCls = `${prefixCls}-notice`; const { message, description, icon, type, btn, class: className } = config, restConfig = __rest(config, ["message", "description", "icon", "type", "btn", "class"]); return originOpen((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({ placement: 'topRight' }, restConfig), { content: () => (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_PurePanel__WEBPACK_IMPORTED_MODULE_8__.PureContent, { "prefixCls": noticePrefixCls, "icon": typeof icon === 'function' ? icon() : icon, "type": type, "message": typeof message === 'function' ? message() : message, "description": typeof description === 'function' ? description() : description, "btn": typeof btn === 'function' ? btn() : btn }, null), // @ts-ignore class: (0,_util_classNames__WEBPACK_IMPORTED_MODULE_6__["default"])(type && `${noticePrefixCls}-${type}`, hashId, className) })); }; // >>> destroy const destroy = key => { var _a, _b; if (key !== undefined) { (_a = holderRef.value) === null || _a === void 0 ? void 0 : _a.close(key); } else { (_b = holderRef.value) === null || _b === void 0 ? void 0 : _b.destroy(); } }; const wrapAPI = { open, destroy }; const keys = ['success', 'info', 'warning', 'error']; keys.forEach(type => { wrapAPI[type] = config => open((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, config), { type })); }); // ============================== Return =============================== return [wrapAPI, () => (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(Holder, (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "key": holderKey }, notificationConfig), {}, { "ref": holderRef }), null)]; } function useNotification(notificationConfig) { return useInternalNotification(notificationConfig); } /***/ }), /***/ "./components/notification/util.ts": /*!*****************************************!*\ !*** ./components/notification/util.ts ***! \*****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ getMotion: () => (/* binding */ getMotion), /* harmony export */ getPlacementStyle: () => (/* binding */ getPlacementStyle) /* harmony export */ }); function getPlacementStyle(placement, top, bottom) { let style; top = typeof top === 'number' ? `${top}px` : top; bottom = typeof bottom === 'number' ? `${bottom}px` : bottom; switch (placement) { case 'top': style = { left: '50%', transform: 'translateX(-50%)', right: 'auto', top, bottom: 'auto' }; break; case 'topLeft': style = { left: 0, top, bottom: 'auto' }; break; case 'topRight': style = { right: 0, top, bottom: 'auto' }; break; case 'bottom': style = { left: '50%', transform: 'translateX(-50%)', right: 'auto', top: 'auto', bottom }; break; case 'bottomLeft': style = { left: 0, top: 'auto', bottom }; break; default: style = { right: 0, top: 'auto', bottom }; break; } return style; } function getMotion(prefixCls) { return { name: `${prefixCls}-fade` }; } /***/ }), /***/ "./components/page-header/index.tsx": /*!******************************************!*\ !*** ./components/page-header/index.tsx ***! \******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ pageHeaderProps: () => (/* binding */ pageHeaderProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/index.ts"); /* harmony import */ var _ant_design_icons_vue_es_icons_ArrowLeftOutlined__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/ArrowLeftOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/ArrowLeftOutlined.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_ArrowRightOutlined__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/ArrowRightOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/ArrowRightOutlined.js"); /* harmony import */ var _breadcrumb__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../breadcrumb */ "./components/breadcrumb/index.ts"); /* harmony import */ var _avatar__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../avatar */ "./components/avatar/index.ts"); /* harmony import */ var _util_transButton__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../_util/transButton */ "./components/_util/transButton.tsx"); /* harmony import */ var _locale_provider_LocaleReceiver__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../locale-provider/LocaleReceiver */ "./components/locale-provider/LocaleReceiver.tsx"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _vc_resize_observer__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../vc-resize-observer */ "./components/vc-resize-observer/index.tsx"); /* harmony import */ var _util_hooks_useDestroyed__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../_util/hooks/useDestroyed */ "./components/_util/hooks/useDestroyed.ts"); /* harmony import */ var _space__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../space */ "./components/space/index.tsx"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./style */ "./components/page-header/style/index.ts"); // CSSINJS const pageHeaderProps = () => ({ backIcon: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.vNodeType)(), prefixCls: String, title: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.vNodeType)(), subTitle: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.vNodeType)(), breadcrumb: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].object, tags: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.vNodeType)(), footer: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.vNodeType)(), extra: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.vNodeType)(), avatar: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.objectType)(), ghost: { type: Boolean, default: undefined }, onBack: Function }); const PageHeader = (0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'APageHeader', inheritAttrs: false, props: pageHeaderProps(), // emits: ['back'], slots: Object, setup(props, _ref) { let { emit, slots, attrs } = _ref; const { prefixCls, direction, pageHeader } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_4__["default"])('page-header', props); // style const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_5__["default"])(prefixCls); const compact = (0,vue__WEBPACK_IMPORTED_MODULE_1__.shallowRef)(false); const isDestroyed = (0,_util_hooks_useDestroyed__WEBPACK_IMPORTED_MODULE_6__["default"])(); const onResize = _ref2 => { let { width } = _ref2; if (!isDestroyed.value) { compact.value = width < 768; } }; const ghost = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { var _a, _b, _c; return (_c = (_a = props.ghost) !== null && _a !== void 0 ? _a : (_b = pageHeader === null || pageHeader === void 0 ? void 0 : pageHeader.value) === null || _b === void 0 ? void 0 : _b.ghost) !== null && _c !== void 0 ? _c : true; }); const getBackIcon = () => { var _a, _b, _c; return (_c = (_a = props.backIcon) !== null && _a !== void 0 ? _a : (_b = slots.backIcon) === null || _b === void 0 ? void 0 : _b.call(slots)) !== null && _c !== void 0 ? _c : direction.value === 'rtl' ? (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_ant_design_icons_vue_es_icons_ArrowRightOutlined__WEBPACK_IMPORTED_MODULE_7__["default"], null, null) : (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_ant_design_icons_vue_es_icons_ArrowLeftOutlined__WEBPACK_IMPORTED_MODULE_8__["default"], null, null); }; const renderBack = backIcon => { if (!backIcon || !props.onBack) { return null; } return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_locale_provider_LocaleReceiver__WEBPACK_IMPORTED_MODULE_9__["default"], { "componentName": "PageHeader", "children": _ref3 => { let { back } = _ref3; return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${prefixCls.value}-back` }, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_util_transButton__WEBPACK_IMPORTED_MODULE_10__["default"], { "onClick": e => { emit('back', e); }, "class": `${prefixCls.value}-back-button`, "aria-label": back }, { default: () => [backIcon] })]); } }, null); }; const renderBreadcrumb = () => { var _a; return props.breadcrumb ? (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_breadcrumb__WEBPACK_IMPORTED_MODULE_11__["default"], props.breadcrumb, null) : (_a = slots.breadcrumb) === null || _a === void 0 ? void 0 : _a.call(slots); }; const renderTitle = () => { var _a, _b, _c, _d, _e, _f, _g, _h, _j; const { avatar } = props; const title = (_a = props.title) !== null && _a !== void 0 ? _a : (_b = slots.title) === null || _b === void 0 ? void 0 : _b.call(slots); const subTitle = (_c = props.subTitle) !== null && _c !== void 0 ? _c : (_d = slots.subTitle) === null || _d === void 0 ? void 0 : _d.call(slots); const tags = (_e = props.tags) !== null && _e !== void 0 ? _e : (_f = slots.tags) === null || _f === void 0 ? void 0 : _f.call(slots); const extra = (_g = props.extra) !== null && _g !== void 0 ? _g : (_h = slots.extra) === null || _h === void 0 ? void 0 : _h.call(slots); const headingPrefixCls = `${prefixCls.value}-heading`; const hasHeading = title || subTitle || tags || extra; // If there is nothing, return a null if (!hasHeading) { return null; } const backIcon = getBackIcon(); const backIconDom = renderBack(backIcon); const hasTitle = backIconDom || avatar || hasHeading; return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": headingPrefixCls }, [hasTitle && (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${headingPrefixCls}-left` }, [backIconDom, avatar ? (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_avatar__WEBPACK_IMPORTED_MODULE_12__["default"], avatar, null) : (_j = slots.avatar) === null || _j === void 0 ? void 0 : _j.call(slots), title && (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", { "class": `${headingPrefixCls}-title`, "title": typeof title === 'string' ? title : undefined }, [title]), subTitle && (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", { "class": `${headingPrefixCls}-sub-title`, "title": typeof subTitle === 'string' ? subTitle : undefined }, [subTitle]), tags && (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", { "class": `${headingPrefixCls}-tags` }, [tags])]), extra && (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", { "class": `${headingPrefixCls}-extra` }, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_space__WEBPACK_IMPORTED_MODULE_13__["default"], null, { default: () => [extra] })])]); }; const renderFooter = () => { var _a, _b; const footer = (_a = props.footer) !== null && _a !== void 0 ? _a : (0,_util_props_util__WEBPACK_IMPORTED_MODULE_14__.filterEmpty)((_b = slots.footer) === null || _b === void 0 ? void 0 : _b.call(slots)); return (0,_util_props_util__WEBPACK_IMPORTED_MODULE_14__.isEmptyContent)(footer) ? null : (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${prefixCls.value}-footer` }, [footer]); }; const renderChildren = children => { return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${prefixCls.value}-content` }, [children]); }; return () => { var _a, _b; const hasBreadcrumb = ((_a = props.breadcrumb) === null || _a === void 0 ? void 0 : _a.routes) || slots.breadcrumb; const hasFooter = props.footer || slots.footer; const children = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_14__.flattenChildren)((_b = slots.default) === null || _b === void 0 ? void 0 : _b.call(slots)); const className = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_15__["default"])(prefixCls.value, { 'has-breadcrumb': hasBreadcrumb, 'has-footer': hasFooter, [`${prefixCls.value}-ghost`]: ghost.value, [`${prefixCls.value}-rtl`]: direction.value === 'rtl', [`${prefixCls.value}-compact`]: compact.value }, attrs.class, hashId.value); return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_vc_resize_observer__WEBPACK_IMPORTED_MODULE_16__["default"], { "onResize": onResize }, { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, attrs), {}, { "class": className }), [renderBreadcrumb(), renderTitle(), children.length ? renderChildren(children) : null, renderFooter()])] })); }; } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_util_type__WEBPACK_IMPORTED_MODULE_2__.withInstall)(PageHeader)); /***/ }), /***/ "./components/page-header/style/index.ts": /*!***********************************************!*\ !*** ./components/page-header/style/index.ts ***! \***********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/genComponentStyleHook.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/statistic.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../style */ "./components/style/index.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../style */ "./components/style/operationUnit.ts"); const genPageHeaderStyle = token => { const { componentCls, antCls } = token; return { [componentCls]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_1__.resetComponent)(token)), { position: 'relative', padding: `${token.pageHeaderPaddingVertical}px ${token.pageHeaderPadding}px`, backgroundColor: token.colorBgContainer, [`&${componentCls}-ghost`]: { backgroundColor: token.pageHeaderGhostBg }, [`&.has-footer`]: { paddingBottom: 0 }, [`${componentCls}-back`]: { marginRight: token.marginMD, fontSize: token.fontSizeLG, lineHeight: 1, [`&-button`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_2__.operationUnit)(token)), { color: token.pageHeaderBackColor, cursor: 'pointer' }) }, [`${antCls}-divider-vertical`]: { height: '14px', margin: `0 ${token.marginSM}`, verticalAlign: 'middle' }, [`${antCls}-breadcrumb + &-heading`]: { marginTop: token.marginXS }, [`${componentCls}-heading`]: { display: 'flex', justifyContent: 'space-between', [`&-left`]: { display: 'flex', alignItems: 'center', margin: `${token.marginXS / 2}px 0`, overflow: 'hidden' }, [`&-title`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ marginRight: token.marginSM, marginBottom: 0, color: token.colorTextHeading, fontWeight: 600, fontSize: token.pageHeaderHeadingTitle, lineHeight: `${token.controlHeight}px` }, _style__WEBPACK_IMPORTED_MODULE_1__.textEllipsis), [`${antCls}-avatar`]: { marginRight: token.marginSM }, [`&-sub-title`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ marginRight: token.marginSM, color: token.colorTextDescription, fontSize: token.pageHeaderHeadingSubTitle, lineHeight: token.lineHeight }, _style__WEBPACK_IMPORTED_MODULE_1__.textEllipsis), [`&-extra`]: { margin: `${token.marginXS / 2}px 0`, whiteSpace: 'nowrap', [`> *`]: { marginLeft: token.marginSM, whiteSpace: 'unset' }, [`> *:first-child`]: { marginLeft: 0 } } }, [`${componentCls}-content`]: { paddingTop: token.pageHeaderContentPaddingVertical }, [`${componentCls}-footer`]: { marginTop: token.marginMD, [`${antCls}-tabs`]: { [`> ${antCls}-tabs-nav`]: { margin: 0, [`&::before`]: { border: 'none' } }, [`${antCls}-tabs-tab`]: { paddingTop: token.paddingXS, paddingBottom: token.paddingXS, fontSize: token.pageHeaderTabFontSize } } }, [`${componentCls}-compact ${componentCls}-heading`]: { flexWrap: 'wrap' }, // rtl style [`&${token.componentCls}-rtl`]: { direction: 'rtl' } }) }; }; // ============================== Export ============================== /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_theme_internal__WEBPACK_IMPORTED_MODULE_3__["default"])('PageHeader', token => { const PageHeaderToken = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_4__.merge)(token, { pageHeaderPadding: token.paddingLG, pageHeaderPaddingVertical: token.paddingMD, pageHeaderPaddingBreadcrumb: token.paddingSM, pageHeaderContentPaddingVertical: token.paddingSM, pageHeaderBackColor: token.colorTextBase, pageHeaderGhostBg: 'transparent', pageHeaderHeadingTitle: token.fontSizeHeading4, pageHeaderHeadingSubTitle: token.fontSize, pageHeaderTabFontSize: token.fontSizeLG }); return [genPageHeaderStyle(PageHeaderToken)]; })); /***/ }), /***/ "./components/pagination/Pagination.tsx": /*!**********************************************!*\ !*** ./components/pagination/Pagination.tsx ***! \**********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ paginationConfig: () => (/* binding */ paginationConfig), /* harmony export */ paginationProps: () => (/* binding */ paginationProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_vue_es_icons_LeftOutlined__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/LeftOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/LeftOutlined.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_RightOutlined__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/RightOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/RightOutlined.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_DoubleLeftOutlined__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/DoubleLeftOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/DoubleLeftOutlined.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_DoubleRightOutlined__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/DoubleRightOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/DoubleRightOutlined.js"); /* harmony import */ var _Select__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./Select */ "./components/pagination/Select.tsx"); /* harmony import */ var _locale_provider_LocaleReceiver__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../locale-provider/LocaleReceiver */ "./components/locale/LocaleReceiver.tsx"); /* harmony import */ var _vc_pagination__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../vc-pagination */ "./components/vc-pagination/Pagination.tsx"); /* harmony import */ var _vc_pagination_locale_en_US__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../vc-pagination/locale/en_US */ "./components/vc-pagination/locale/en_US.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _util_hooks_useBreakpoint__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../_util/hooks/useBreakpoint */ "./components/_util/hooks/useBreakpoint.ts"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./style */ "./components/pagination/style/index.tsx"); var __rest = undefined && undefined.__rest || function (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; }; // CSSINJS const paginationProps = () => ({ total: Number, defaultCurrent: Number, disabled: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.booleanType)(), current: Number, defaultPageSize: Number, pageSize: Number, hideOnSinglePage: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.booleanType)(), showSizeChanger: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.booleanType)(), pageSizeOptions: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.arrayType)(), buildOptionText: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.functionType)(), showQuickJumper: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.someType)([Boolean, Object]), showTotal: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.functionType)(), size: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.stringType)(), simple: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.booleanType)(), locale: Object, prefixCls: String, selectPrefixCls: String, totalBoundaryShowSizeChanger: Number, selectComponentClass: String, itemRender: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.functionType)(), role: String, responsive: Boolean, showLessItems: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.booleanType)(), onChange: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.functionType)(), onShowSizeChange: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.functionType)(), 'onUpdate:current': (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.functionType)(), 'onUpdate:pageSize': (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.functionType)() }); const paginationConfig = () => (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, paginationProps()), { position: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.stringType)() }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'APagination', inheritAttrs: false, props: paginationProps(), // emits: ['change', 'showSizeChange', 'update:current', 'update:pageSize'], setup(props, _ref) { let { slots, attrs } = _ref; const { prefixCls, configProvider, direction, size } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_3__["default"])('pagination', props); // style const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_4__["default"])(prefixCls); const selectPrefixCls = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => configProvider.getPrefixCls('select', props.selectPrefixCls)); const breakpoint = (0,_util_hooks_useBreakpoint__WEBPACK_IMPORTED_MODULE_5__["default"])(); const [locale] = (0,_locale_provider_LocaleReceiver__WEBPACK_IMPORTED_MODULE_6__.useLocaleReceiver)('Pagination', _vc_pagination_locale_en_US__WEBPACK_IMPORTED_MODULE_7__["default"], (0,vue__WEBPACK_IMPORTED_MODULE_1__.toRef)(props, 'locale')); const getIconsProps = pre => { const ellipsis = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", { "class": `${pre}-item-ellipsis` }, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createTextVNode)("\u2022\u2022\u2022")]); const prevIcon = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("button", { "class": `${pre}-item-link`, "type": "button", "tabindex": -1 }, [direction.value === 'rtl' ? (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_ant_design_icons_vue_es_icons_RightOutlined__WEBPACK_IMPORTED_MODULE_8__["default"], null, null) : (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_ant_design_icons_vue_es_icons_LeftOutlined__WEBPACK_IMPORTED_MODULE_9__["default"], null, null)]); const nextIcon = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("button", { "class": `${pre}-item-link`, "type": "button", "tabindex": -1 }, [direction.value === 'rtl' ? (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_ant_design_icons_vue_es_icons_LeftOutlined__WEBPACK_IMPORTED_MODULE_9__["default"], null, null) : (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_ant_design_icons_vue_es_icons_RightOutlined__WEBPACK_IMPORTED_MODULE_8__["default"], null, null)]); const jumpPrevIcon = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("a", { "rel": "nofollow", "class": `${pre}-item-link` }, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${pre}-item-container` }, [direction.value === 'rtl' ? (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_ant_design_icons_vue_es_icons_DoubleRightOutlined__WEBPACK_IMPORTED_MODULE_10__["default"], { "class": `${pre}-item-link-icon` }, null) : (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_ant_design_icons_vue_es_icons_DoubleLeftOutlined__WEBPACK_IMPORTED_MODULE_11__["default"], { "class": `${pre}-item-link-icon` }, null), ellipsis])]); const jumpNextIcon = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("a", { "rel": "nofollow", "class": `${pre}-item-link` }, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${pre}-item-container` }, [direction.value === 'rtl' ? (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_ant_design_icons_vue_es_icons_DoubleLeftOutlined__WEBPACK_IMPORTED_MODULE_11__["default"], { "class": `${pre}-item-link-icon` }, null) : (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_ant_design_icons_vue_es_icons_DoubleRightOutlined__WEBPACK_IMPORTED_MODULE_10__["default"], { "class": `${pre}-item-link-icon` }, null), ellipsis])]); return { prevIcon, nextIcon, jumpPrevIcon, jumpNextIcon }; }; return () => { var _a; const { itemRender = slots.itemRender, buildOptionText = slots.buildOptionText, selectComponentClass, responsive } = props, restProps = __rest(props, ["itemRender", "buildOptionText", "selectComponentClass", "responsive"]); const isSmall = size.value === 'small' || !!(((_a = breakpoint.value) === null || _a === void 0 ? void 0 : _a.xs) && !size.value && responsive); const paginationProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, restProps), getIconsProps(prefixCls.value)), { prefixCls: prefixCls.value, selectPrefixCls: selectPrefixCls.value, selectComponentClass: selectComponentClass || (isSmall ? _Select__WEBPACK_IMPORTED_MODULE_12__["default"] : _Select__WEBPACK_IMPORTED_MODULE_12__.MiddleSelect), locale: locale.value, buildOptionText }), attrs), { class: (0,_util_classNames__WEBPACK_IMPORTED_MODULE_13__["default"])({ [`${prefixCls.value}-mini`]: isSmall, [`${prefixCls.value}-rtl`]: direction.value === 'rtl' }, attrs.class, hashId.value), itemRender }); return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_vc_pagination__WEBPACK_IMPORTED_MODULE_14__["default"], paginationProps, null)); }; } })); /***/ }), /***/ "./components/pagination/Select.tsx": /*!******************************************!*\ !*** ./components/pagination/Select.tsx ***! \******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ MiddleSelect: () => (/* binding */ MiddleSelect), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _select__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../select */ "./components/select/index.tsx"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ name: 'MiniSelect', compatConfig: { MODE: 3 }, inheritAttrs: false, props: (0,_select__WEBPACK_IMPORTED_MODULE_2__.selectProps)(), Option: _select__WEBPACK_IMPORTED_MODULE_2__["default"].Option, setup(props, _ref) { let { attrs, slots } = _ref; return () => { const selelctProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props), { size: 'small' }), attrs); return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_select__WEBPACK_IMPORTED_MODULE_2__["default"], selelctProps, slots); }; } })); const MiddleSelect = (0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ name: 'MiddleSelect', inheritAttrs: false, props: (0,_select__WEBPACK_IMPORTED_MODULE_2__.selectProps)(), Option: _select__WEBPACK_IMPORTED_MODULE_2__["default"].Option, setup(props, _ref2) { let { attrs, slots } = _ref2; return () => { const selelctProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props), { size: 'middle' }), attrs); return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_select__WEBPACK_IMPORTED_MODULE_2__["default"], selelctProps, slots); }; } }); /***/ }), /***/ "./components/pagination/index.ts": /*!****************************************!*\ !*** ./components/pagination/index.ts ***! \****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ paginationConfig: () => (/* reexport safe */ _Pagination__WEBPACK_IMPORTED_MODULE_0__.paginationConfig), /* harmony export */ paginationProps: () => (/* reexport safe */ _Pagination__WEBPACK_IMPORTED_MODULE_0__.paginationProps) /* harmony export */ }); /* harmony import */ var _Pagination__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Pagination */ "./components/pagination/Pagination.tsx"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_util_type__WEBPACK_IMPORTED_MODULE_1__.withInstall)(_Pagination__WEBPACK_IMPORTED_MODULE_0__["default"])); /***/ }), /***/ "./components/pagination/style/index.tsx": /*!***********************************************!*\ !*** ./components/pagination/style/index.tsx ***! \***********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _input_style__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../input/style */ "./components/input/style/index.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/genComponentStyleHook.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/statistic.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../style */ "./components/style/index.ts"); const genPaginationDisabledStyle = token => { const { componentCls } = token; return { [`${componentCls}-disabled`]: { '&, &:hover': { cursor: 'not-allowed', [`${componentCls}-item-link`]: { color: token.colorTextDisabled, cursor: 'not-allowed' } }, '&:focus-visible': { cursor: 'not-allowed', [`${componentCls}-item-link`]: { color: token.colorTextDisabled, cursor: 'not-allowed' } } }, [`&${componentCls}-disabled`]: { cursor: 'not-allowed', [`&${componentCls}-mini`]: { [` &:hover ${componentCls}-item:not(${componentCls}-item-active), &:active ${componentCls}-item:not(${componentCls}-item-active), &:hover ${componentCls}-item-link, &:active ${componentCls}-item-link `]: { backgroundColor: 'transparent' } }, [`${componentCls}-item`]: { cursor: 'not-allowed', '&:hover, &:active': { backgroundColor: 'transparent' }, a: { color: token.colorTextDisabled, backgroundColor: 'transparent', border: 'none', cursor: 'not-allowed' }, '&-active': { borderColor: token.colorBorder, backgroundColor: token.paginationItemDisabledBgActive, '&:hover, &:active': { backgroundColor: token.paginationItemDisabledBgActive }, a: { color: token.paginationItemDisabledColorActive } } }, [`${componentCls}-item-link`]: { color: token.colorTextDisabled, cursor: 'not-allowed', '&:hover, &:active': { backgroundColor: 'transparent' }, [`${componentCls}-simple&`]: { backgroundColor: 'transparent', '&:hover, &:active': { backgroundColor: 'transparent' } } }, [`${componentCls}-simple-pager`]: { color: token.colorTextDisabled }, [`${componentCls}-jump-prev, ${componentCls}-jump-next`]: { [`${componentCls}-item-link-icon`]: { opacity: 0 }, [`${componentCls}-item-ellipsis`]: { opacity: 1 } } }, [`&${componentCls}-simple`]: { [`${componentCls}-prev, ${componentCls}-next`]: { [`&${componentCls}-disabled ${componentCls}-item-link`]: { '&:hover, &:active': { backgroundColor: 'transparent' } } } } }; }; const genPaginationMiniStyle = token => { const { componentCls } = token; return { [`&${componentCls}-mini ${componentCls}-total-text, &${componentCls}-mini ${componentCls}-simple-pager`]: { height: token.paginationItemSizeSM, lineHeight: `${token.paginationItemSizeSM}px` }, [`&${componentCls}-mini ${componentCls}-item`]: { minWidth: token.paginationItemSizeSM, height: token.paginationItemSizeSM, margin: 0, lineHeight: `${token.paginationItemSizeSM - 2}px` }, [`&${componentCls}-mini ${componentCls}-item:not(${componentCls}-item-active)`]: { backgroundColor: 'transparent', borderColor: 'transparent', '&:hover': { backgroundColor: token.colorBgTextHover }, '&:active': { backgroundColor: token.colorBgTextActive } }, [`&${componentCls}-mini ${componentCls}-prev, &${componentCls}-mini ${componentCls}-next`]: { minWidth: token.paginationItemSizeSM, height: token.paginationItemSizeSM, margin: 0, lineHeight: `${token.paginationItemSizeSM}px`, [`&:hover ${componentCls}-item-link`]: { backgroundColor: token.colorBgTextHover }, [`&:active ${componentCls}-item-link`]: { backgroundColor: token.colorBgTextActive }, [`&${componentCls}-disabled:hover ${componentCls}-item-link`]: { backgroundColor: 'transparent' } }, [` &${componentCls}-mini ${componentCls}-prev ${componentCls}-item-link, &${componentCls}-mini ${componentCls}-next ${componentCls}-item-link `]: { backgroundColor: 'transparent', borderColor: 'transparent', '&::after': { height: token.paginationItemSizeSM, lineHeight: `${token.paginationItemSizeSM}px` } }, [`&${componentCls}-mini ${componentCls}-jump-prev, &${componentCls}-mini ${componentCls}-jump-next`]: { height: token.paginationItemSizeSM, marginInlineEnd: 0, lineHeight: `${token.paginationItemSizeSM}px` }, [`&${componentCls}-mini ${componentCls}-options`]: { marginInlineStart: token.paginationMiniOptionsMarginInlineStart, [`&-size-changer`]: { top: token.paginationMiniOptionsSizeChangerTop }, [`&-quick-jumper`]: { height: token.paginationItemSizeSM, lineHeight: `${token.paginationItemSizeSM}px`, input: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_input_style__WEBPACK_IMPORTED_MODULE_1__.genInputSmallStyle)(token)), { width: token.paginationMiniQuickJumperInputWidth, height: token.controlHeightSM }) } } }; }; const genPaginationSimpleStyle = token => { const { componentCls } = token; return { [` &${componentCls}-simple ${componentCls}-prev, &${componentCls}-simple ${componentCls}-next `]: { height: token.paginationItemSizeSM, lineHeight: `${token.paginationItemSizeSM}px`, verticalAlign: 'top', [`${componentCls}-item-link`]: { height: token.paginationItemSizeSM, backgroundColor: 'transparent', border: 0, '&:hover': { backgroundColor: token.colorBgTextHover }, '&:active': { backgroundColor: token.colorBgTextActive }, '&::after': { height: token.paginationItemSizeSM, lineHeight: `${token.paginationItemSizeSM}px` } } }, [`&${componentCls}-simple ${componentCls}-simple-pager`]: { display: 'inline-block', height: token.paginationItemSizeSM, marginInlineEnd: token.marginXS, input: { boxSizing: 'border-box', height: '100%', marginInlineEnd: token.marginXS, padding: `0 ${token.paginationItemPaddingInline}px`, textAlign: 'center', backgroundColor: token.paginationItemInputBg, border: `${token.lineWidth}px ${token.lineType} ${token.colorBorder}`, borderRadius: token.borderRadius, outline: 'none', transition: `border-color ${token.motionDurationMid}`, color: 'inherit', '&:hover': { borderColor: token.colorPrimary }, '&:focus': { borderColor: token.colorPrimaryHover, boxShadow: `${token.inputOutlineOffset}px 0 ${token.controlOutlineWidth}px ${token.controlOutline}` }, '&[disabled]': { color: token.colorTextDisabled, backgroundColor: token.colorBgContainerDisabled, borderColor: token.colorBorder, cursor: 'not-allowed' } } } }; }; const genPaginationJumpStyle = token => { const { componentCls } = token; return { [`${componentCls}-jump-prev, ${componentCls}-jump-next`]: { outline: 0, [`${componentCls}-item-container`]: { position: 'relative', [`${componentCls}-item-link-icon`]: { color: token.colorPrimary, fontSize: token.fontSizeSM, opacity: 0, transition: `all ${token.motionDurationMid}`, '&-svg': { top: 0, insetInlineEnd: 0, bottom: 0, insetInlineStart: 0, margin: 'auto' } }, [`${componentCls}-item-ellipsis`]: { position: 'absolute', top: 0, insetInlineEnd: 0, bottom: 0, insetInlineStart: 0, display: 'block', margin: 'auto', color: token.colorTextDisabled, fontFamily: 'Arial, Helvetica, sans-serif', letterSpacing: token.paginationEllipsisLetterSpacing, textAlign: 'center', textIndent: token.paginationEllipsisTextIndent, opacity: 1, transition: `all ${token.motionDurationMid}` } }, '&:hover': { [`${componentCls}-item-link-icon`]: { opacity: 1 }, [`${componentCls}-item-ellipsis`]: { opacity: 0 } }, '&:focus-visible': (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ [`${componentCls}-item-link-icon`]: { opacity: 1 }, [`${componentCls}-item-ellipsis`]: { opacity: 0 } }, (0,_style__WEBPACK_IMPORTED_MODULE_2__.genFocusOutline)(token)) }, [` ${componentCls}-prev, ${componentCls}-jump-prev, ${componentCls}-jump-next `]: { marginInlineEnd: token.marginXS }, [` ${componentCls}-prev, ${componentCls}-next, ${componentCls}-jump-prev, ${componentCls}-jump-next `]: { display: 'inline-block', minWidth: token.paginationItemSize, height: token.paginationItemSize, color: token.colorText, fontFamily: token.paginationFontFamily, lineHeight: `${token.paginationItemSize}px`, textAlign: 'center', verticalAlign: 'middle', listStyle: 'none', borderRadius: token.borderRadius, cursor: 'pointer', transition: `all ${token.motionDurationMid}` }, [`${componentCls}-prev, ${componentCls}-next`]: { fontFamily: 'Arial, Helvetica, sans-serif', outline: 0, button: { color: token.colorText, cursor: 'pointer', userSelect: 'none' }, [`${componentCls}-item-link`]: { display: 'block', width: '100%', height: '100%', padding: 0, fontSize: token.fontSizeSM, textAlign: 'center', backgroundColor: 'transparent', border: `${token.lineWidth}px ${token.lineType} transparent`, borderRadius: token.borderRadius, outline: 'none', transition: `all ${token.motionDurationMid}` }, [`&:focus-visible ${componentCls}-item-link`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_2__.genFocusOutline)(token)), [`&:hover ${componentCls}-item-link`]: { backgroundColor: token.colorBgTextHover }, [`&:active ${componentCls}-item-link`]: { backgroundColor: token.colorBgTextActive }, [`&${componentCls}-disabled:hover`]: { [`${componentCls}-item-link`]: { backgroundColor: 'transparent' } } }, [`${componentCls}-slash`]: { marginInlineEnd: token.paginationSlashMarginInlineEnd, marginInlineStart: token.paginationSlashMarginInlineStart }, [`${componentCls}-options`]: { display: 'inline-block', marginInlineStart: token.margin, verticalAlign: 'middle', '&-size-changer.-select': { display: 'inline-block', width: 'auto' }, '&-quick-jumper': { display: 'inline-block', height: token.controlHeight, marginInlineStart: token.marginXS, lineHeight: `${token.controlHeight}px`, verticalAlign: 'top', input: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_input_style__WEBPACK_IMPORTED_MODULE_1__.genBasicInputStyle)(token)), { width: token.controlHeightLG * 1.25, height: token.controlHeight, boxSizing: 'border-box', margin: 0, marginInlineStart: token.marginXS, marginInlineEnd: token.marginXS }) } } }; }; const genPaginationItemStyle = token => { const { componentCls } = token; return { [`${componentCls}-item`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ display: 'inline-block', minWidth: token.paginationItemSize, height: token.paginationItemSize, marginInlineEnd: token.marginXS, fontFamily: token.paginationFontFamily, lineHeight: `${token.paginationItemSize - 2}px`, textAlign: 'center', verticalAlign: 'middle', listStyle: 'none', backgroundColor: 'transparent', border: `${token.lineWidth}px ${token.lineType} transparent`, borderRadius: token.borderRadius, outline: 0, cursor: 'pointer', userSelect: 'none', a: { display: 'block', padding: `0 ${token.paginationItemPaddingInline}px`, color: token.colorText, transition: 'none', '&:hover': { textDecoration: 'none' } }, [`&:not(${componentCls}-item-active)`]: { '&:hover': { transition: `all ${token.motionDurationMid}`, backgroundColor: token.colorBgTextHover }, '&:active': { backgroundColor: token.colorBgTextActive } } }, (0,_style__WEBPACK_IMPORTED_MODULE_2__.genFocusStyle)(token)), { '&-active': { fontWeight: token.paginationFontWeightActive, backgroundColor: token.paginationItemBgActive, borderColor: token.colorPrimary, a: { color: token.colorPrimary }, '&:hover': { borderColor: token.colorPrimaryHover }, '&:hover a': { color: token.colorPrimaryHover } } }) }; }; const genPaginationStyle = token => { const { componentCls } = token; return { [componentCls]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_2__.resetComponent)(token)), { 'ul, ol': { margin: 0, padding: 0, listStyle: 'none' }, '&::after': { display: 'block', clear: 'both', height: 0, overflow: 'hidden', visibility: 'hidden', content: '""' }, [`${componentCls}-total-text`]: { display: 'inline-block', height: token.paginationItemSize, marginInlineEnd: token.marginXS, lineHeight: `${token.paginationItemSize - 2}px`, verticalAlign: 'middle' } }), genPaginationItemStyle(token)), genPaginationJumpStyle(token)), genPaginationSimpleStyle(token)), genPaginationMiniStyle(token)), genPaginationDisabledStyle(token)), { // media query style [`@media only screen and (max-width: ${token.screenLG}px)`]: { [`${componentCls}-item`]: { '&-after-jump-prev, &-before-jump-next': { display: 'none' } } }, [`@media only screen and (max-width: ${token.screenSM}px)`]: { [`${componentCls}-options`]: { display: 'none' } } }), // rtl style [`&${token.componentCls}-rtl`]: { direction: 'rtl' } }; }; const genBorderedStyle = token => { const { componentCls } = token; return { [`${componentCls}${componentCls}-disabled`]: { '&, &:hover': { [`${componentCls}-item-link`]: { borderColor: token.colorBorder } }, '&:focus-visible': { [`${componentCls}-item-link`]: { borderColor: token.colorBorder } }, [`${componentCls}-item, ${componentCls}-item-link`]: { backgroundColor: token.colorBgContainerDisabled, borderColor: token.colorBorder, [`&:hover:not(${componentCls}-item-active)`]: { backgroundColor: token.colorBgContainerDisabled, borderColor: token.colorBorder, a: { color: token.colorTextDisabled } }, [`&${componentCls}-item-active`]: { backgroundColor: token.paginationItemDisabledBgActive } }, [`${componentCls}-prev, ${componentCls}-next`]: { '&:hover button': { backgroundColor: token.colorBgContainerDisabled, borderColor: token.colorBorder, color: token.colorTextDisabled }, [`${componentCls}-item-link`]: { backgroundColor: token.colorBgContainerDisabled, borderColor: token.colorBorder } } }, [componentCls]: { [`${componentCls}-prev, ${componentCls}-next`]: { '&:hover button': { borderColor: token.colorPrimaryHover, backgroundColor: token.paginationItemBg }, [`${componentCls}-item-link`]: { backgroundColor: token.paginationItemLinkBg, borderColor: token.colorBorder }, [`&:hover ${componentCls}-item-link`]: { borderColor: token.colorPrimary, backgroundColor: token.paginationItemBg, color: token.colorPrimary }, [`&${componentCls}-disabled`]: { [`${componentCls}-item-link`]: { borderColor: token.colorBorder, color: token.colorTextDisabled } } }, [`${componentCls}-item`]: { backgroundColor: token.paginationItemBg, border: `${token.lineWidth}px ${token.lineType} ${token.colorBorder}`, [`&:hover:not(${componentCls}-item-active)`]: { borderColor: token.colorPrimary, backgroundColor: token.paginationItemBg, a: { color: token.colorPrimary } }, '&-active': { borderColor: token.colorPrimary } } } }; }; // ============================== Export ============================== /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_theme_internal__WEBPACK_IMPORTED_MODULE_3__["default"])('Pagination', token => { const paginationToken = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_4__.merge)(token, { paginationItemSize: token.controlHeight, paginationFontFamily: token.fontFamily, paginationItemBg: token.colorBgContainer, paginationItemBgActive: token.colorBgContainer, paginationFontWeightActive: token.fontWeightStrong, paginationItemSizeSM: token.controlHeightSM, paginationItemInputBg: token.colorBgContainer, paginationMiniOptionsSizeChangerTop: 0, paginationItemDisabledBgActive: token.controlItemBgActiveDisabled, paginationItemDisabledColorActive: token.colorTextDisabled, paginationItemLinkBg: token.colorBgContainer, inputOutlineOffset: '0 0', paginationMiniOptionsMarginInlineStart: token.marginXXS / 2, paginationMiniQuickJumperInputWidth: token.controlHeightLG * 1.1, paginationItemPaddingInline: token.marginXXS * 1.5, paginationEllipsisLetterSpacing: token.marginXXS / 2, paginationSlashMarginInlineStart: token.marginXXS, paginationSlashMarginInlineEnd: token.marginSM, paginationEllipsisTextIndent: '0.13em' // magic for ui experience }, (0,_input_style__WEBPACK_IMPORTED_MODULE_1__.initInputToken)(token)); return [genPaginationStyle(paginationToken), token.wireframe && genBorderedStyle(paginationToken)]; })); /***/ }), /***/ "./components/popconfirm/index.tsx": /*!*****************************************!*\ !*** ./components/popconfirm/index.tsx ***! \*****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ popconfirmProps: () => (/* binding */ popconfirmProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _popover__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../popover */ "./components/popover/index.tsx"); /* harmony import */ var _tooltip_abstractTooltipProps__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../tooltip/abstractTooltipProps */ "./components/tooltip/abstractTooltipProps.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/initDefaultProps.ts"); /* harmony import */ var _button_buttonTypes__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../button/buttonTypes */ "./components/button/buttonTypes.ts"); /* harmony import */ var _ant_design_icons_vue_es_icons_ExclamationCircleFilled__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/ExclamationCircleFilled */ "./node_modules/@ant-design/icons-vue/es/icons/ExclamationCircleFilled.js"); /* harmony import */ var _button__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../button */ "./components/button/index.ts"); /* harmony import */ var _locale_provider_LocaleReceiver__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../locale-provider/LocaleReceiver */ "./components/locale/LocaleReceiver.tsx"); /* harmony import */ var _locale_en_US__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../locale/en_US */ "./components/locale/en_US.ts"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); /* harmony import */ var _util_hooks_useMergedState__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../_util/hooks/useMergedState */ "./components/_util/hooks/useMergedState.ts"); /* harmony import */ var _util_KeyCode__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../_util/KeyCode */ "./components/_util/KeyCode.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _util_transition__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../_util/transition */ "./components/_util/transition.tsx"); /* harmony import */ var _util_vnode__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../_util/vnode */ "./components/_util/vnode.ts"); /* harmony import */ var _util_omit__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../_util/omit */ "./components/_util/omit.ts"); /* harmony import */ var _tooltip_Tooltip__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../tooltip/Tooltip */ "./components/tooltip/Tooltip.tsx"); /* harmony import */ var _util_ActionButton__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../_util/ActionButton */ "./components/_util/ActionButton.tsx"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./style */ "./components/popconfirm/style/index.ts"); /* harmony import */ var _util_warning__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../_util/warning */ "./components/_util/warning.ts"); var __rest = undefined && undefined.__rest || function (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; }; const popconfirmProps = () => (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, (0,_tooltip_abstractTooltipProps__WEBPACK_IMPORTED_MODULE_3__["default"])()), { prefixCls: String, content: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.anyType)(), title: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.anyType)(), description: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.anyType)(), okType: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.stringType)('primary'), disabled: { type: Boolean, default: false }, okText: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.anyType)(), cancelText: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.anyType)(), icon: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.anyType)(), okButtonProps: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.objectType)(), cancelButtonProps: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.objectType)(), showCancel: { type: Boolean, default: true }, onConfirm: Function, onCancel: Function }); const Popconfirm = (0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'APopconfirm', inheritAttrs: false, props: (0,_util_props_util__WEBPACK_IMPORTED_MODULE_5__["default"])(popconfirmProps(), (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, (0,_tooltip_Tooltip__WEBPACK_IMPORTED_MODULE_6__.tooltipDefaultProps)()), { trigger: 'click', placement: 'top', mouseEnterDelay: 0.1, mouseLeaveDelay: 0.1, arrowPointAtCenter: false, autoAdjustOverflow: true, okType: 'primary', disabled: false })), slots: Object, // emits: ['update:open', 'visibleChange'], setup(props, _ref) { let { slots, emit, expose, attrs } = _ref; const rootRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(); (0,_util_warning__WEBPACK_IMPORTED_MODULE_7__["default"])(props.visible === undefined, 'Popconfirm', `\`visible\` will be removed in next major version, please use \`open\` instead.`); expose({ getPopupDomNode: () => { var _a, _b; return (_b = (_a = rootRef.value) === null || _a === void 0 ? void 0 : _a.getPopupDomNode) === null || _b === void 0 ? void 0 : _b.call(_a); } }); const [open, setOpen] = (0,_util_hooks_useMergedState__WEBPACK_IMPORTED_MODULE_8__["default"])(false, { value: (0,vue__WEBPACK_IMPORTED_MODULE_2__.toRef)(props, 'open') }); const settingOpen = (value, e) => { if (props.open === undefined) { setOpen(value); } emit('update:open', value); emit('openChange', value, e); }; const close = e => { settingOpen(false, e); }; const onConfirm = e => { var _a; return (_a = props.onConfirm) === null || _a === void 0 ? void 0 : _a.call(props, e); }; const onCancel = e => { var _a; settingOpen(false, e); (_a = props.onCancel) === null || _a === void 0 ? void 0 : _a.call(props, e); }; const onKeyDown = e => { if (e.keyCode === _util_KeyCode__WEBPACK_IMPORTED_MODULE_9__["default"].ESC && open) { settingOpen(false, e); } }; const onOpenChange = value => { const { disabled } = props; if (disabled) { return; } settingOpen(value); }; const { prefixCls: prefixClsConfirm, getPrefixCls } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_10__["default"])('popconfirm', props); const rootPrefixCls = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => getPrefixCls()); const btnPrefixCls = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => getPrefixCls('btn')); const [wrapSSR] = (0,_style__WEBPACK_IMPORTED_MODULE_11__["default"])(prefixClsConfirm); const [popconfirmLocale] = (0,_locale_provider_LocaleReceiver__WEBPACK_IMPORTED_MODULE_12__.useLocaleReceiver)('Popconfirm', _locale_en_US__WEBPACK_IMPORTED_MODULE_13__["default"].Popconfirm); const renderOverlay = () => { var _a, _b, _c, _d, _e; const { okButtonProps, cancelButtonProps, title = (_a = slots.title) === null || _a === void 0 ? void 0 : _a.call(slots), description = (_b = slots.description) === null || _b === void 0 ? void 0 : _b.call(slots), cancelText = (_c = slots.cancel) === null || _c === void 0 ? void 0 : _c.call(slots), okText = (_d = slots.okText) === null || _d === void 0 ? void 0 : _d.call(slots), okType, icon = ((_e = slots.icon) === null || _e === void 0 ? void 0 : _e.call(slots)) || (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_ant_design_icons_vue_es_icons_ExclamationCircleFilled__WEBPACK_IMPORTED_MODULE_14__["default"], null, null), showCancel = true } = props; const { cancelButton, okButton } = slots; const cancelProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({ onClick: onCancel, size: 'small' }, cancelButtonProps); const okProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({ onClick: onConfirm }, (0,_button_buttonTypes__WEBPACK_IMPORTED_MODULE_15__.convertLegacyProps)(okType)), { size: 'small' }), okButtonProps); return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": `${prefixClsConfirm.value}-inner-content` }, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": `${prefixClsConfirm.value}-message` }, [icon && (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", { "class": `${prefixClsConfirm.value}-message-icon` }, [icon]), (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": [`${prefixClsConfirm.value}-message-title`, { [`${prefixClsConfirm.value}-message-title-only`]: !!description }] }, [title])]), description && (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": `${prefixClsConfirm.value}-description` }, [description]), (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": `${prefixClsConfirm.value}-buttons` }, [showCancel ? cancelButton ? cancelButton(cancelProps) : (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_button__WEBPACK_IMPORTED_MODULE_16__["default"], cancelProps, { default: () => [cancelText || popconfirmLocale.value.cancelText] }) : null, okButton ? okButton(okProps) : (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_util_ActionButton__WEBPACK_IMPORTED_MODULE_17__["default"], { "buttonProps": (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({ size: 'small' }, (0,_button_buttonTypes__WEBPACK_IMPORTED_MODULE_15__.convertLegacyProps)(okType)), okButtonProps), "actionFn": onConfirm, "close": close, "prefixCls": btnPrefixCls.value, "quitOnNullishReturnValue": true, "emitEvent": true }, { default: () => [okText || popconfirmLocale.value.okText] })])]); }; return () => { var _a; const { placement, overlayClassName, trigger = 'click' } = props, restProps = __rest(props, ["placement", "overlayClassName", "trigger"]); const otherProps = (0,_util_omit__WEBPACK_IMPORTED_MODULE_18__["default"])(restProps, ['title', 'content', 'cancelText', 'okText', 'onUpdate:open', 'onConfirm', 'onCancel', 'prefixCls']); const overlayClassNames = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_19__["default"])(prefixClsConfirm.value, overlayClassName); return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_popover__WEBPACK_IMPORTED_MODULE_20__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, otherProps), attrs), {}, { "trigger": trigger, "placement": placement, "onOpenChange": onOpenChange, "open": open.value, "overlayClassName": overlayClassNames, "transitionName": (0,_util_transition__WEBPACK_IMPORTED_MODULE_21__.getTransitionName)(rootPrefixCls.value, 'zoom-big', props.transitionName), "ref": rootRef, "data-popover-inject": true }), { default: () => [(0,_util_vnode__WEBPACK_IMPORTED_MODULE_22__.cloneVNodes)(((_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)) || [], { onKeydown: e => { onKeyDown(e); } }, false)], content: renderOverlay })); }; } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_util_type__WEBPACK_IMPORTED_MODULE_4__.withInstall)(Popconfirm)); /***/ }), /***/ "./components/popconfirm/style/index.ts": /*!**********************************************!*\ !*** ./components/popconfirm/style/index.ts ***! \**********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/genComponentStyleHook.ts"); // =============================== Base =============================== const genBaseStyle = token => { const { componentCls, iconCls, zIndexPopup, colorText, colorWarning, marginXS, fontSize, fontWeightStrong, lineHeight } = token; return { [componentCls]: { zIndex: zIndexPopup, [`${componentCls}-inner-content`]: { color: colorText }, [`${componentCls}-message`]: { position: 'relative', marginBottom: marginXS, color: colorText, fontSize, display: 'flex', flexWrap: 'nowrap', alignItems: 'start', [`> ${componentCls}-message-icon ${iconCls}`]: { color: colorWarning, fontSize, flex: 'none', lineHeight: 1, paddingTop: (Math.round(fontSize * lineHeight) - fontSize) / 2 }, '&-title': { flex: 'auto', marginInlineStart: marginXS }, '&-title-only': { fontWeight: fontWeightStrong } }, [`${componentCls}-description`]: { position: 'relative', marginInlineStart: fontSize + marginXS, marginBottom: marginXS, color: colorText, fontSize }, [`${componentCls}-buttons`]: { textAlign: 'end', button: { marginInlineStart: marginXS } } } }; }; // ============================== Export ============================== /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_theme_internal__WEBPACK_IMPORTED_MODULE_0__["default"])('Popconfirm', token => genBaseStyle(token), token => { const { zIndexPopupBase } = token; return { zIndexPopup: zIndexPopupBase + 60 }; })); /***/ }), /***/ "./components/popover/index.tsx": /*!**************************************!*\ !*** ./components/popover/index.tsx ***! \**************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ popoverProps: () => (/* binding */ popoverProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../tooltip */ "./components/tooltip/index.ts"); /* harmony import */ var _tooltip_abstractTooltipProps__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../tooltip/abstractTooltipProps */ "./components/tooltip/abstractTooltipProps.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/initDefaultProps.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/index.ts"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _util_omit__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../_util/omit */ "./components/_util/omit.ts"); /* harmony import */ var _util_transition__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../_util/transition */ "./components/_util/transition.tsx"); /* harmony import */ var _tooltip_Tooltip__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../tooltip/Tooltip */ "./components/tooltip/Tooltip.tsx"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./style */ "./components/popover/style/index.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _util_warning__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../_util/warning */ "./components/_util/warning.ts"); const popoverProps = () => (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, (0,_tooltip_abstractTooltipProps__WEBPACK_IMPORTED_MODULE_3__["default"])()), { content: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.anyType)(), title: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.anyType)() }); const Popover = (0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'APopover', inheritAttrs: false, props: (0,_util_props_util__WEBPACK_IMPORTED_MODULE_5__["default"])(popoverProps(), (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, (0,_tooltip_Tooltip__WEBPACK_IMPORTED_MODULE_6__.tooltipDefaultProps)()), { trigger: 'hover', placement: 'top', mouseEnterDelay: 0.1, mouseLeaveDelay: 0.1 })), setup(props, _ref) { let { expose, slots, attrs } = _ref; const tooltipRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(); (0,_util_warning__WEBPACK_IMPORTED_MODULE_7__["default"])(props.visible === undefined, 'popover', `\`visible\` will be removed in next major version, please use \`open\` instead.`); expose({ getPopupDomNode: () => { var _a, _b; return (_b = (_a = tooltipRef.value) === null || _a === void 0 ? void 0 : _a.getPopupDomNode) === null || _b === void 0 ? void 0 : _b.call(_a); } }); const { prefixCls, configProvider } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_8__["default"])('popover', props); const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_9__["default"])(prefixCls); const rootPrefixCls = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => configProvider.getPrefixCls()); const getOverlay = () => { var _a, _b; const { title = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_10__.filterEmpty)((_a = slots.title) === null || _a === void 0 ? void 0 : _a.call(slots)), content = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_10__.filterEmpty)((_b = slots.content) === null || _b === void 0 ? void 0 : _b.call(slots)) } = props; const hasTitle = !!(Array.isArray(title) ? title.length : title); const hasContent = !!(Array.isArray(content) ? content.length : title); if (!hasTitle && !hasContent) return null; return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_2__.Fragment, null, [hasTitle && (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": `${prefixCls.value}-title` }, [title]), (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": `${prefixCls.value}-inner-content` }, [content])]); }; return () => { const overlayCls = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_11__["default"])(props.overlayClassName, hashId.value); return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_tooltip__WEBPACK_IMPORTED_MODULE_12__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_util_omit__WEBPACK_IMPORTED_MODULE_13__["default"])(props, ['title', 'content'])), attrs), {}, { "prefixCls": prefixCls.value, "ref": tooltipRef, "overlayClassName": overlayCls, "transitionName": (0,_util_transition__WEBPACK_IMPORTED_MODULE_14__.getTransitionName)(rootPrefixCls.value, 'zoom-big', props.transitionName), "data-popover-inject": true }), { title: getOverlay, default: slots.default })); }; } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_util_type__WEBPACK_IMPORTED_MODULE_4__.withInstall)(Popover)); /***/ }), /***/ "./components/popover/style/index.ts": /*!*******************************************!*\ !*** ./components/popover/style/index.ts ***! \*******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _style_motion__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../style/motion */ "./components/style/motion/zoom.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/interface/presetColors.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/genComponentStyleHook.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/statistic.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../style */ "./components/style/index.ts"); /* harmony import */ var _style_placementArrow__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../style/placementArrow */ "./components/style/placementArrow.ts"); const genBaseStyle = token => { const { componentCls, popoverBg, popoverColor, width, fontWeightStrong, popoverPadding, boxShadowSecondary, colorTextHeading, borderRadiusLG: borderRadius, zIndexPopup, marginXS, colorBgElevated } = token; return [{ [componentCls]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_1__.resetComponent)(token)), { position: 'absolute', top: 0, // use `left` to fix https://github.com/ant-design/ant-design/issues/39195 left: { _skip_check_: true, value: 0 }, zIndex: zIndexPopup, fontWeight: 'normal', whiteSpace: 'normal', textAlign: 'start', cursor: 'auto', userSelect: 'text', '--antd-arrow-background-color': colorBgElevated, '&-rtl': { direction: 'rtl' }, '&-hidden': { display: 'none' }, [`${componentCls}-content`]: { position: 'relative' }, [`${componentCls}-inner`]: { backgroundColor: popoverBg, backgroundClip: 'padding-box', borderRadius, boxShadow: boxShadowSecondary, padding: popoverPadding }, [`${componentCls}-title`]: { minWidth: width, marginBottom: marginXS, color: colorTextHeading, fontWeight: fontWeightStrong }, [`${componentCls}-inner-content`]: { color: popoverColor } }) }, // Arrow Style (0,_style_placementArrow__WEBPACK_IMPORTED_MODULE_2__["default"])(token, { colorBg: 'var(--antd-arrow-background-color)' }), // Pure Render { [`${componentCls}-pure`]: { position: 'relative', maxWidth: 'none', [`${componentCls}-content`]: { display: 'inline-block' } } }]; }; const genColorStyle = token => { const { componentCls } = token; return { [componentCls]: _theme_internal__WEBPACK_IMPORTED_MODULE_3__.PresetColors.map(colorKey => { const lightColor = token[`${colorKey}-6`]; return { [`&${componentCls}-${colorKey}`]: { '--antd-arrow-background-color': lightColor, [`${componentCls}-inner`]: { backgroundColor: lightColor }, [`${componentCls}-arrow`]: { background: 'transparent' } } }; }) }; }; const genWireframeStyle = token => { const { componentCls, lineWidth, lineType, colorSplit, paddingSM, controlHeight, fontSize, lineHeight, padding } = token; const titlePaddingBlockDist = controlHeight - Math.round(fontSize * lineHeight); const popoverTitlePaddingBlockTop = titlePaddingBlockDist / 2; const popoverTitlePaddingBlockBottom = titlePaddingBlockDist / 2 - lineWidth; const popoverPaddingHorizontal = padding; return { [componentCls]: { [`${componentCls}-inner`]: { padding: 0 }, [`${componentCls}-title`]: { margin: 0, padding: `${popoverTitlePaddingBlockTop}px ${popoverPaddingHorizontal}px ${popoverTitlePaddingBlockBottom}px`, borderBottom: `${lineWidth}px ${lineType} ${colorSplit}` }, [`${componentCls}-inner-content`]: { padding: `${paddingSM}px ${popoverPaddingHorizontal}px` } } }; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_theme_internal__WEBPACK_IMPORTED_MODULE_4__["default"])('Popover', token => { const { colorBgElevated, colorText, wireframe } = token; const popoverToken = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_5__.merge)(token, { popoverBg: colorBgElevated, popoverColor: colorText, popoverPadding: 12 // Fixed Value }); return [genBaseStyle(popoverToken), genColorStyle(popoverToken), wireframe && genWireframeStyle(popoverToken), (0,_style_motion__WEBPACK_IMPORTED_MODULE_6__.initZoomMotion)(popoverToken, 'zoom-big')]; }, _ref => { let { zIndexPopupBase } = _ref; return { zIndexPopup: zIndexPopupBase + 30, width: 177 }; })); /***/ }), /***/ "./components/progress/Circle.tsx": /*!****************************************!*\ !*** ./components/progress/Circle.tsx ***! \****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ circleProps: () => (/* binding */ circleProps), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _vc_progress__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../vc-progress */ "./components/vc-progress/src/Circle.tsx"); /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./utils */ "./components/progress/utils.ts"); /* harmony import */ var _props__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./props */ "./components/progress/props.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/initDefaultProps.ts"); /* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../tooltip */ "./components/tooltip/index.ts"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); const circleProps = () => (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, (0,_props__WEBPACK_IMPORTED_MODULE_3__.progressProps)()), { strokeColor: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.anyType)() }); const CIRCLE_MIN_STROKE_WIDTH = 3; const getMinPercent = width => CIRCLE_MIN_STROKE_WIDTH / width * 100; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'ProgressCircle', inheritAttrs: false, props: (0,_util_props_util__WEBPACK_IMPORTED_MODULE_5__["default"])(circleProps(), { trailColor: null }), setup(props, _ref) { let { slots, attrs } = _ref; const originWidth = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { var _a; return (_a = props.width) !== null && _a !== void 0 ? _a : 120; }); const mergedSize = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { var _a; return (_a = props.size) !== null && _a !== void 0 ? _a : [originWidth.value, originWidth.value]; }); const sizeRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => (0,_utils__WEBPACK_IMPORTED_MODULE_6__.getSize)(mergedSize.value, 'circle')); const gapDeg = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { // Support gapDeg = 0 when type = 'dashboard' if (props.gapDegree || props.gapDegree === 0) { return props.gapDegree; } if (props.type === 'dashboard') { return 75; } return undefined; }); const circleStyle = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { return { width: `${sizeRef.value.width}px`, height: `${sizeRef.value.height}px`, fontSize: `${sizeRef.value.width * 0.15 + 6}px` }; }); const circleWidth = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { var _a; return (_a = props.strokeWidth) !== null && _a !== void 0 ? _a : Math.max(getMinPercent(sizeRef.value.width), 6); }); const gapPos = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.gapPosition || props.type === 'dashboard' && 'bottom' || undefined); // using className to style stroke color const percent = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => (0,_utils__WEBPACK_IMPORTED_MODULE_6__.getPercentage)(props)); const isGradient = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => Object.prototype.toString.call(props.strokeColor) === '[object Object]'); const strokeColor = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => (0,_utils__WEBPACK_IMPORTED_MODULE_6__.getStrokeColor)({ success: props.success, strokeColor: props.strokeColor })); const wrapperClassName = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => ({ [`${props.prefixCls}-inner`]: true, [`${props.prefixCls}-circle-gradient`]: isGradient.value })); return () => { var _a; const circleContent = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_vc_progress__WEBPACK_IMPORTED_MODULE_7__["default"], { "percent": percent.value, "strokeWidth": circleWidth.value, "trailWidth": circleWidth.value, "strokeColor": strokeColor.value, "strokeLinecap": props.strokeLinecap, "trailColor": props.trailColor, "prefixCls": props.prefixCls, "gapDegree": gapDeg.value, "gapPosition": gapPos.value }, null); return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, attrs), {}, { "class": [wrapperClassName.value, attrs.class], "style": [attrs.style, circleStyle.value] }), [sizeRef.value.width <= 20 ? (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_tooltip__WEBPACK_IMPORTED_MODULE_8__["default"], null, { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", null, [circleContent])], title: slots.default }) : (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_2__.Fragment, null, [circleContent, (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)])]); }; } })); /***/ }), /***/ "./components/progress/Line.tsx": /*!**************************************!*\ !*** ./components/progress/Line.tsx ***! \**************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ handleGradient: () => (/* binding */ handleGradient), /* harmony export */ lineProps: () => (/* binding */ lineProps), /* harmony export */ sortGradient: () => (/* binding */ sortGradient) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_colors__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @ant-design/colors */ "./node_modules/@ant-design/colors/dist/index.esm.js"); /* harmony import */ var _props__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./props */ "./components/progress/props.ts"); /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./utils */ "./components/progress/utils.ts"); /* harmony import */ var _vc_util_devWarning__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../vc-util/devWarning */ "./components/vc-util/devWarning.ts"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); var __rest = undefined && undefined.__rest || function (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; }; const lineProps = () => (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, (0,_props__WEBPACK_IMPORTED_MODULE_4__.progressProps)()), { strokeColor: (0,_util_type__WEBPACK_IMPORTED_MODULE_5__.anyType)(), direction: (0,_util_type__WEBPACK_IMPORTED_MODULE_5__.stringType)() }); /** * { * '0%': '#afc163', * '75%': '#009900', * '50%': 'green', ====> '#afc163 0%, #66FF00 25%, #00CC00 50%, #009900 75%, #ffffff 100%' * '25%': '#66FF00', * '100%': '#ffffff' * } */ const sortGradient = gradients => { let tempArr = []; Object.keys(gradients).forEach(key => { const formattedKey = parseFloat(key.replace(/%/g, '')); if (!isNaN(formattedKey)) { tempArr.push({ key: formattedKey, value: gradients[key] }); } }); tempArr = tempArr.sort((a, b) => a.key - b.key); return tempArr.map(_ref => { let { key, value } = _ref; return `${value} ${key}%`; }).join(', '); }; /** * Then this man came to realize the truth: Besides six pence, there is the moon. Besides bread and * butter, there is the bug. And... Besides women, there is the code. * * @example * { * "0%": "#afc163", * "25%": "#66FF00", * "50%": "#00CC00", // ====> linear-gradient(to right, #afc163 0%, #66FF00 25%, * "75%": "#009900", // #00CC00 50%, #009900 75%, #ffffff 100%) * "100%": "#ffffff" * } */ const handleGradient = (strokeColor, directionConfig) => { const { from = _ant_design_colors__WEBPACK_IMPORTED_MODULE_3__.presetPrimaryColors.blue, to = _ant_design_colors__WEBPACK_IMPORTED_MODULE_3__.presetPrimaryColors.blue, direction = directionConfig === 'rtl' ? 'to left' : 'to right' } = strokeColor, rest = __rest(strokeColor, ["from", "to", "direction"]); if (Object.keys(rest).length !== 0) { const sortedGradients = sortGradient(rest); return { backgroundImage: `linear-gradient(${direction}, ${sortedGradients})` }; } return { backgroundImage: `linear-gradient(${direction}, ${from}, ${to})` }; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'ProgressLine', inheritAttrs: false, props: lineProps(), setup(props, _ref2) { let { slots, attrs } = _ref2; const backgroundProps = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { const { strokeColor, direction } = props; return strokeColor && typeof strokeColor !== 'string' ? handleGradient(strokeColor, direction) : { backgroundColor: strokeColor }; }); const borderRadius = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.strokeLinecap === 'square' || props.strokeLinecap === 'butt' ? 0 : undefined); const trailStyle = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.trailColor ? { backgroundColor: props.trailColor } : undefined); const mergedSize = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { var _a; return (_a = props.size) !== null && _a !== void 0 ? _a : [-1, props.strokeWidth || (props.size === 'small' ? 6 : 8)]; }); const sizeRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => (0,_utils__WEBPACK_IMPORTED_MODULE_6__.getSize)(mergedSize.value, 'line', { strokeWidth: props.strokeWidth })); if (true) { (0,_vc_util_devWarning__WEBPACK_IMPORTED_MODULE_7__["default"])('strokeWidth' in props, 'Progress', '`strokeWidth` is deprecated. Please use `size` instead.'); } const percentStyle = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { const { percent } = props; return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({ width: `${(0,_utils__WEBPACK_IMPORTED_MODULE_6__.validProgress)(percent)}%`, height: `${sizeRef.value.height}px`, borderRadius: borderRadius.value }, backgroundProps.value); }); const successPercent = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { return (0,_utils__WEBPACK_IMPORTED_MODULE_6__.getSuccessPercent)(props); }); const successPercentStyle = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { const { success } = props; return { width: `${(0,_utils__WEBPACK_IMPORTED_MODULE_6__.validProgress)(successPercent.value)}%`, height: `${sizeRef.value.height}px`, borderRadius: borderRadius.value, backgroundColor: success === null || success === void 0 ? void 0 : success.strokeColor }; }); const outerStyle = { width: sizeRef.value.width < 0 ? '100%' : sizeRef.value.width, height: `${sizeRef.value.height}px` }; return () => { var _a; return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_2__.Fragment, null, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, attrs), {}, { "class": [`${props.prefixCls}-outer`, attrs.class], "style": [attrs.style, outerStyle] }), [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": `${props.prefixCls}-inner`, "style": trailStyle.value }, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": `${props.prefixCls}-bg`, "style": percentStyle.value }, null), successPercent.value !== undefined ? (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": `${props.prefixCls}-success-bg`, "style": successPercentStyle.value }, null) : null])]), (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)]); }; } })); /***/ }), /***/ "./components/progress/Steps.tsx": /*!***************************************!*\ !*** ./components/progress/Steps.tsx ***! \***************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ stepsProps: () => (/* binding */ stepsProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); /* harmony import */ var _props__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./props */ "./components/progress/props.ts"); /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./utils */ "./components/progress/utils.ts"); const stepsProps = () => (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_props__WEBPACK_IMPORTED_MODULE_2__.progressProps)()), { steps: Number, strokeColor: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.someType)(), trailColor: String }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'Steps', props: stepsProps(), setup(props, _ref) { let { slots } = _ref; const current = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => Math.round(props.steps * ((props.percent || 0) / 100))); const mergedSize = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { var _a; return (_a = props.size) !== null && _a !== void 0 ? _a : [props.size === 'small' ? 2 : 14, props.strokeWidth || 8]; }); const sizeRef = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => (0,_utils__WEBPACK_IMPORTED_MODULE_4__.getSize)(mergedSize.value, 'step', { steps: props.steps, strokeWidth: props.strokeWidth || 8 })); const styledSteps = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { const { steps, strokeColor, trailColor, prefixCls } = props; const temp = []; for (let i = 0; i < steps; i += 1) { const color = Array.isArray(strokeColor) ? strokeColor[i] : strokeColor; const cls = { [`${prefixCls}-steps-item`]: true, [`${prefixCls}-steps-item-active`]: i <= current.value - 1 }; temp.push((0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "key": i, "class": cls, "style": { backgroundColor: i <= current.value - 1 ? color : trailColor, width: `${sizeRef.value.width / steps}px`, height: `${sizeRef.value.height}px` } }, null)); } return temp; }); return () => { var _a; return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${props.prefixCls}-steps-outer` }, [styledSteps.value, (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)]); }; } })); /***/ }), /***/ "./components/progress/index.ts": /*!**************************************!*\ !*** ./components/progress/index.ts ***! \**************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _progress__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./progress */ "./components/progress/progress.tsx"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_util_type__WEBPACK_IMPORTED_MODULE_0__.withInstall)(_progress__WEBPACK_IMPORTED_MODULE_1__["default"])); /***/ }), /***/ "./components/progress/progress.tsx": /*!******************************************!*\ !*** ./components/progress/progress.tsx ***! \******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_props_util_initDefaultProps__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../_util/props-util/initDefaultProps */ "./components/_util/props-util/initDefaultProps.ts"); /* harmony import */ var _ant_design_icons_vue_es_icons_CloseOutlined__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/CloseOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/CloseOutlined.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_CheckOutlined__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/CheckOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/CheckOutlined.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_CheckCircleFilled__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/CheckCircleFilled */ "./node_modules/@ant-design/icons-vue/es/icons/CheckCircleFilled.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_CloseCircleFilled__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/CloseCircleFilled */ "./node_modules/@ant-design/icons-vue/es/icons/CloseCircleFilled.js"); /* harmony import */ var _Line__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./Line */ "./components/progress/Line.tsx"); /* harmony import */ var _Circle__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./Circle */ "./components/progress/Circle.tsx"); /* harmony import */ var _Steps__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./Steps */ "./components/progress/Steps.tsx"); /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./utils */ "./components/progress/utils.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _vc_util_devWarning__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../vc-util/devWarning */ "./components/vc-util/devWarning.ts"); /* harmony import */ var _props__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./props */ "./components/progress/props.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./style */ "./components/progress/style/index.ts"); var __rest = undefined && undefined.__rest || function (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; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'AProgress', inheritAttrs: false, props: (0,_util_props_util_initDefaultProps__WEBPACK_IMPORTED_MODULE_2__["default"])((0,_props__WEBPACK_IMPORTED_MODULE_3__.progressProps)(), { type: 'line', percent: 0, showInfo: true, // null for different theme definition trailColor: null, size: 'default', strokeLinecap: 'round' }), slots: Object, setup(props, _ref) { let { slots, attrs } = _ref; const { prefixCls, direction } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_4__["default"])('progress', props); const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_5__["default"])(prefixCls); if (true) { (0,_vc_util_devWarning__WEBPACK_IMPORTED_MODULE_6__["default"])('successPercent' in props, 'Progress', '`successPercent` is deprecated. Please use `success.percent` instead.'); (0,_vc_util_devWarning__WEBPACK_IMPORTED_MODULE_6__["default"])('width' in props, 'Progress', '`width` is deprecated. Please use `size` instead.'); } const strokeColorNotArray = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => Array.isArray(props.strokeColor) ? props.strokeColor[0] : props.strokeColor); const percentNumber = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { const { percent = 0 } = props; const successPercent = (0,_utils__WEBPACK_IMPORTED_MODULE_7__.getSuccessPercent)(props); return parseInt(successPercent !== undefined ? successPercent.toString() : percent.toString(), 10); }); const progressStatus = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { const { status } = props; if (!_props__WEBPACK_IMPORTED_MODULE_3__.progressStatuses.includes(status) && percentNumber.value >= 100) { return 'success'; } return status || 'normal'; }); const classString = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { const { type, showInfo, size } = props; const pre = prefixCls.value; return { [pre]: true, [`${pre}-inline-circle`]: type === 'circle' && (0,_utils__WEBPACK_IMPORTED_MODULE_7__.getSize)(size, 'circle').width <= 20, [`${pre}-${type === 'dashboard' && 'circle' || type}`]: true, [`${pre}-status-${progressStatus.value}`]: true, [`${pre}-show-info`]: showInfo, [`${pre}-${size}`]: size, [`${pre}-rtl`]: direction.value === 'rtl', [hashId.value]: true }; }); const strokeColorNotGradient = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => typeof props.strokeColor === 'string' || Array.isArray(props.strokeColor) ? props.strokeColor : undefined); const renderProcessInfo = () => { const { showInfo, format, type, percent, title } = props; const successPercent = (0,_utils__WEBPACK_IMPORTED_MODULE_7__.getSuccessPercent)(props); if (!showInfo) return null; let text; const textFormatter = format || (slots === null || slots === void 0 ? void 0 : slots.format) || (val => `${val}%`); const isLineType = type === 'line'; if (format || (slots === null || slots === void 0 ? void 0 : slots.format) || progressStatus.value !== 'exception' && progressStatus.value !== 'success') { text = textFormatter((0,_utils__WEBPACK_IMPORTED_MODULE_7__.validProgress)(percent), (0,_utils__WEBPACK_IMPORTED_MODULE_7__.validProgress)(successPercent)); } else if (progressStatus.value === 'exception') { text = isLineType ? (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_ant_design_icons_vue_es_icons_CloseCircleFilled__WEBPACK_IMPORTED_MODULE_8__["default"], null, null) : (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_ant_design_icons_vue_es_icons_CloseOutlined__WEBPACK_IMPORTED_MODULE_9__["default"], null, null); } else if (progressStatus.value === 'success') { text = isLineType ? (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_ant_design_icons_vue_es_icons_CheckCircleFilled__WEBPACK_IMPORTED_MODULE_10__["default"], null, null) : (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_ant_design_icons_vue_es_icons_CheckOutlined__WEBPACK_IMPORTED_MODULE_11__["default"], null, null); } return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", { "class": `${prefixCls.value}-text`, "title": title === undefined && typeof text === 'string' ? text : undefined }, [text]); }; return () => { const { type, steps, title } = props; const { class: cls } = attrs, restAttrs = __rest(attrs, ["class"]); const progressInfo = renderProcessInfo(); let progress; // Render progress shape if (type === 'line') { progress = steps ? (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_Steps__WEBPACK_IMPORTED_MODULE_12__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props), {}, { "strokeColor": strokeColorNotGradient.value, "prefixCls": prefixCls.value, "steps": steps }), { default: () => [progressInfo] }) : (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_Line__WEBPACK_IMPORTED_MODULE_13__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props), {}, { "strokeColor": strokeColorNotArray.value, "prefixCls": prefixCls.value, "direction": direction.value }), { default: () => [progressInfo] }); } else if (type === 'circle' || type === 'dashboard') { progress = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_Circle__WEBPACK_IMPORTED_MODULE_14__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props), {}, { "prefixCls": prefixCls.value, "strokeColor": strokeColorNotArray.value, "progressStatus": progressStatus.value }), { default: () => [progressInfo] }); } return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "role": "progressbar" }, restAttrs), {}, { "class": [classString.value, cls], "title": title }), [progress])); }; } })); /***/ }), /***/ "./components/progress/props.ts": /*!**************************************!*\ !*** ./components/progress/props.ts ***! \**************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ progressProps: () => (/* binding */ progressProps), /* harmony export */ progressStatuses: () => (/* binding */ progressStatuses) /* harmony export */ }); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); const progressStatuses = ['normal', 'exception', 'active', 'success']; const ProgressType = ['line', 'circle', 'dashboard']; const ProgressSize = ['default', 'small']; const progressProps = () => ({ prefixCls: String, type: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.stringType)(), percent: Number, format: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.functionType)(), status: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.stringType)(), showInfo: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.booleanType)(), strokeWidth: Number, strokeLinecap: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.stringType)(), strokeColor: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.anyType)(), trailColor: String, /** @deprecated Use `size` instead */ width: Number, success: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.objectType)(), gapDegree: Number, gapPosition: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.stringType)(), size: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.someType)([String, Number, Array]), steps: Number, /** @deprecated Use `success` instead */ successPercent: Number, title: String, progressStatus: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.stringType)() }); /***/ }), /***/ "./components/progress/style/index.ts": /*!********************************************!*\ !*** ./components/progress/style/index.ts ***! \********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _util_cssinjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../_util/cssinjs */ "./components/_util/cssinjs/Keyframes.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/genComponentStyleHook.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/statistic.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../style */ "./components/style/index.ts"); const antProgressActive = new _util_cssinjs__WEBPACK_IMPORTED_MODULE_1__["default"]('antProgressActive', { '0%': { transform: 'translateX(-100%) scaleX(0)', opacity: 0.1 }, '20%': { transform: 'translateX(-100%) scaleX(0)', opacity: 0.5 }, to: { transform: 'translateX(0) scaleX(1)', opacity: 0 } }); const genBaseStyle = token => { const { componentCls: progressCls, iconCls: iconPrefixCls } = token; return { [progressCls]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_2__.resetComponent)(token)), { display: 'inline-block', '&-rtl': { direction: 'rtl' }, '&-line': { position: 'relative', width: '100%', fontSize: token.fontSize, marginInlineEnd: token.marginXS, marginBottom: token.marginXS }, [`${progressCls}-outer`]: { display: 'inline-block', width: '100%' }, [`&${progressCls}-show-info`]: { [`${progressCls}-outer`]: { marginInlineEnd: `calc(-2em - ${token.marginXS}px)`, paddingInlineEnd: `calc(2em + ${token.paddingXS}px)` } }, [`${progressCls}-inner`]: { position: 'relative', display: 'inline-block', width: '100%', overflow: 'hidden', verticalAlign: 'middle', backgroundColor: token.progressRemainingColor, borderRadius: token.progressLineRadius }, [`${progressCls}-inner:not(${progressCls}-circle-gradient)`]: { [`${progressCls}-circle-path`]: { stroke: token.colorInfo } }, [`${progressCls}-success-bg, ${progressCls}-bg`]: { position: 'relative', backgroundColor: token.colorInfo, borderRadius: token.progressLineRadius, transition: `all ${token.motionDurationSlow} ${token.motionEaseInOutCirc}` }, [`${progressCls}-success-bg`]: { position: 'absolute', insetBlockStart: 0, insetInlineStart: 0, backgroundColor: token.colorSuccess }, [`${progressCls}-text`]: { display: 'inline-block', width: '2em', marginInlineStart: token.marginXS, color: token.progressInfoTextColor, lineHeight: 1, whiteSpace: 'nowrap', textAlign: 'start', verticalAlign: 'middle', wordBreak: 'normal', [iconPrefixCls]: { fontSize: token.fontSize } }, [`&${progressCls}-status-active`]: { [`${progressCls}-bg::before`]: { position: 'absolute', inset: 0, backgroundColor: token.colorBgContainer, borderRadius: token.progressLineRadius, opacity: 0, animationName: antProgressActive, animationDuration: token.progressActiveMotionDuration, animationTimingFunction: token.motionEaseOutQuint, animationIterationCount: 'infinite', content: '""' } }, [`&${progressCls}-status-exception`]: { [`${progressCls}-bg`]: { backgroundColor: token.colorError }, [`${progressCls}-text`]: { color: token.colorError } }, [`&${progressCls}-status-exception ${progressCls}-inner:not(${progressCls}-circle-gradient)`]: { [`${progressCls}-circle-path`]: { stroke: token.colorError } }, [`&${progressCls}-status-success`]: { [`${progressCls}-bg`]: { backgroundColor: token.colorSuccess }, [`${progressCls}-text`]: { color: token.colorSuccess } }, [`&${progressCls}-status-success ${progressCls}-inner:not(${progressCls}-circle-gradient)`]: { [`${progressCls}-circle-path`]: { stroke: token.colorSuccess } } }) }; }; const genCircleStyle = token => { const { componentCls: progressCls, iconCls: iconPrefixCls } = token; return { [progressCls]: { [`${progressCls}-circle-trail`]: { stroke: token.progressRemainingColor }, [`&${progressCls}-circle ${progressCls}-inner`]: { position: 'relative', lineHeight: 1, backgroundColor: 'transparent' }, [`&${progressCls}-circle ${progressCls}-text`]: { position: 'absolute', insetBlockStart: '50%', insetInlineStart: 0, width: '100%', margin: 0, padding: 0, color: token.colorText, lineHeight: 1, whiteSpace: 'normal', textAlign: 'center', transform: 'translateY(-50%)', [iconPrefixCls]: { fontSize: `${token.fontSize / token.fontSizeSM}em` } }, [`${progressCls}-circle&-status-exception`]: { [`${progressCls}-text`]: { color: token.colorError } }, [`${progressCls}-circle&-status-success`]: { [`${progressCls}-text`]: { color: token.colorSuccess } } }, [`${progressCls}-inline-circle`]: { lineHeight: 1, [`${progressCls}-inner`]: { verticalAlign: 'bottom' } } }; }; const genStepStyle = token => { const { componentCls: progressCls } = token; return { [progressCls]: { [`${progressCls}-steps`]: { display: 'inline-block', '&-outer': { display: 'flex', flexDirection: 'row', alignItems: 'center' }, '&-item': { flexShrink: 0, minWidth: token.progressStepMinWidth, marginInlineEnd: token.progressStepMarginInlineEnd, backgroundColor: token.progressRemainingColor, transition: `all ${token.motionDurationSlow}`, '&-active': { backgroundColor: token.colorInfo } } } } }; }; const genSmallLine = token => { const { componentCls: progressCls, iconCls: iconPrefixCls } = token; return { [progressCls]: { [`${progressCls}-small&-line, ${progressCls}-small&-line ${progressCls}-text ${iconPrefixCls}`]: { fontSize: token.fontSizeSM } } }; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_theme_internal__WEBPACK_IMPORTED_MODULE_3__["default"])('Progress', token => { const progressStepMarginInlineEnd = token.marginXXS / 2; const progressToken = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_4__.merge)(token, { progressLineRadius: 100, progressInfoTextColor: token.colorText, progressDefaultColor: token.colorInfo, progressRemainingColor: token.colorFillSecondary, progressStepMarginInlineEnd, progressStepMinWidth: progressStepMarginInlineEnd, progressActiveMotionDuration: '2.4s' }); return [genBaseStyle(progressToken), genCircleStyle(progressToken), genStepStyle(progressToken), genSmallLine(progressToken)]; })); /***/ }), /***/ "./components/progress/utils.ts": /*!**************************************!*\ !*** ./components/progress/utils.ts ***! \**************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ getPercentage: () => (/* binding */ getPercentage), /* harmony export */ getSize: () => (/* binding */ getSize), /* harmony export */ getStrokeColor: () => (/* binding */ getStrokeColor), /* harmony export */ getSuccessPercent: () => (/* binding */ getSuccessPercent), /* harmony export */ validProgress: () => (/* binding */ validProgress) /* harmony export */ }); /* harmony import */ var _ant_design_colors__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @ant-design/colors */ "./node_modules/@ant-design/colors/dist/index.esm.js"); /* harmony import */ var _vc_util_devWarning__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../vc-util/devWarning */ "./components/vc-util/devWarning.ts"); function validProgress(progress) { if (!progress || progress < 0) { return 0; } if (progress > 100) { return 100; } return progress; } function getSuccessPercent(_ref) { let { success, successPercent } = _ref; let percent = successPercent; /** @deprecated Use `percent` instead */ if (success && 'progress' in success) { (0,_vc_util_devWarning__WEBPACK_IMPORTED_MODULE_1__["default"])(false, 'Progress', '`success.progress` is deprecated. Please use `success.percent` instead.'); percent = success.progress; } if (success && 'percent' in success) { percent = success.percent; } return percent; } function getPercentage(_ref2) { let { percent, success, successPercent } = _ref2; const realSuccessPercent = validProgress(getSuccessPercent({ success, successPercent })); return [realSuccessPercent, validProgress(validProgress(percent) - realSuccessPercent)]; } function getStrokeColor(_ref3) { let { success = {}, strokeColor } = _ref3; const { strokeColor: successColor } = success; return [successColor || _ant_design_colors__WEBPACK_IMPORTED_MODULE_0__.presetPrimaryColors.green, strokeColor || null]; } const getSize = (size, type, extra) => { var _a, _b, _c, _d; let width = -1; let height = -1; if (type === 'step') { const steps = extra.steps; const strokeWidth = extra.strokeWidth; if (typeof size === 'string' || typeof size === 'undefined') { width = size === 'small' ? 2 : 14; height = strokeWidth !== null && strokeWidth !== void 0 ? strokeWidth : 8; } else if (typeof size === 'number') { [width, height] = [size, size]; } else { [width = 14, height = 8] = size; } width *= steps; } else if (type === 'line') { const strokeWidth = extra === null || extra === void 0 ? void 0 : extra.strokeWidth; if (typeof size === 'string' || typeof size === 'undefined') { height = strokeWidth || (size === 'small' ? 6 : 8); } else if (typeof size === 'number') { [width, height] = [size, size]; } else { [width = -1, height = 8] = size; } } else if (type === 'circle' || type === 'dashboard') { if (typeof size === 'string' || typeof size === 'undefined') { [width, height] = size === 'small' ? [60, 60] : [120, 120]; } else if (typeof size === 'number') { [width, height] = [size, size]; } else { if (true) { (0,_vc_util_devWarning__WEBPACK_IMPORTED_MODULE_1__["default"])(false, 'Progress', 'Type "circle" and "dashboard" do not accept array as `size`, please use number or preset size instead.'); } width = (_b = (_a = size[0]) !== null && _a !== void 0 ? _a : size[1]) !== null && _b !== void 0 ? _b : 120; height = (_d = (_c = size[0]) !== null && _c !== void 0 ? _c : size[1]) !== null && _d !== void 0 ? _d : 120; } } return { width, height }; }; /***/ }), /***/ "./components/qrcode/QRCode.tsx": /*!**************************************!*\ !*** ./components/qrcode/QRCode.tsx ***! \**************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ QRCodeCanvas: () => (/* binding */ QRCodeCanvas), /* harmony export */ QRCodeSVG: () => (/* binding */ QRCodeSVG) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _interface__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./interface */ "./components/qrcode/interface.ts"); /* harmony import */ var _qrcodegen__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./qrcodegen */ "./components/qrcode/qrcodegen.ts"); const ERROR_LEVEL_MAP = { L: _qrcodegen__WEBPACK_IMPORTED_MODULE_3__["default"].QrCode.Ecc.LOW, M: _qrcodegen__WEBPACK_IMPORTED_MODULE_3__["default"].QrCode.Ecc.MEDIUM, Q: _qrcodegen__WEBPACK_IMPORTED_MODULE_3__["default"].QrCode.Ecc.QUARTILE, H: _qrcodegen__WEBPACK_IMPORTED_MODULE_3__["default"].QrCode.Ecc.HIGH }; const DEFAULT_SIZE = 128; const DEFAULT_LEVEL = 'L'; const DEFAULT_BGCOLOR = '#FFFFFF'; const DEFAULT_FGCOLOR = '#000000'; const DEFAULT_INCLUDEMARGIN = false; const SPEC_MARGIN_SIZE = 4; const DEFAULT_MARGIN_SIZE = 0; // This is *very* rough estimate of max amount of QRCode allowed to be covered. // It is "wrong" in a lot of ways (area is a terrible way to estimate, it // really should be number of modules covered), but if for some reason we don't // get an explicit height or width, I'd rather default to something than throw. const DEFAULT_IMG_SCALE = 0.1; function generatePath(modules) { let margin = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0; const ops = []; modules.forEach(function (row, y) { let start = null; row.forEach(function (cell, x) { if (!cell && start !== null) { // M0 0h7v1H0z injects the space with the move and drops the comma, // saving a char per operation ops.push(`M${start + margin} ${y + margin}h${x - start}v1H${start + margin}z`); start = null; return; } // end of row, clean up or skip if (x === row.length - 1) { if (!cell) { // We would have closed the op above already so this can only mean // 2+ light modules in a row. return; } if (start === null) { // Just a single dark module. ops.push(`M${x + margin},${y + margin} h1v1H${x + margin}z`); } else { // Otherwise finish the current line. ops.push(`M${start + margin},${y + margin} h${x + 1 - start}v1H${start + margin}z`); } return; } if (cell && start === null) { start = x; } }); }); return ops.join(''); } // We could just do this in generatePath, except that we want to support // non-Path2D canvas, so we need to keep it an explicit step. function excavateModules(modules, excavation) { return modules.slice().map((row, y) => { if (y < excavation.y || y >= excavation.y + excavation.h) { return row; } return row.map((cell, x) => { if (x < excavation.x || x >= excavation.x + excavation.w) { return cell; } return false; }); }); } function getImageSettings(cells, size, margin, imageSettings) { if (imageSettings == null) { return null; } const numCells = cells.length + margin * 2; const defaultSize = Math.floor(size * DEFAULT_IMG_SCALE); const scale = numCells / size; const w = (imageSettings.width || defaultSize) * scale; const h = (imageSettings.height || defaultSize) * scale; const x = imageSettings.x == null ? cells.length / 2 - w / 2 : imageSettings.x * scale; const y = imageSettings.y == null ? cells.length / 2 - h / 2 : imageSettings.y * scale; let excavation = null; if (imageSettings.excavate) { const floorX = Math.floor(x); const floorY = Math.floor(y); const ceilW = Math.ceil(w + x - floorX); const ceilH = Math.ceil(h + y - floorY); excavation = { x: floorX, y: floorY, w: ceilW, h: ceilH }; } return { x, y, h, w, excavation }; } function getMarginSize(includeMargin, marginSize) { if (marginSize != null) { return Math.floor(marginSize); } return includeMargin ? SPEC_MARGIN_SIZE : DEFAULT_MARGIN_SIZE; } // For canvas we're going to switch our drawing mode based on whether or not // the environment supports Path2D. We only need the constructor to be // supported, but Edge doesn't actually support the path (string) type // argument. Luckily it also doesn't support the addPath() method. We can // treat that as the same thing. const SUPPORTS_PATH2D = function () { try { new Path2D().addPath(new Path2D()); } catch (e) { return false; } return true; }(); const QRCodeCanvas = (0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ name: 'QRCodeCanvas', inheritAttrs: false, props: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, (0,_interface__WEBPACK_IMPORTED_MODULE_4__.qrProps)()), { level: String, bgColor: String, fgColor: String, marginSize: Number }), setup(props, _ref) { let { attrs, expose } = _ref; const imgSrc = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { var _a; return (_a = props.imageSettings) === null || _a === void 0 ? void 0 : _a.src; }); const _canvas = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(null); const _image = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(null); const isImgLoaded = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(false); expose({ toDataURL: (type, quality) => { var _a; return (_a = _canvas.value) === null || _a === void 0 ? void 0 : _a.toDataURL(type, quality); } }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watchEffect)(() => { const { value, size = DEFAULT_SIZE, level = DEFAULT_LEVEL, bgColor = DEFAULT_BGCOLOR, fgColor = DEFAULT_FGCOLOR, includeMargin = DEFAULT_INCLUDEMARGIN, marginSize, imageSettings } = props; if (_canvas.value != null) { const canvas = _canvas.value; const ctx = canvas.getContext('2d'); if (!ctx) { return; } let cells = _qrcodegen__WEBPACK_IMPORTED_MODULE_3__["default"].QrCode.encodeText(value, ERROR_LEVEL_MAP[level]).getModules(); const margin = getMarginSize(includeMargin, marginSize); const numCells = cells.length + margin * 2; const calculatedImageSettings = getImageSettings(cells, size, margin, imageSettings); const image = _image.value; const haveImageToRender = isImgLoaded.value && calculatedImageSettings != null && image !== null && image.complete && image.naturalHeight !== 0 && image.naturalWidth !== 0; if (haveImageToRender) { if (calculatedImageSettings.excavation != null) { cells = excavateModules(cells, calculatedImageSettings.excavation); } } // We're going to scale this so that the number of drawable units // matches the number of cells. This avoids rounding issues, but does // result in some potentially unwanted single pixel issues between // blocks, only in environments that don't support Path2D. const pixelRatio = window.devicePixelRatio || 1; canvas.height = canvas.width = size * pixelRatio; const scale = size / numCells * pixelRatio; ctx.scale(scale, scale); // Draw solid background, only paint dark modules. ctx.fillStyle = bgColor; ctx.fillRect(0, 0, numCells, numCells); ctx.fillStyle = fgColor; if (SUPPORTS_PATH2D) { // $FlowFixMe: Path2D c'tor doesn't support args yet. ctx.fill(new Path2D(generatePath(cells, margin))); } else { cells.forEach(function (row, rdx) { row.forEach(function (cell, cdx) { if (cell) { ctx.fillRect(cdx + margin, rdx + margin, 1, 1); } }); }); } if (haveImageToRender) { ctx.drawImage(image, calculatedImageSettings.x + margin, calculatedImageSettings.y + margin, calculatedImageSettings.w, calculatedImageSettings.h); } } }, { flush: 'post' }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)(imgSrc, () => { isImgLoaded.value = false; }); return () => { var _a; const size = (_a = props.size) !== null && _a !== void 0 ? _a : DEFAULT_SIZE; const canvasStyle = { height: `${size}px`, width: `${size}px` }; let img = null; if (imgSrc.value != null) { img = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("img", { "src": imgSrc.value, "key": imgSrc.value, "style": { display: 'none' }, "onLoad": () => { isImgLoaded.value = true; }, "ref": _image }, null); } return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_2__.Fragment, null, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("canvas", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, attrs), {}, { "style": [canvasStyle, attrs.style], "ref": _canvas }), null), img]); }; } }); const QRCodeSVG = (0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ name: 'QRCodeSVG', inheritAttrs: false, props: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, (0,_interface__WEBPACK_IMPORTED_MODULE_4__.qrProps)()), { color: String, level: String, bgColor: String, fgColor: String, marginSize: Number, title: String }), setup(props) { let cells = null; let margin = null; let numCells = null; let calculatedImageSettings = null; let fgPath = null; let image = null; (0,vue__WEBPACK_IMPORTED_MODULE_2__.watchEffect)(() => { const { value, size = DEFAULT_SIZE, level = DEFAULT_LEVEL, includeMargin = DEFAULT_INCLUDEMARGIN, marginSize, imageSettings } = props; cells = _qrcodegen__WEBPACK_IMPORTED_MODULE_3__["default"].QrCode.encodeText(value, ERROR_LEVEL_MAP[level]).getModules(); margin = getMarginSize(includeMargin, marginSize); numCells = cells.length + margin * 2; calculatedImageSettings = getImageSettings(cells, size, margin, imageSettings); if (imageSettings != null && calculatedImageSettings != null) { if (calculatedImageSettings.excavation != null) { cells = excavateModules(cells, calculatedImageSettings.excavation); } image = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("image", { "xlink:href": imageSettings.src, "height": calculatedImageSettings.h, "width": calculatedImageSettings.w, "x": calculatedImageSettings.x + margin, "y": calculatedImageSettings.y + margin, "preserveAspectRatio": "none" }, null); } // Drawing strategy: instead of a rect per module, we're going to create a // single path for the dark modules and layer that on top of a light rect, // for a total of 2 DOM nodes. We pay a bit more in string concat but that's // way faster than DOM ops. // For level 1, 441 nodes -> 2 // For level 40, 31329 -> 2 fgPath = generatePath(cells, margin); }); return () => { const bgColor = props.bgColor && DEFAULT_BGCOLOR; const fgColor = props.fgColor && DEFAULT_FGCOLOR; return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("svg", { "height": props.size, "width": props.size, "viewBox": `0 0 ${numCells} ${numCells}` }, [!!props.title && (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("title", null, [props.title]), (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("path", { "fill": bgColor, "d": `M0,0 h${numCells}v${numCells}H0z`, "shape-rendering": "crispEdges" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("path", { "fill": fgColor, "d": fgPath, "shape-rendering": "crispEdges" }, null), image]); }; } }); /***/ }), /***/ "./components/qrcode/index.tsx": /*!*************************************!*\ !*** ./components/qrcode/index.tsx ***! \*************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./style */ "./components/qrcode/style/index.ts"); /* harmony import */ var _locale_LocaleReceiver__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../locale/LocaleReceiver */ "./components/locale/LocaleReceiver.tsx"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); /* harmony import */ var _spin__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../spin */ "./components/spin/index.ts"); /* harmony import */ var _button__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../button */ "./components/button/index.ts"); /* harmony import */ var _ant_design_icons_vue__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @ant-design/icons-vue */ "./node_modules/@ant-design/icons-vue/es/icons/ReloadOutlined.js"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../theme/internal */ "./components/theme/internal.ts"); /* harmony import */ var _QRCode__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./QRCode */ "./components/qrcode/QRCode.tsx"); /* harmony import */ var _util_warning__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/warning */ "./components/_util/warning.ts"); /* harmony import */ var _interface__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./interface */ "./components/qrcode/interface.ts"); const QRCode = (0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ name: 'AQrcode', inheritAttrs: false, props: (0,_interface__WEBPACK_IMPORTED_MODULE_2__.qrcodeProps)(), emits: ['refresh'], setup(props, _ref) { let { emit, attrs, expose } = _ref; if (true) { (0,_util_warning__WEBPACK_IMPORTED_MODULE_3__["default"])(!(props.icon && props.errorLevel === 'L'), 'QRCode', 'ErrorLevel `L` is not recommended to be used with `icon`, for scanning result would be affected by low level.'); } const [locale] = (0,_locale_LocaleReceiver__WEBPACK_IMPORTED_MODULE_4__.useLocaleReceiver)('QRCode'); const { prefixCls } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_5__["default"])('qrcode', props); const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_6__["default"])(prefixCls); const [, token] = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_7__.useToken)(); const qrCodeCanvas = (0,vue__WEBPACK_IMPORTED_MODULE_1__.ref)(); expose({ toDataURL: (type, quality) => { var _a; return (_a = qrCodeCanvas.value) === null || _a === void 0 ? void 0 : _a.toDataURL(type, quality); } }); const qrCodeProps = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { const { value, icon = '', size = 160, iconSize = 40, color = token.value.colorText, bgColor = 'transparent', errorLevel = 'M' } = props; const imageSettings = { src: icon, x: undefined, y: undefined, height: iconSize, width: iconSize, excavate: true }; return { value, size: size - (token.value.paddingSM + token.value.lineWidth) * 2, level: errorLevel, bgColor, fgColor: color, imageSettings: icon ? imageSettings : undefined }; }); return () => { const pre = prefixCls.value; return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, attrs), {}, { "style": [attrs.style, { width: `${props.size}px`, height: `${props.size}px`, backgroundColor: qrCodeProps.value.bgColor }], "class": [hashId.value, pre, { [`${pre}-borderless`]: !props.bordered }] }), [props.status !== 'active' && (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${pre}-mask` }, [props.status === 'loading' && (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_spin__WEBPACK_IMPORTED_MODULE_8__["default"], null, null), props.status === 'expired' && (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_1__.Fragment, null, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("p", { "class": `${pre}-expired` }, [locale.value.expired]), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_button__WEBPACK_IMPORTED_MODULE_9__["default"], { "type": "link", "onClick": e => emit('refresh', e) }, { default: () => [locale.value.refresh], icon: () => (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_ant_design_icons_vue__WEBPACK_IMPORTED_MODULE_10__["default"], null, null) })]), props.status === 'scanned' && (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("p", { "class": `${pre}-scanned` }, [locale.value.scanned])]), props.type === 'canvas' ? (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_QRCode__WEBPACK_IMPORTED_MODULE_11__.QRCodeCanvas, (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "ref": qrCodeCanvas }, qrCodeProps.value), null) : (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_QRCode__WEBPACK_IMPORTED_MODULE_11__.QRCodeSVG, qrCodeProps.value, null)])); }; } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_util_type__WEBPACK_IMPORTED_MODULE_12__.withInstall)(QRCode)); /***/ }), /***/ "./components/qrcode/interface.ts": /*!****************************************!*\ !*** ./components/qrcode/interface.ts ***! \****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ qrProps: () => (/* binding */ qrProps), /* harmony export */ qrcodeProps: () => (/* binding */ qrcodeProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); const qrProps = () => { return { size: { type: Number, default: 160 }, value: { type: String, required: true }, type: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.stringType)('canvas'), color: String, bgColor: String, includeMargin: Boolean, imageSettings: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.objectType)() }; }; const qrcodeProps = () => { return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, qrProps()), { errorLevel: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.stringType)('M'), icon: String, iconSize: { type: Number, default: 40 }, status: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.stringType)('active'), bordered: { type: Boolean, default: true } }); }; /***/ }), /***/ "./components/qrcode/qrcodegen.ts": /*!****************************************!*\ !*** ./components/qrcode/qrcodegen.ts ***! \****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* eslint-disable @typescript-eslint/no-unused-vars */ /* eslint-disable @typescript-eslint/no-namespace */ /** * @license QR Code generator library (TypeScript) * Copyright (c) Project Nayuki. * SPDX-License-Identifier: MIT */ var qrcodegen; (function (qrcodegen) { /*---- QR Code symbol class ----*/ /* * A QR Code symbol, which is a type of two-dimension barcode. * Invented by Denso Wave and described in the ISO/IEC 18004 standard. * Instances of this class represent an immutable square grid of dark and light cells. * The class provides static factory functions to create a QR Code from text or binary data. * The class covers the QR Code Model 2 specification, supporting all versions (sizes) * from 1 to 40, all 4 error correction levels, and 4 character encoding modes. * * Ways to create a QR Code object: * - High level: Take the payload data and call QrCode.encodeText() or QrCode.encodeBinary(). * - Mid level: Custom-make the list of segments and call QrCode.encodeSegments(). * - Low level: Custom-make the array of data codeword bytes (including * segment headers and final padding, excluding error correction codewords), * supply the appropriate version number, and call the QrCode() constructor. * (Note that all ways require supplying the desired error correction level.) */ class QrCode { /*-- Static factory functions (high level) --*/ // Returns a QR Code representing the given Unicode text string at the given error correction level. // As a conservative upper bound, this function is guaranteed to succeed for strings that have 738 or fewer // Unicode code points (not UTF-16 code units) if the low error correction level is used. The smallest possible // QR Code version is automatically chosen for the output. The ECC level of the result may be higher than the // ecl argument if it can be done without increasing the version. static encodeText(text, ecl) { const segs = qrcodegen.QrSegment.makeSegments(text); return QrCode.encodeSegments(segs, ecl); } // Returns a QR Code representing the given binary data at the given error correction level. // This function always encodes using the binary segment mode, not any text mode. The maximum number of // bytes allowed is 2953. The smallest possible QR Code version is automatically chosen for the output. // The ECC level of the result may be higher than the ecl argument if it can be done without increasing the version. static encodeBinary(data, ecl) { const seg = qrcodegen.QrSegment.makeBytes(data); return QrCode.encodeSegments([seg], ecl); } /*-- Static factory functions (mid level) --*/ // Returns a QR Code representing the given segments with the given encoding parameters. // The smallest possible QR Code version within the given range is automatically // chosen for the output. Iff boostEcl is true, then the ECC level of the result // may be higher than the ecl argument if it can be done without increasing the // version. The mask number is either between 0 to 7 (inclusive) to force that // mask, or -1 to automatically choose an appropriate mask (which may be slow). // This function allows the user to create a custom sequence of segments that switches // between modes (such as alphanumeric and byte) to encode text in less space. // This is a mid-level API; the high-level API is encodeText() and encodeBinary(). static encodeSegments(segs, ecl) { let minVersion = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1; let maxVersion = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 40; let mask = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : -1; let boostEcl = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : true; if (!(QrCode.MIN_VERSION <= minVersion && minVersion <= maxVersion && maxVersion <= QrCode.MAX_VERSION) || mask < -1 || mask > 7) throw new RangeError('Invalid value'); // Find the minimal version number to use let version; let dataUsedBits; for (version = minVersion;; version++) { const dataCapacityBits = QrCode.getNumDataCodewords(version, ecl) * 8; // Number of data bits available const usedBits = QrSegment.getTotalBits(segs, version); if (usedBits <= dataCapacityBits) { dataUsedBits = usedBits; break; // This version number is found to be suitable } if (version >= maxVersion) // All versions in the range could not fit the given data throw new RangeError('Data too long'); } // Increase the error correction level while the data still fits in the current version number for (const newEcl of [QrCode.Ecc.MEDIUM, QrCode.Ecc.QUARTILE, QrCode.Ecc.HIGH]) { // From low to high if (boostEcl && dataUsedBits <= QrCode.getNumDataCodewords(version, newEcl) * 8) ecl = newEcl; } // Concatenate all segments to create the data bit string const bb = []; for (const seg of segs) { appendBits(seg.mode.modeBits, 4, bb); appendBits(seg.numChars, seg.mode.numCharCountBits(version), bb); for (const b of seg.getData()) bb.push(b); } assert(bb.length == dataUsedBits); // Add terminator and pad up to a byte if applicable const dataCapacityBits = QrCode.getNumDataCodewords(version, ecl) * 8; assert(bb.length <= dataCapacityBits); appendBits(0, Math.min(4, dataCapacityBits - bb.length), bb); appendBits(0, (8 - bb.length % 8) % 8, bb); assert(bb.length % 8 == 0); // Pad with alternating bytes until data capacity is reached for (let padByte = 0xec; bb.length < dataCapacityBits; padByte ^= 0xec ^ 0x11) appendBits(padByte, 8, bb); // Pack bits into bytes in big endian const dataCodewords = []; while (dataCodewords.length * 8 < bb.length) dataCodewords.push(0); bb.forEach((b, i) => dataCodewords[i >>> 3] |= b << 7 - (i & 7)); // Create the QR Code object return new QrCode(version, ecl, dataCodewords, mask); } /*-- Constructor (low level) and fields --*/ // Creates a new QR Code with the given version number, // error correction level, data codeword bytes, and mask number. // This is a low-level API that most users should not use directly. // A mid-level API is the encodeSegments() function. constructor( // The version number of this QR Code, which is between 1 and 40 (inclusive). // This determines the size of this barcode. version, // The error correction level used in this QR Code. errorCorrectionLevel, dataCodewords, msk) { this.version = version; this.errorCorrectionLevel = errorCorrectionLevel; // The modules of this QR Code (false = light, true = dark). // Immutable after constructor finishes. Accessed through getModule(). this.modules = []; // Indicates function modules that are not subjected to masking. Discarded when constructor finishes. this.isFunction = []; // Check scalar arguments if (version < QrCode.MIN_VERSION || version > QrCode.MAX_VERSION) throw new RangeError('Version value out of range'); if (msk < -1 || msk > 7) throw new RangeError('Mask value out of range'); this.size = version * 4 + 17; // Initialize both grids to be size*size arrays of Boolean false const row = []; for (let i = 0; i < this.size; i++) row.push(false); for (let i = 0; i < this.size; i++) { this.modules.push(row.slice()); // Initially all light this.isFunction.push(row.slice()); } // Compute ECC, draw modules this.drawFunctionPatterns(); const allCodewords = this.addEccAndInterleave(dataCodewords); this.drawCodewords(allCodewords); // Do masking if (msk == -1) { // Automatically choose best mask let minPenalty = 1000000000; for (let i = 0; i < 8; i++) { this.applyMask(i); this.drawFormatBits(i); const penalty = this.getPenaltyScore(); if (penalty < minPenalty) { msk = i; minPenalty = penalty; } this.applyMask(i); // Undoes the mask due to XOR } } assert(0 <= msk && msk <= 7); this.mask = msk; this.applyMask(msk); // Apply the final choice of mask this.drawFormatBits(msk); // Overwrite old format bits this.isFunction = []; } /*-- Accessor methods --*/ // Returns the color of the module (pixel) at the given coordinates, which is false // for light or true for dark. The top left corner has the coordinates (x=0, y=0). // If the given coordinates are out of bounds, then false (light) is returned. getModule(x, y) { return 0 <= x && x < this.size && 0 <= y && y < this.size && this.modules[y][x]; } // Modified to expose modules for easy access getModules() { return this.modules; } /*-- Private helper methods for constructor: Drawing function modules --*/ // Reads this object's version field, and draws and marks all function modules. drawFunctionPatterns() { // Draw horizontal and vertical timing patterns for (let i = 0; i < this.size; i++) { this.setFunctionModule(6, i, i % 2 == 0); this.setFunctionModule(i, 6, i % 2 == 0); } // Draw 3 finder patterns (all corners except bottom right; overwrites some timing modules) this.drawFinderPattern(3, 3); this.drawFinderPattern(this.size - 4, 3); this.drawFinderPattern(3, this.size - 4); // Draw numerous alignment patterns const alignPatPos = this.getAlignmentPatternPositions(); const numAlign = alignPatPos.length; for (let i = 0; i < numAlign; i++) { for (let j = 0; j < numAlign; j++) { // Don't draw on the three finder corners if (!(i == 0 && j == 0 || i == 0 && j == numAlign - 1 || i == numAlign - 1 && j == 0)) this.drawAlignmentPattern(alignPatPos[i], alignPatPos[j]); } } // Draw configuration data this.drawFormatBits(0); // Dummy mask value; overwritten later in the constructor this.drawVersion(); } // Draws two copies of the format bits (with its own error correction code) // based on the given mask and this object's error correction level field. drawFormatBits(mask) { // Calculate error correction code and pack bits const data = this.errorCorrectionLevel.formatBits << 3 | mask; // errCorrLvl is uint2, mask is uint3 let rem = data; for (let i = 0; i < 10; i++) rem = rem << 1 ^ (rem >>> 9) * 0x537; const bits = (data << 10 | rem) ^ 0x5412; // uint15 assert(bits >>> 15 == 0); // Draw first copy for (let i = 0; i <= 5; i++) this.setFunctionModule(8, i, getBit(bits, i)); this.setFunctionModule(8, 7, getBit(bits, 6)); this.setFunctionModule(8, 8, getBit(bits, 7)); this.setFunctionModule(7, 8, getBit(bits, 8)); for (let i = 9; i < 15; i++) this.setFunctionModule(14 - i, 8, getBit(bits, i)); // Draw second copy for (let i = 0; i < 8; i++) this.setFunctionModule(this.size - 1 - i, 8, getBit(bits, i)); for (let i = 8; i < 15; i++) this.setFunctionModule(8, this.size - 15 + i, getBit(bits, i)); this.setFunctionModule(8, this.size - 8, true); // Always dark } // Draws two copies of the version bits (with its own error correction code), // based on this object's version field, iff 7 <= version <= 40. drawVersion() { if (this.version < 7) return; // Calculate error correction code and pack bits let rem = this.version; // version is uint6, in the range [7, 40] for (let i = 0; i < 12; i++) rem = rem << 1 ^ (rem >>> 11) * 0x1f25; const bits = this.version << 12 | rem; // uint18 assert(bits >>> 18 == 0); // Draw two copies for (let i = 0; i < 18; i++) { const color = getBit(bits, i); const a = this.size - 11 + i % 3; const b = Math.floor(i / 3); this.setFunctionModule(a, b, color); this.setFunctionModule(b, a, color); } } // Draws a 9*9 finder pattern including the border separator, // with the center module at (x, y). Modules can be out of bounds. drawFinderPattern(x, y) { for (let dy = -4; dy <= 4; dy++) { for (let dx = -4; dx <= 4; dx++) { const dist = Math.max(Math.abs(dx), Math.abs(dy)); // Chebyshev/infinity norm const xx = x + dx; const yy = y + dy; if (0 <= xx && xx < this.size && 0 <= yy && yy < this.size) this.setFunctionModule(xx, yy, dist != 2 && dist != 4); } } } // Draws a 5*5 alignment pattern, with the center module // at (x, y). All modules must be in bounds. drawAlignmentPattern(x, y) { for (let dy = -2; dy <= 2; dy++) { for (let dx = -2; dx <= 2; dx++) this.setFunctionModule(x + dx, y + dy, Math.max(Math.abs(dx), Math.abs(dy)) != 1); } } // Sets the color of a module and marks it as a function module. // Only used by the constructor. Coordinates must be in bounds. setFunctionModule(x, y, isDark) { this.modules[y][x] = isDark; this.isFunction[y][x] = true; } /*-- Private helper methods for constructor: Codewords and masking --*/ // Returns a new byte string representing the given data with the appropriate error correction // codewords appended to it, based on this object's version and error correction level. addEccAndInterleave(data) { const ver = this.version; const ecl = this.errorCorrectionLevel; if (data.length != QrCode.getNumDataCodewords(ver, ecl)) throw new RangeError('Invalid argument'); // Calculate parameter numbers const numBlocks = QrCode.NUM_ERROR_CORRECTION_BLOCKS[ecl.ordinal][ver]; const blockEccLen = QrCode.ECC_CODEWORDS_PER_BLOCK[ecl.ordinal][ver]; const rawCodewords = Math.floor(QrCode.getNumRawDataModules(ver) / 8); const numShortBlocks = numBlocks - rawCodewords % numBlocks; const shortBlockLen = Math.floor(rawCodewords / numBlocks); // Split data into blocks and append ECC to each block const blocks = []; const rsDiv = QrCode.reedSolomonComputeDivisor(blockEccLen); for (let i = 0, k = 0; i < numBlocks; i++) { const dat = data.slice(k, k + shortBlockLen - blockEccLen + (i < numShortBlocks ? 0 : 1)); k += dat.length; const ecc = QrCode.reedSolomonComputeRemainder(dat, rsDiv); if (i < numShortBlocks) dat.push(0); blocks.push(dat.concat(ecc)); } // Interleave (not concatenate) the bytes from every block into a single sequence const result = []; for (let i = 0; i < blocks[0].length; i++) { blocks.forEach((block, j) => { // Skip the padding byte in short blocks if (i != shortBlockLen - blockEccLen || j >= numShortBlocks) result.push(block[i]); }); } assert(result.length == rawCodewords); return result; } // Draws the given sequence of 8-bit codewords (data and error correction) onto the entire // data area of this QR Code. Function modules need to be marked off before this is called. drawCodewords(data) { if (data.length != Math.floor(QrCode.getNumRawDataModules(this.version) / 8)) throw new RangeError('Invalid argument'); let i = 0; // Bit index into the data // Do the funny zigzag scan for (let right = this.size - 1; right >= 1; right -= 2) { // Index of right column in each column pair if (right == 6) right = 5; for (let vert = 0; vert < this.size; vert++) { // Vertical counter for (let j = 0; j < 2; j++) { const x = right - j; // Actual x coordinate const upward = (right + 1 & 2) == 0; const y = upward ? this.size - 1 - vert : vert; // Actual y coordinate if (!this.isFunction[y][x] && i < data.length * 8) { this.modules[y][x] = getBit(data[i >>> 3], 7 - (i & 7)); i++; } // If this QR Code has any remainder bits (0 to 7), they were assigned as // 0/false/light by the constructor and are left unchanged by this method } } } assert(i == data.length * 8); } // XORs the codeword modules in this QR Code with the given mask pattern. // The function modules must be marked and the codeword bits must be drawn // before masking. Due to the arithmetic of XOR, calling applyMask() with // the same mask value a second time will undo the mask. A final well-formed // QR Code needs exactly one (not zero, two, etc.) mask applied. applyMask(mask) { if (mask < 0 || mask > 7) throw new RangeError('Mask value out of range'); for (let y = 0; y < this.size; y++) { for (let x = 0; x < this.size; x++) { let invert; switch (mask) { case 0: invert = (x + y) % 2 == 0; break; case 1: invert = y % 2 == 0; break; case 2: invert = x % 3 == 0; break; case 3: invert = (x + y) % 3 == 0; break; case 4: invert = (Math.floor(x / 3) + Math.floor(y / 2)) % 2 == 0; break; case 5: invert = x * y % 2 + x * y % 3 == 0; break; case 6: invert = (x * y % 2 + x * y % 3) % 2 == 0; break; case 7: invert = ((x + y) % 2 + x * y % 3) % 2 == 0; break; default: throw new Error('Unreachable'); } if (!this.isFunction[y][x] && invert) this.modules[y][x] = !this.modules[y][x]; } } } // Calculates and returns the penalty score based on state of this QR Code's current modules. // This is used by the automatic mask choice algorithm to find the mask pattern that yields the lowest score. getPenaltyScore() { let result = 0; // Adjacent modules in row having same color, and finder-like patterns for (let y = 0; y < this.size; y++) { let runColor = false; let runX = 0; const runHistory = [0, 0, 0, 0, 0, 0, 0]; for (let x = 0; x < this.size; x++) { if (this.modules[y][x] == runColor) { runX++; if (runX == 5) result += QrCode.PENALTY_N1;else if (runX > 5) result++; } else { this.finderPenaltyAddHistory(runX, runHistory); if (!runColor) result += this.finderPenaltyCountPatterns(runHistory) * QrCode.PENALTY_N3; runColor = this.modules[y][x]; runX = 1; } } result += this.finderPenaltyTerminateAndCount(runColor, runX, runHistory) * QrCode.PENALTY_N3; } // Adjacent modules in column having same color, and finder-like patterns for (let x = 0; x < this.size; x++) { let runColor = false; let runY = 0; const runHistory = [0, 0, 0, 0, 0, 0, 0]; for (let y = 0; y < this.size; y++) { if (this.modules[y][x] == runColor) { runY++; if (runY == 5) result += QrCode.PENALTY_N1;else if (runY > 5) result++; } else { this.finderPenaltyAddHistory(runY, runHistory); if (!runColor) result += this.finderPenaltyCountPatterns(runHistory) * QrCode.PENALTY_N3; runColor = this.modules[y][x]; runY = 1; } } result += this.finderPenaltyTerminateAndCount(runColor, runY, runHistory) * QrCode.PENALTY_N3; } // 2*2 blocks of modules having same color for (let y = 0; y < this.size - 1; y++) { for (let x = 0; x < this.size - 1; x++) { const color = this.modules[y][x]; if (color == this.modules[y][x + 1] && color == this.modules[y + 1][x] && color == this.modules[y + 1][x + 1]) result += QrCode.PENALTY_N2; } } // Balance of dark and light modules let dark = 0; for (const row of this.modules) dark = row.reduce((sum, color) => sum + (color ? 1 : 0), dark); const total = this.size * this.size; // Note that size is odd, so dark/total != 1/2 // Compute the smallest integer k >= 0 such that (45-5k)% <= dark/total <= (55+5k)% const k = Math.ceil(Math.abs(dark * 20 - total * 10) / total) - 1; assert(0 <= k && k <= 9); result += k * QrCode.PENALTY_N4; assert(0 <= result && result <= 2568888); // Non-tight upper bound based on default values of PENALTY_N1, ..., N4 return result; } /*-- Private helper functions --*/ // Returns an ascending list of positions of alignment patterns for this version number. // Each position is in the range [0,177), and are used on both the x and y axes. // This could be implemented as lookup table of 40 variable-length lists of integers. getAlignmentPatternPositions() { if (this.version == 1) return [];else { const numAlign = Math.floor(this.version / 7) + 2; const step = this.version == 32 ? 26 : Math.ceil((this.version * 4 + 4) / (numAlign * 2 - 2)) * 2; const result = [6]; for (let pos = this.size - 7; result.length < numAlign; pos -= step) result.splice(1, 0, pos); return result; } } // Returns the number of data bits that can be stored in a QR Code of the given version number, after // all function modules are excluded. This includes remainder bits, so it might not be a multiple of 8. // The result is in the range [208, 29648]. This could be implemented as a 40-entry lookup table. static getNumRawDataModules(ver) { if (ver < QrCode.MIN_VERSION || ver > QrCode.MAX_VERSION) throw new RangeError('Version number out of range'); let result = (16 * ver + 128) * ver + 64; if (ver >= 2) { const numAlign = Math.floor(ver / 7) + 2; result -= (25 * numAlign - 10) * numAlign - 55; if (ver >= 7) result -= 36; } assert(208 <= result && result <= 29648); return result; } // Returns the number of 8-bit data (i.e. not error correction) codewords contained in any // QR Code of the given version number and error correction level, with remainder bits discarded. // This stateless pure function could be implemented as a (40*4)-cell lookup table. static getNumDataCodewords(ver, ecl) { return Math.floor(QrCode.getNumRawDataModules(ver) / 8) - QrCode.ECC_CODEWORDS_PER_BLOCK[ecl.ordinal][ver] * QrCode.NUM_ERROR_CORRECTION_BLOCKS[ecl.ordinal][ver]; } // Returns a Reed-Solomon ECC generator polynomial for the given degree. This could be // implemented as a lookup table over all possible parameter values, instead of as an algorithm. static reedSolomonComputeDivisor(degree) { if (degree < 1 || degree > 255) throw new RangeError('Degree out of range'); // Polynomial coefficients are stored from highest to lowest power, excluding the leading term which is always 1. // For example the polynomial x^3 + 255x^2 + 8x + 93 is stored as the uint8 array [255, 8, 93]. const result = []; for (let i = 0; i < degree - 1; i++) result.push(0); result.push(1); // Start off with the monomial x^0 // Compute the product polynomial (x - r^0) * (x - r^1) * (x - r^2) * ... * (x - r^{degree-1}), // and drop the highest monomial term which is always 1x^degree. // Note that r = 0x02, which is a generator element of this field GF(2^8/0x11D). let root = 1; for (let i = 0; i < degree; i++) { // Multiply the current product by (x - r^i) for (let j = 0; j < result.length; j++) { result[j] = QrCode.reedSolomonMultiply(result[j], root); if (j + 1 < result.length) result[j] ^= result[j + 1]; } root = QrCode.reedSolomonMultiply(root, 0x02); } return result; } // Returns the Reed-Solomon error correction codeword for the given data and divisor polynomials. static reedSolomonComputeRemainder(data, divisor) { const result = divisor.map(_ => 0); for (const b of data) { // Polynomial division const factor = b ^ result.shift(); result.push(0); divisor.forEach((coef, i) => result[i] ^= QrCode.reedSolomonMultiply(coef, factor)); } return result; } // Returns the product of the two given field elements modulo GF(2^8/0x11D). The arguments and result // are unsigned 8-bit integers. This could be implemented as a lookup table of 256*256 entries of uint8. static reedSolomonMultiply(x, y) { if (x >>> 8 != 0 || y >>> 8 != 0) throw new RangeError('Byte out of range'); // Russian peasant multiplication let z = 0; for (let i = 7; i >= 0; i--) { z = z << 1 ^ (z >>> 7) * 0x11d; z ^= (y >>> i & 1) * x; } assert(z >>> 8 == 0); return z; } // Can only be called immediately after a light run is added, and // returns either 0, 1, or 2. A helper function for getPenaltyScore(). finderPenaltyCountPatterns(runHistory) { const n = runHistory[1]; assert(n <= this.size * 3); const core = n > 0 && runHistory[2] == n && runHistory[3] == n * 3 && runHistory[4] == n && runHistory[5] == n; return (core && runHistory[0] >= n * 4 && runHistory[6] >= n ? 1 : 0) + (core && runHistory[6] >= n * 4 && runHistory[0] >= n ? 1 : 0); } // Must be called at the end of a line (row or column) of modules. A helper function for getPenaltyScore(). finderPenaltyTerminateAndCount(currentRunColor, currentRunLength, runHistory) { if (currentRunColor) { // Terminate dark run this.finderPenaltyAddHistory(currentRunLength, runHistory); currentRunLength = 0; } currentRunLength += this.size; // Add light border to final run this.finderPenaltyAddHistory(currentRunLength, runHistory); return this.finderPenaltyCountPatterns(runHistory); } // Pushes the given value to the front and drops the last value. A helper function for getPenaltyScore(). finderPenaltyAddHistory(currentRunLength, runHistory) { if (runHistory[0] == 0) currentRunLength += this.size; // Add light border to initial run runHistory.pop(); runHistory.unshift(currentRunLength); } } /*-- Constants and tables --*/ // The minimum version number supported in the QR Code Model 2 standard. QrCode.MIN_VERSION = 1; // The maximum version number supported in the QR Code Model 2 standard. QrCode.MAX_VERSION = 40; // For use in getPenaltyScore(), when evaluating which mask is best. QrCode.PENALTY_N1 = 3; QrCode.PENALTY_N2 = 3; QrCode.PENALTY_N3 = 40; QrCode.PENALTY_N4 = 10; QrCode.ECC_CODEWORDS_PER_BLOCK = [ // Version: (note that index 0 is for padding, and is set to an illegal value) //0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40 Error correction level [-1, 7, 10, 15, 20, 26, 18, 20, 24, 30, 18, 20, 24, 26, 30, 22, 24, 28, 30, 28, 28, 28, 28, 30, 30, 26, 28, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30], [-1, 10, 16, 26, 18, 24, 16, 18, 22, 22, 26, 30, 22, 22, 24, 24, 28, 28, 26, 26, 26, 26, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28], [-1, 13, 22, 18, 26, 18, 24, 18, 22, 20, 24, 28, 26, 24, 20, 30, 24, 28, 28, 26, 30, 28, 30, 30, 30, 30, 28, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30], [-1, 17, 28, 22, 16, 22, 28, 26, 26, 24, 28, 24, 28, 22, 24, 24, 30, 28, 28, 26, 28, 30, 24, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30] // High ]; QrCode.NUM_ERROR_CORRECTION_BLOCKS = [ // Version: (note that index 0 is for padding, and is set to an illegal value) //0, 1, 2, 3, 4, 5, 6, 7, 8, 9,10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40 Error correction level [-1, 1, 1, 1, 1, 1, 2, 2, 2, 2, 4, 4, 4, 4, 4, 6, 6, 6, 6, 7, 8, 8, 9, 9, 10, 12, 12, 12, 13, 14, 15, 16, 17, 18, 19, 19, 20, 21, 22, 24, 25], [-1, 1, 1, 1, 2, 2, 4, 4, 4, 5, 5, 5, 8, 9, 9, 10, 10, 11, 13, 14, 16, 17, 17, 18, 20, 21, 23, 25, 26, 28, 29, 31, 33, 35, 37, 38, 40, 43, 45, 47, 49], [-1, 1, 1, 2, 2, 4, 4, 6, 6, 8, 8, 8, 10, 12, 16, 12, 17, 16, 18, 21, 20, 23, 23, 25, 27, 29, 34, 34, 35, 38, 40, 43, 45, 48, 51, 53, 56, 59, 62, 65, 68], [-1, 1, 1, 2, 4, 4, 4, 5, 6, 8, 8, 11, 11, 16, 16, 18, 16, 19, 21, 25, 25, 25, 34, 30, 32, 35, 37, 40, 42, 45, 48, 51, 54, 57, 60, 63, 66, 70, 74, 77, 81] // High ]; qrcodegen.QrCode = QrCode; // Appends the given number of low-order bits of the given value // to the given buffer. Requires 0 <= len <= 31 and 0 <= val < 2^len. function appendBits(val, len, bb) { if (len < 0 || len > 31 || val >>> len != 0) throw new RangeError('Value out of range'); for (let i = len - 1; i >= 0; i-- // Append bit by bit ) bb.push(val >>> i & 1); } // Returns true iff the i'th bit of x is set to 1. function getBit(x, i) { return (x >>> i & 1) != 0; } // Throws an exception if the given condition is false. function assert(cond) { if (!cond) throw new Error('Assertion error'); } /*---- Data segment class ----*/ /* * A segment of character/binary/control data in a QR Code symbol. * Instances of this class are immutable. * The mid-level way to create a segment is to take the payload data * and call a static factory function such as QrSegment.makeNumeric(). * The low-level way to create a segment is to custom-make the bit buffer * and call the QrSegment() constructor with appropriate values. * This segment class imposes no length restrictions, but QR Codes have restrictions. * Even in the most favorable conditions, a QR Code can only hold 7089 characters of data. * Any segment longer than this is meaningless for the purpose of generating QR Codes. */ class QrSegment { /*-- Static factory functions (mid level) --*/ // Returns a segment representing the given binary data encoded in // byte mode. All input byte arrays are acceptable. Any text string // can be converted to UTF-8 bytes and encoded as a byte mode segment. static makeBytes(data) { const bb = []; for (const b of data) appendBits(b, 8, bb); return new QrSegment(QrSegment.Mode.BYTE, data.length, bb); } // Returns a segment representing the given string of decimal digits encoded in numeric mode. static makeNumeric(digits) { if (!QrSegment.isNumeric(digits)) throw new RangeError('String contains non-numeric characters'); const bb = []; for (let i = 0; i < digits.length;) { // Consume up to 3 digits per iteration const n = Math.min(digits.length - i, 3); appendBits(parseInt(digits.substring(i, i + n), 10), n * 3 + 1, bb); i += n; } return new QrSegment(QrSegment.Mode.NUMERIC, digits.length, bb); } // Returns a segment representing the given text string encoded in alphanumeric mode. // The characters allowed are: 0 to 9, A to Z (uppercase only), space, // dollar, percent, asterisk, plus, hyphen, period, slash, colon. static makeAlphanumeric(text) { if (!QrSegment.isAlphanumeric(text)) throw new RangeError('String contains unencodable characters in alphanumeric mode'); const bb = []; let i; for (i = 0; i + 2 <= text.length; i += 2) { // Process groups of 2 let temp = QrSegment.ALPHANUMERIC_CHARSET.indexOf(text.charAt(i)) * 45; temp += QrSegment.ALPHANUMERIC_CHARSET.indexOf(text.charAt(i + 1)); appendBits(temp, 11, bb); } if (i < text.length) // 1 character remaining appendBits(QrSegment.ALPHANUMERIC_CHARSET.indexOf(text.charAt(i)), 6, bb); return new QrSegment(QrSegment.Mode.ALPHANUMERIC, text.length, bb); } // Returns a new mutable list of zero or more segments to represent the given Unicode text string. // The result may use various segment modes and switch modes to optimize the length of the bit stream. static makeSegments(text) { // Select the most efficient segment encoding automatically if (text == '') return [];else if (QrSegment.isNumeric(text)) return [QrSegment.makeNumeric(text)];else if (QrSegment.isAlphanumeric(text)) return [QrSegment.makeAlphanumeric(text)];else return [QrSegment.makeBytes(QrSegment.toUtf8ByteArray(text))]; } // Returns a segment representing an Extended Channel Interpretation // (ECI) designator with the given assignment value. static makeEci(assignVal) { const bb = []; if (assignVal < 0) throw new RangeError('ECI assignment value out of range');else if (assignVal < 1 << 7) appendBits(assignVal, 8, bb);else if (assignVal < 1 << 14) { appendBits(0b10, 2, bb); appendBits(assignVal, 14, bb); } else if (assignVal < 1000000) { appendBits(0b110, 3, bb); appendBits(assignVal, 21, bb); } else throw new RangeError('ECI assignment value out of range'); return new QrSegment(QrSegment.Mode.ECI, 0, bb); } // Tests whether the given string can be encoded as a segment in numeric mode. // A string is encodable iff each character is in the range 0 to 9. static isNumeric(text) { return QrSegment.NUMERIC_REGEX.test(text); } // Tests whether the given string can be encoded as a segment in alphanumeric mode. // A string is encodable iff each character is in the following set: 0 to 9, A to Z // (uppercase only), space, dollar, percent, asterisk, plus, hyphen, period, slash, colon. static isAlphanumeric(text) { return QrSegment.ALPHANUMERIC_REGEX.test(text); } /*-- Constructor (low level) and fields --*/ // Creates a new QR Code segment with the given attributes and data. // The character count (numChars) must agree with the mode and the bit buffer length, // but the constraint isn't checked. The given bit buffer is cloned and stored. constructor( // The mode indicator of this segment. mode, // The length of this segment's unencoded data. Measured in characters for // numeric/alphanumeric/kanji mode, bytes for byte mode, and 0 for ECI mode. // Always zero or positive. Not the same as the data's bit length. numChars, // The data bits of this segment. Accessed through getData(). bitData) { this.mode = mode; this.numChars = numChars; this.bitData = bitData; if (numChars < 0) throw new RangeError('Invalid argument'); this.bitData = bitData.slice(); // Make defensive copy } /*-- Methods --*/ // Returns a new copy of the data bits of this segment. getData() { return this.bitData.slice(); // Make defensive copy } // (Package-private) Calculates and returns the number of bits needed to encode the given segments at // the given version. The result is infinity if a segment has too many characters to fit its length field. static getTotalBits(segs, version) { let result = 0; for (const seg of segs) { const ccbits = seg.mode.numCharCountBits(version); if (seg.numChars >= 1 << ccbits) return Infinity; // The segment's length doesn't fit the field's bit width result += 4 + ccbits + seg.bitData.length; } return result; } // Returns a new array of bytes representing the given string encoded in UTF-8. static toUtf8ByteArray(str) { str = encodeURI(str); const result = []; for (let i = 0; i < str.length; i++) { if (str.charAt(i) != '%') result.push(str.charCodeAt(i));else { result.push(parseInt(str.substring(i + 1, i + 3), 16)); i += 2; } } return result; } } /*-- Constants --*/ // Describes precisely all strings that are encodable in numeric mode. QrSegment.NUMERIC_REGEX = /^[0-9]*$/; // Describes precisely all strings that are encodable in alphanumeric mode. QrSegment.ALPHANUMERIC_REGEX = /^[A-Z0-9 $%*+.\/:-]*$/; // The set of all legal characters in alphanumeric mode, // where each character value maps to the index in the string. QrSegment.ALPHANUMERIC_CHARSET = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ $%*+-./:'; qrcodegen.QrSegment = QrSegment; })(qrcodegen || (qrcodegen = {})); /*---- Public helper enumeration ----*/ (function (qrcodegen) { var QrCode; (function (QrCode) { /* * The error correction level in a QR Code symbol. Immutable. */ class Ecc { /*-- Constructor and fields --*/ constructor( // In the range 0 to 3 (unsigned 2-bit integer). ordinal, // (Package-private) In the range 0 to 3 (unsigned 2-bit integer). formatBits) { this.ordinal = ordinal; this.formatBits = formatBits; } } /*-- Constants --*/ Ecc.LOW = new Ecc(0, 1); // The QR Code can tolerate about 7% erroneous codewords Ecc.MEDIUM = new Ecc(1, 0); // The QR Code can tolerate about 15% erroneous codewords Ecc.QUARTILE = new Ecc(2, 3); // The QR Code can tolerate about 25% erroneous codewords Ecc.HIGH = new Ecc(3, 2); // The QR Code can tolerate about 30% erroneous codewords QrCode.Ecc = Ecc; })(QrCode = qrcodegen.QrCode || (qrcodegen.QrCode = {})); })(qrcodegen || (qrcodegen = {})); /*---- Public helper enumeration ----*/ (function (qrcodegen) { var QrSegment; (function (QrSegment) { /* * Describes how a segment's data bits are interpreted. Immutable. */ class Mode { /*-- Constructor and fields --*/ constructor( // The mode indicator bits, which is a uint4 value (range 0 to 15). modeBits, // Number of character count bits for three different version ranges. numBitsCharCount) { this.modeBits = modeBits; this.numBitsCharCount = numBitsCharCount; } /*-- Method --*/ // (Package-private) Returns the bit width of the character count field for a segment in // this mode in a QR Code at the given version number. The result is in the range [0, 16]. numCharCountBits(ver) { return this.numBitsCharCount[Math.floor((ver + 7) / 17)]; } } /*-- Constants --*/ Mode.NUMERIC = new Mode(0x1, [10, 12, 14]); Mode.ALPHANUMERIC = new Mode(0x2, [9, 11, 13]); Mode.BYTE = new Mode(0x4, [8, 16, 16]); Mode.KANJI = new Mode(0x8, [8, 10, 12]); Mode.ECI = new Mode(0x7, [0, 0, 0]); QrSegment.Mode = Mode; })(QrSegment = qrcodegen.QrSegment || (qrcodegen.QrSegment = {})); })(qrcodegen || (qrcodegen = {})); // Modification to export for actual use /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (qrcodegen); /***/ }), /***/ "./components/qrcode/style/index.ts": /*!******************************************!*\ !*** ./components/qrcode/style/index.ts ***! \******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/genComponentStyleHook.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/statistic.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../style */ "./components/style/index.ts"); const genQRCodeStyle = token => { const { componentCls } = token; return { [componentCls]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_1__.resetComponent)(token)), { display: 'flex', justifyContent: 'center', alignItems: 'center', padding: token.paddingSM, backgroundColor: token.colorWhite, borderRadius: token.borderRadiusLG, border: `${token.lineWidth}px ${token.lineType} ${token.colorSplit}`, position: 'relative', width: '100%', height: '100%', overflow: 'hidden', [`& > ${componentCls}-mask`]: { position: 'absolute', insetBlockStart: 0, insetInlineStart: 0, zIndex: 10, display: 'flex', flexDirection: 'column', justifyContent: 'center', alignItems: 'center', width: '100%', height: '100%', color: token.colorText, lineHeight: token.lineHeight, background: token.QRCodeMaskBackgroundColor, textAlign: 'center', [`& > ${componentCls}-expired , & > ${componentCls}-scanned`]: { color: token.QRCodeTextColor } }, '&-icon': { marginBlockEnd: token.marginXS, fontSize: token.controlHeight } }), [`${componentCls}-borderless`]: { borderColor: 'transparent' } }; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_theme_internal__WEBPACK_IMPORTED_MODULE_2__["default"])('QRCode', token => genQRCodeStyle((0,_theme_internal__WEBPACK_IMPORTED_MODULE_3__.merge)(token, { QRCodeTextColor: 'rgba(0, 0, 0, 0.88)', QRCodeMaskBackgroundColor: 'rgba(255, 255, 255, 0.96)' })))); /***/ }), /***/ "./components/radio/Group.tsx": /*!************************************!*\ !*** ./components/radio/Group.tsx ***! \************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ radioGroupProps: () => (/* binding */ radioGroupProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _Radio__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./Radio */ "./components/radio/Radio.tsx"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); /* harmony import */ var _form_FormItemContext__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../form/FormItemContext */ "./components/form/FormItemContext.ts"); /* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./context */ "./components/radio/context.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./style */ "./components/radio/style/index.tsx"); // CSSINJS const RadioGroupSizeTypes = ['large', 'default', 'small']; const radioGroupProps = () => ({ prefixCls: String, value: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].any, size: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.stringType)(), options: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.arrayType)(), disabled: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.booleanType)(), name: String, buttonStyle: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.stringType)('outline'), id: String, optionType: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.stringType)('default'), onChange: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.functionType)(), 'onUpdate:value': (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.functionType)() }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'ARadioGroup', inheritAttrs: false, props: radioGroupProps(), // emits: ['update:value', 'change'], setup(props, _ref) { let { slots, emit, attrs } = _ref; const formItemContext = (0,_form_FormItemContext__WEBPACK_IMPORTED_MODULE_4__.useInjectFormItemContext)(); const { prefixCls, direction, size } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_5__["default"])('radio', props); // Style const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_6__["default"])(prefixCls); const stateValue = (0,vue__WEBPACK_IMPORTED_MODULE_1__.ref)(props.value); const updatingValue = (0,vue__WEBPACK_IMPORTED_MODULE_1__.ref)(false); (0,vue__WEBPACK_IMPORTED_MODULE_1__.watch)(() => props.value, val => { stateValue.value = val; updatingValue.value = false; }); const onRadioChange = ev => { const lastValue = stateValue.value; const { value } = ev.target; if (!('value' in props)) { stateValue.value = value; } // nextTick for https://github.com/vueComponent/ant-design-vue/issues/1280 if (!updatingValue.value && value !== lastValue) { updatingValue.value = true; emit('update:value', value); emit('change', ev); formItemContext.onFieldChange(); } (0,vue__WEBPACK_IMPORTED_MODULE_1__.nextTick)(() => { updatingValue.value = false; }); }; (0,_context__WEBPACK_IMPORTED_MODULE_7__.useProvideRadioGroupContext)({ onChange: onRadioChange, value: stateValue, disabled: (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => props.disabled), name: (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => props.name), optionType: (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => props.optionType) }); return () => { var _a; const { options, buttonStyle, id = formItemContext.id.value } = props; const groupPrefixCls = `${prefixCls.value}-group`; const classString = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_8__["default"])(groupPrefixCls, `${groupPrefixCls}-${buttonStyle}`, { [`${groupPrefixCls}-${size.value}`]: size.value, [`${groupPrefixCls}-rtl`]: direction.value === 'rtl' }, attrs.class, hashId.value); let children = null; if (options && options.length > 0) { children = options.map(option => { if (typeof option === 'string' || typeof option === 'number') { return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_Radio__WEBPACK_IMPORTED_MODULE_9__["default"], { "key": option, "prefixCls": prefixCls.value, "disabled": props.disabled, "value": option, "checked": stateValue.value === option }, { default: () => [option] }); } const { value, disabled, label } = option; return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_Radio__WEBPACK_IMPORTED_MODULE_9__["default"], { "key": `radio-group-value-options-${value}`, "prefixCls": prefixCls.value, "disabled": disabled || props.disabled, "value": value, "checked": stateValue.value === value }, { default: () => [label] }); }); } else { children = (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots); } return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, attrs), {}, { "class": classString, "id": id }), [children])); }; } })); /***/ }), /***/ "./components/radio/Radio.tsx": /*!************************************!*\ !*** ./components/radio/Radio.tsx ***! \************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ radioProps: () => (/* binding */ radioProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _vc_checkbox_Checkbox__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../vc-checkbox/Checkbox */ "./components/vc-checkbox/Checkbox.tsx"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _form_FormItemContext__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../form/FormItemContext */ "./components/form/FormItemContext.ts"); /* harmony import */ var _util_omit__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../_util/omit */ "./components/_util/omit.ts"); /* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./context */ "./components/radio/context.ts"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./style */ "./components/radio/style/index.tsx"); /* harmony import */ var _config_provider_DisabledContext__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../config-provider/DisabledContext */ "./components/config-provider/DisabledContext.ts"); var __rest = undefined && undefined.__rest || function (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; }; // CSSINJS const radioProps = () => ({ prefixCls: String, checked: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.booleanType)(), disabled: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.booleanType)(), isGroup: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.booleanType)(), value: _util_vue_types__WEBPACK_IMPORTED_MODULE_4__["default"].any, name: String, id: String, autofocus: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.booleanType)(), onChange: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.functionType)(), onFocus: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.functionType)(), onBlur: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.functionType)(), onClick: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.functionType)(), 'onUpdate:checked': (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.functionType)(), 'onUpdate:value': (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.functionType)() }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'ARadio', inheritAttrs: false, props: radioProps(), setup(props, _ref) { let { emit, expose, slots, attrs } = _ref; const formItemContext = (0,_form_FormItemContext__WEBPACK_IMPORTED_MODULE_5__.useInjectFormItemContext)(); const formItemInputContext = _form_FormItemContext__WEBPACK_IMPORTED_MODULE_5__.FormItemInputContext.useInject(); const radioOptionTypeContext = (0,_context__WEBPACK_IMPORTED_MODULE_6__.useInjectRadioOptionTypeContext)(); const radioGroupContext = (0,_context__WEBPACK_IMPORTED_MODULE_6__.useInjectRadioGroupContext)(); const disabledContext = (0,_config_provider_DisabledContext__WEBPACK_IMPORTED_MODULE_7__.useInjectDisabled)(); const mergedDisabled = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { var _a; return (_a = disabled.value) !== null && _a !== void 0 ? _a : disabledContext.value; }); const vcCheckbox = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(); const { prefixCls: radioPrefixCls, direction, disabled } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_8__["default"])('radio', props); const prefixCls = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => (radioGroupContext === null || radioGroupContext === void 0 ? void 0 : radioGroupContext.optionType.value) === 'button' || radioOptionTypeContext === 'button' ? `${radioPrefixCls.value}-button` : radioPrefixCls.value); const contextDisabled = (0,_config_provider_DisabledContext__WEBPACK_IMPORTED_MODULE_7__.useInjectDisabled)(); // Style const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_9__["default"])(radioPrefixCls); const focus = () => { vcCheckbox.value.focus(); }; const blur = () => { vcCheckbox.value.blur(); }; expose({ focus, blur }); const handleChange = event => { const targetChecked = event.target.checked; emit('update:checked', targetChecked); emit('update:value', targetChecked); emit('change', event); formItemContext.onFieldChange(); }; const onChange = e => { emit('change', e); if (radioGroupContext && radioGroupContext.onChange) { radioGroupContext.onChange(e); } }; return () => { var _a; const radioGroup = radioGroupContext; const { prefixCls: customizePrefixCls, id = formItemContext.id.value } = props, restProps = __rest(props, ["prefixCls", "id"]); const rProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({ prefixCls: prefixCls.value, id }, (0,_util_omit__WEBPACK_IMPORTED_MODULE_10__["default"])(restProps, ['onUpdate:checked', 'onUpdate:value'])), { disabled: (_a = disabled.value) !== null && _a !== void 0 ? _a : contextDisabled.value }); if (radioGroup) { rProps.name = radioGroup.name.value; rProps.onChange = onChange; rProps.checked = props.value === radioGroup.value.value; rProps.disabled = mergedDisabled.value || radioGroup.disabled.value; } else { rProps.onChange = handleChange; } const wrapperClassString = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_11__["default"])({ [`${prefixCls.value}-wrapper`]: true, [`${prefixCls.value}-wrapper-checked`]: rProps.checked, [`${prefixCls.value}-wrapper-disabled`]: rProps.disabled, [`${prefixCls.value}-wrapper-rtl`]: direction.value === 'rtl', [`${prefixCls.value}-wrapper-in-form-item`]: formItemInputContext.isFormItemInput }, attrs.class, hashId.value); return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("label", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, attrs), {}, { "class": wrapperClassString }), [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_vc_checkbox_Checkbox__WEBPACK_IMPORTED_MODULE_12__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, rProps), {}, { "type": "radio", "ref": vcCheckbox }), null), slots.default && (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", null, [slots.default()])])); }; } })); /***/ }), /***/ "./components/radio/RadioButton.tsx": /*!******************************************!*\ !*** ./components/radio/RadioButton.tsx ***! \******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _Radio__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Radio */ "./components/radio/Radio.tsx"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./context */ "./components/radio/context.ts"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'ARadioButton', inheritAttrs: false, props: (0,_Radio__WEBPACK_IMPORTED_MODULE_2__.radioProps)(), setup(props, _ref) { let { slots, attrs } = _ref; const { prefixCls } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_3__["default"])('radio', props); (0,_context__WEBPACK_IMPORTED_MODULE_4__.useProvideRadioOptionTypeContext)('button'); return () => { var _a; return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_Radio__WEBPACK_IMPORTED_MODULE_2__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, attrs), props), {}, { "prefixCls": prefixCls.value }), { default: () => [(_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)] }); }; } })); /***/ }), /***/ "./components/radio/context.ts": /*!*************************************!*\ !*** ./components/radio/context.ts ***! \*************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ useInjectRadioGroupContext: () => (/* binding */ useInjectRadioGroupContext), /* harmony export */ useInjectRadioOptionTypeContext: () => (/* binding */ useInjectRadioOptionTypeContext), /* harmony export */ useProvideRadioGroupContext: () => (/* binding */ useProvideRadioGroupContext), /* harmony export */ useProvideRadioOptionTypeContext: () => (/* binding */ useProvideRadioOptionTypeContext) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); const radioGroupContextKey = Symbol('radioGroupContextKey'); const useProvideRadioGroupContext = props => { (0,vue__WEBPACK_IMPORTED_MODULE_0__.provide)(radioGroupContextKey, props); }; const useInjectRadioGroupContext = () => { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.inject)(radioGroupContextKey, undefined); }; const radioOptionTypeContextKey = Symbol('radioOptionTypeContextKey'); const useProvideRadioOptionTypeContext = props => { (0,vue__WEBPACK_IMPORTED_MODULE_0__.provide)(radioOptionTypeContextKey, props); }; const useInjectRadioOptionTypeContext = () => { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.inject)(radioOptionTypeContextKey, undefined); }; /***/ }), /***/ "./components/radio/index.ts": /*!***********************************!*\ !*** ./components/radio/index.ts ***! \***********************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ Button: () => (/* reexport safe */ _RadioButton__WEBPACK_IMPORTED_MODULE_2__["default"]), /* harmony export */ Group: () => (/* reexport safe */ _Group__WEBPACK_IMPORTED_MODULE_1__["default"]), /* harmony export */ RadioButton: () => (/* reexport safe */ _RadioButton__WEBPACK_IMPORTED_MODULE_2__["default"]), /* harmony export */ RadioGroup: () => (/* reexport safe */ _Group__WEBPACK_IMPORTED_MODULE_1__["default"]), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _Radio__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Radio */ "./components/radio/Radio.tsx"); /* harmony import */ var _Group__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Group */ "./components/radio/Group.tsx"); /* harmony import */ var _RadioButton__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./RadioButton */ "./components/radio/RadioButton.tsx"); _Radio__WEBPACK_IMPORTED_MODULE_0__["default"].Group = _Group__WEBPACK_IMPORTED_MODULE_1__["default"]; _Radio__WEBPACK_IMPORTED_MODULE_0__["default"].Button = _RadioButton__WEBPACK_IMPORTED_MODULE_2__["default"]; /* istanbul ignore next */ _Radio__WEBPACK_IMPORTED_MODULE_0__["default"].install = function (app) { app.component(_Radio__WEBPACK_IMPORTED_MODULE_0__["default"].name, _Radio__WEBPACK_IMPORTED_MODULE_0__["default"]); app.component(_Radio__WEBPACK_IMPORTED_MODULE_0__["default"].Group.name, _Radio__WEBPACK_IMPORTED_MODULE_0__["default"].Group); app.component(_Radio__WEBPACK_IMPORTED_MODULE_0__["default"].Button.name, _Radio__WEBPACK_IMPORTED_MODULE_0__["default"].Button); return app; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_Radio__WEBPACK_IMPORTED_MODULE_0__["default"]); /***/ }), /***/ "./components/radio/style/index.tsx": /*!******************************************!*\ !*** ./components/radio/style/index.tsx ***! \******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _util_cssinjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../_util/cssinjs */ "./components/_util/cssinjs/Keyframes.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/genComponentStyleHook.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/statistic.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../style */ "./components/style/index.ts"); // ============================== Styles ============================== const antRadioEffect = new _util_cssinjs__WEBPACK_IMPORTED_MODULE_1__["default"]('antRadioEffect', { '0%': { transform: 'scale(1)', opacity: 0.5 }, '100%': { transform: 'scale(1.6)', opacity: 0 } }); // styles from RadioGroup only const getGroupRadioStyle = token => { const { componentCls, antCls } = token; const groupPrefixCls = `${componentCls}-group`; return { [groupPrefixCls]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_2__.resetComponent)(token)), { display: 'inline-block', fontSize: 0, // RTL [`&${groupPrefixCls}-rtl`]: { direction: 'rtl' }, [`${antCls}-badge ${antCls}-badge-count`]: { zIndex: 1 }, [`> ${antCls}-badge:not(:first-child) > ${antCls}-button-wrapper`]: { borderInlineStart: 'none' } }) }; }; // Styles from radio-wrapper const getRadioBasicStyle = token => { const { componentCls, radioWrapperMarginRight, radioCheckedColor, radioSize, motionDurationSlow, motionDurationMid, motionEaseInOut, motionEaseInOutCirc, radioButtonBg, colorBorder, lineWidth, radioDotSize, colorBgContainerDisabled, colorTextDisabled, paddingXS, radioDotDisabledColor, lineType, radioDotDisabledSize, wireframe, colorWhite } = token; const radioInnerPrefixCls = `${componentCls}-inner`; return { [`${componentCls}-wrapper`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_2__.resetComponent)(token)), { position: 'relative', display: 'inline-flex', alignItems: 'baseline', marginInlineStart: 0, marginInlineEnd: radioWrapperMarginRight, cursor: 'pointer', // RTL [`&${componentCls}-wrapper-rtl`]: { direction: 'rtl' }, '&-disabled': { cursor: 'not-allowed', color: token.colorTextDisabled }, '&::after': { display: 'inline-block', width: 0, overflow: 'hidden', content: '"\\a0"' }, // hashId 在 wrapper 上,只能铺平 [`${componentCls}-checked::after`]: { position: 'absolute', insetBlockStart: 0, insetInlineStart: 0, width: '100%', height: '100%', border: `${lineWidth}px ${lineType} ${radioCheckedColor}`, borderRadius: '50%', visibility: 'hidden', animationName: antRadioEffect, animationDuration: motionDurationSlow, animationTimingFunction: motionEaseInOut, animationFillMode: 'both', content: '""' }, [componentCls]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_2__.resetComponent)(token)), { position: 'relative', display: 'inline-block', outline: 'none', cursor: 'pointer', alignSelf: 'center' }), [`${componentCls}-wrapper:hover &, &:hover ${radioInnerPrefixCls}`]: { borderColor: radioCheckedColor }, [`${componentCls}-input:focus-visible + ${radioInnerPrefixCls}`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_2__.genFocusOutline)(token)), [`${componentCls}:hover::after, ${componentCls}-wrapper:hover &::after`]: { visibility: 'visible' }, [`${componentCls}-inner`]: { '&::after': { boxSizing: 'border-box', position: 'absolute', insetBlockStart: '50%', insetInlineStart: '50%', display: 'block', width: radioSize, height: radioSize, marginBlockStart: radioSize / -2, marginInlineStart: radioSize / -2, backgroundColor: wireframe ? radioCheckedColor : colorWhite, borderBlockStart: 0, borderInlineStart: 0, borderRadius: radioSize, transform: 'scale(0)', opacity: 0, transition: `all ${motionDurationSlow} ${motionEaseInOutCirc}`, content: '""' }, boxSizing: 'border-box', position: 'relative', insetBlockStart: 0, insetInlineStart: 0, display: 'block', width: radioSize, height: radioSize, backgroundColor: radioButtonBg, borderColor: colorBorder, borderStyle: 'solid', borderWidth: lineWidth, borderRadius: '50%', transition: `all ${motionDurationMid}` }, [`${componentCls}-input`]: { position: 'absolute', insetBlockStart: 0, insetInlineEnd: 0, insetBlockEnd: 0, insetInlineStart: 0, zIndex: 1, cursor: 'pointer', opacity: 0 }, // 选中状态 [`${componentCls}-checked`]: { [radioInnerPrefixCls]: { borderColor: radioCheckedColor, backgroundColor: wireframe ? radioButtonBg : radioCheckedColor, '&::after': { transform: `scale(${radioDotSize / radioSize})`, opacity: 1, transition: `all ${motionDurationSlow} ${motionEaseInOutCirc}` } } }, [`${componentCls}-disabled`]: { cursor: 'not-allowed', [radioInnerPrefixCls]: { backgroundColor: colorBgContainerDisabled, borderColor: colorBorder, cursor: 'not-allowed', '&::after': { backgroundColor: radioDotDisabledColor } }, [`${componentCls}-input`]: { cursor: 'not-allowed' }, [`${componentCls}-disabled + span`]: { color: colorTextDisabled, cursor: 'not-allowed' }, [`&${componentCls}-checked`]: { [radioInnerPrefixCls]: { '&::after': { transform: `scale(${radioDotDisabledSize / radioSize})` } } } }, [`span${componentCls} + *`]: { paddingInlineStart: paddingXS, paddingInlineEnd: paddingXS } }) }; }; // Styles from radio-button const getRadioButtonStyle = token => { const { radioButtonColor, controlHeight, componentCls, lineWidth, lineType, colorBorder, motionDurationSlow, motionDurationMid, radioButtonPaddingHorizontal, fontSize, radioButtonBg, fontSizeLG, controlHeightLG, controlHeightSM, paddingXS, borderRadius, borderRadiusSM, borderRadiusLG, radioCheckedColor, radioButtonCheckedBg, radioButtonHoverColor, radioButtonActiveColor, radioSolidCheckedColor, colorTextDisabled, colorBgContainerDisabled, radioDisabledButtonCheckedColor, radioDisabledButtonCheckedBg } = token; return { [`${componentCls}-button-wrapper`]: { position: 'relative', display: 'inline-block', height: controlHeight, margin: 0, paddingInline: radioButtonPaddingHorizontal, paddingBlock: 0, color: radioButtonColor, fontSize, lineHeight: `${controlHeight - lineWidth * 2}px`, background: radioButtonBg, border: `${lineWidth}px ${lineType} ${colorBorder}`, // strange align fix for chrome but works // https://gw.alipayobjects.com/zos/rmsportal/VFTfKXJuogBAXcvfAUWJ.gif borderBlockStartWidth: lineWidth + 0.02, borderInlineStartWidth: 0, borderInlineEndWidth: lineWidth, cursor: 'pointer', transition: [`color ${motionDurationMid}`, `background ${motionDurationMid}`, `border-color ${motionDurationMid}`, `box-shadow ${motionDurationMid}`].join(','), a: { color: radioButtonColor }, [`> ${componentCls}-button`]: { position: 'absolute', insetBlockStart: 0, insetInlineStart: 0, zIndex: -1, width: '100%', height: '100%' }, '&:not(:first-child)': { '&::before': { position: 'absolute', insetBlockStart: -lineWidth, insetInlineStart: -lineWidth, display: 'block', boxSizing: 'content-box', width: 1, height: '100%', paddingBlock: lineWidth, paddingInline: 0, backgroundColor: colorBorder, transition: `background-color ${motionDurationSlow}`, content: '""' } }, '&:first-child': { borderInlineStart: `${lineWidth}px ${lineType} ${colorBorder}`, borderStartStartRadius: borderRadius, borderEndStartRadius: borderRadius }, '&:last-child': { borderStartEndRadius: borderRadius, borderEndEndRadius: borderRadius }, '&:first-child:last-child': { borderRadius }, [`${componentCls}-group-large &`]: { height: controlHeightLG, fontSize: fontSizeLG, lineHeight: `${controlHeightLG - lineWidth * 2}px`, '&:first-child': { borderStartStartRadius: borderRadiusLG, borderEndStartRadius: borderRadiusLG }, '&:last-child': { borderStartEndRadius: borderRadiusLG, borderEndEndRadius: borderRadiusLG } }, [`${componentCls}-group-small &`]: { height: controlHeightSM, paddingInline: paddingXS - lineWidth, paddingBlock: 0, lineHeight: `${controlHeightSM - lineWidth * 2}px`, '&:first-child': { borderStartStartRadius: borderRadiusSM, borderEndStartRadius: borderRadiusSM }, '&:last-child': { borderStartEndRadius: borderRadiusSM, borderEndEndRadius: borderRadiusSM } }, '&:hover': { position: 'relative', color: radioCheckedColor }, '&:has(:focus-visible)': (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_2__.genFocusOutline)(token)), [`${componentCls}-inner, input[type='checkbox'], input[type='radio']`]: { width: 0, height: 0, opacity: 0, pointerEvents: 'none' }, [`&-checked:not(${componentCls}-button-wrapper-disabled)`]: { zIndex: 1, color: radioCheckedColor, background: radioButtonCheckedBg, borderColor: radioCheckedColor, '&::before': { backgroundColor: radioCheckedColor }, '&:first-child': { borderColor: radioCheckedColor }, '&:hover': { color: radioButtonHoverColor, borderColor: radioButtonHoverColor, '&::before': { backgroundColor: radioButtonHoverColor } }, '&:active': { color: radioButtonActiveColor, borderColor: radioButtonActiveColor, '&::before': { backgroundColor: radioButtonActiveColor } } }, [`${componentCls}-group-solid &-checked:not(${componentCls}-button-wrapper-disabled)`]: { color: radioSolidCheckedColor, background: radioCheckedColor, borderColor: radioCheckedColor, '&:hover': { color: radioSolidCheckedColor, background: radioButtonHoverColor, borderColor: radioButtonHoverColor }, '&:active': { color: radioSolidCheckedColor, background: radioButtonActiveColor, borderColor: radioButtonActiveColor } }, '&-disabled': { color: colorTextDisabled, backgroundColor: colorBgContainerDisabled, borderColor: colorBorder, cursor: 'not-allowed', '&:first-child, &:hover': { color: colorTextDisabled, backgroundColor: colorBgContainerDisabled, borderColor: colorBorder } }, [`&-disabled${componentCls}-button-wrapper-checked`]: { color: radioDisabledButtonCheckedColor, backgroundColor: radioDisabledButtonCheckedBg, borderColor: colorBorder, boxShadow: 'none' } } }; }; // ============================== Export ============================== /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_theme_internal__WEBPACK_IMPORTED_MODULE_3__["default"])('Radio', token => { const { padding, lineWidth, controlItemBgActiveDisabled, colorTextDisabled, colorBgContainer, fontSizeLG, controlOutline, colorPrimaryHover, colorPrimaryActive, colorText, colorPrimary, marginXS, controlOutlineWidth, colorTextLightSolid, wireframe } = token; // Radio const radioFocusShadow = `0 0 0 ${controlOutlineWidth}px ${controlOutline}`; const radioButtonFocusShadow = radioFocusShadow; const radioSize = fontSizeLG; const dotPadding = 4; // Fixed value const radioDotDisabledSize = radioSize - dotPadding * 2; const radioDotSize = wireframe ? radioDotDisabledSize : radioSize - (dotPadding + lineWidth) * 2; const radioCheckedColor = colorPrimary; // Radio buttons const radioButtonColor = colorText; const radioButtonHoverColor = colorPrimaryHover; const radioButtonActiveColor = colorPrimaryActive; const radioButtonPaddingHorizontal = padding - lineWidth; const radioDisabledButtonCheckedColor = colorTextDisabled; const radioWrapperMarginRight = marginXS; const radioToken = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_4__.merge)(token, { radioFocusShadow, radioButtonFocusShadow, radioSize, radioDotSize, radioDotDisabledSize, radioCheckedColor, radioDotDisabledColor: colorTextDisabled, radioSolidCheckedColor: colorTextLightSolid, radioButtonBg: colorBgContainer, radioButtonCheckedBg: colorBgContainer, radioButtonColor, radioButtonHoverColor, radioButtonActiveColor, radioButtonPaddingHorizontal, radioDisabledButtonCheckedBg: controlItemBgActiveDisabled, radioDisabledButtonCheckedColor, radioWrapperMarginRight }); return [getGroupRadioStyle(radioToken), getRadioBasicStyle(radioToken), getRadioButtonStyle(radioToken)]; })); /***/ }), /***/ "./components/rate/Star.tsx": /*!**********************************!*\ !*** ./components/rate/Star.tsx ***! \**********************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ starProps: () => (/* binding */ starProps) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); const starProps = { value: Number, index: Number, prefixCls: String, allowHalf: { type: Boolean, default: undefined }, disabled: { type: Boolean, default: undefined }, character: _util_vue_types__WEBPACK_IMPORTED_MODULE_1__["default"].any, characterRender: Function, focused: { type: Boolean, default: undefined }, count: Number, onClick: Function, onHover: Function }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'Star', inheritAttrs: false, props: starProps, emits: ['hover', 'click'], setup(props, _ref) { let { emit } = _ref; const onHover = e => { const { index } = props; emit('hover', e, index); }; const onClick = e => { const { index } = props; emit('click', e, index); }; const onKeyDown = e => { const { index } = props; if (e.keyCode === 13) { emit('click', e, index); } }; const cls = (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => { const { prefixCls, index, value, allowHalf, focused } = props; const starValue = index + 1; let className = prefixCls; if (value === 0 && index === 0 && focused) { className += ` ${prefixCls}-focused`; } else if (allowHalf && value + 0.5 >= starValue && value < starValue) { className += ` ${prefixCls}-half ${prefixCls}-active`; if (focused) { className += ` ${prefixCls}-focused`; } } else { className += starValue <= value ? ` ${prefixCls}-full` : ` ${prefixCls}-zero`; if (starValue === value && focused) { className += ` ${prefixCls}-focused`; } } return className; }); return () => { const { disabled, prefixCls, characterRender, character, index, count, value } = props; const characterNode = typeof character === 'function' ? character({ disabled, prefixCls, index, count, value }) : character; let star = (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("li", { "class": cls.value }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", { "onClick": disabled ? null : onClick, "onKeydown": disabled ? null : onKeyDown, "onMousemove": disabled ? null : onHover, "role": "radio", "aria-checked": value > index ? 'true' : 'false', "aria-posinset": index + 1, "aria-setsize": count, "tabindex": disabled ? -1 : 0 }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", { "class": `${prefixCls}-first` }, [characterNode]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", { "class": `${prefixCls}-second` }, [characterNode])])]); if (characterRender) { star = characterRender(star, props); } return star; }; } })); /***/ }), /***/ "./components/rate/index.tsx": /*!***********************************!*\ !*** ./components/rate/index.tsx ***! \***********************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ rateProps: () => (/* binding */ rateProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/initDefaultProps.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/index.ts"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); /* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./util */ "./components/rate/util.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _util_KeyCode__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../_util/KeyCode */ "./components/_util/KeyCode.ts"); /* harmony import */ var _ant_design_icons_vue_es_icons_StarFilled__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/StarFilled */ "./node_modules/@ant-design/icons-vue/es/icons/StarFilled.js"); /* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../tooltip */ "./components/tooltip/index.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _Star__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./Star */ "./components/rate/Star.tsx"); /* harmony import */ var _util_hooks_useRefs__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../_util/hooks/useRefs */ "./components/_util/hooks/useRefs.ts"); /* harmony import */ var _form_FormItemContext__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../form/FormItemContext */ "./components/form/FormItemContext.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./style */ "./components/rate/style/index.ts"); const rateProps = () => ({ prefixCls: String, count: Number, value: Number, allowHalf: { type: Boolean, default: undefined }, allowClear: { type: Boolean, default: undefined }, tooltips: Array, disabled: { type: Boolean, default: undefined }, character: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].any, autofocus: { type: Boolean, default: undefined }, tabindex: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].oneOfType([_util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].number, _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].string]), direction: String, id: String, onChange: Function, onHoverChange: Function, 'onUpdate:value': Function, onFocus: Function, onBlur: Function, onKeydown: Function }); const Rate = (0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'ARate', inheritAttrs: false, props: (0,_util_props_util__WEBPACK_IMPORTED_MODULE_3__["default"])(rateProps(), { value: 0, count: 5, allowHalf: false, allowClear: true, tabindex: 0, direction: 'ltr' }), // emits: ['hoverChange', 'update:value', 'change', 'focus', 'blur', 'keydown'], setup(props, _ref) { let { slots, attrs, emit, expose } = _ref; const { prefixCls, direction } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_4__["default"])('rate', props); const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_5__["default"])(prefixCls); const formItemContext = (0,_form_FormItemContext__WEBPACK_IMPORTED_MODULE_6__.useInjectFormItemContext)(); const rateRef = (0,vue__WEBPACK_IMPORTED_MODULE_1__.ref)(); const [setRef, starRefs] = (0,_util_hooks_useRefs__WEBPACK_IMPORTED_MODULE_7__["default"])(); const state = (0,vue__WEBPACK_IMPORTED_MODULE_1__.reactive)({ value: props.value, focused: false, cleanedValue: null, hoverValue: undefined }); (0,vue__WEBPACK_IMPORTED_MODULE_1__.watch)(() => props.value, () => { state.value = props.value; }); const getStarDOM = index => { return (0,_util_props_util__WEBPACK_IMPORTED_MODULE_8__.findDOMNode)(starRefs.value.get(index)); }; const getStarValue = (index, x) => { const reverse = direction.value === 'rtl'; let value = index + 1; if (props.allowHalf) { const starEle = getStarDOM(index); const leftDis = (0,_util__WEBPACK_IMPORTED_MODULE_9__.getOffsetLeft)(starEle); const width = starEle.clientWidth; if (reverse && x - leftDis > width / 2) { value -= 0.5; } else if (!reverse && x - leftDis < width / 2) { value -= 0.5; } } return value; }; const changeValue = value => { if (props.value === undefined) { state.value = value; } emit('update:value', value); emit('change', value); formItemContext.onFieldChange(); }; const onHover = (e, index) => { const hoverValue = getStarValue(index, e.pageX); if (hoverValue !== state.cleanedValue) { state.hoverValue = hoverValue; state.cleanedValue = null; } emit('hoverChange', hoverValue); }; const onMouseLeave = () => { state.hoverValue = undefined; state.cleanedValue = null; emit('hoverChange', undefined); }; const onClick = (event, index) => { const { allowClear } = props; const newValue = getStarValue(index, event.pageX); let isReset = false; if (allowClear) { isReset = newValue === state.value; } onMouseLeave(); changeValue(isReset ? 0 : newValue); state.cleanedValue = isReset ? newValue : null; }; const onFocus = e => { state.focused = true; emit('focus', e); }; const onBlur = e => { state.focused = false; emit('blur', e); formItemContext.onFieldBlur(); }; const onKeyDown = event => { const { keyCode } = event; const { count, allowHalf } = props; const reverse = direction.value === 'rtl'; if (keyCode === _util_KeyCode__WEBPACK_IMPORTED_MODULE_10__["default"].RIGHT && state.value < count && !reverse) { if (allowHalf) { state.value += 0.5; } else { state.value += 1; } changeValue(state.value); event.preventDefault(); } else if (keyCode === _util_KeyCode__WEBPACK_IMPORTED_MODULE_10__["default"].LEFT && state.value > 0 && !reverse) { if (allowHalf) { state.value -= 0.5; } else { state.value -= 1; } changeValue(state.value); event.preventDefault(); } else if (keyCode === _util_KeyCode__WEBPACK_IMPORTED_MODULE_10__["default"].RIGHT && state.value > 0 && reverse) { if (allowHalf) { state.value -= 0.5; } else { state.value -= 1; } changeValue(state.value); event.preventDefault(); } else if (keyCode === _util_KeyCode__WEBPACK_IMPORTED_MODULE_10__["default"].LEFT && state.value < count && reverse) { if (allowHalf) { state.value += 0.5; } else { state.value += 1; } changeValue(state.value); event.preventDefault(); } emit('keydown', event); }; const focus = () => { if (!props.disabled) { rateRef.value.focus(); } }; const blur = () => { if (!props.disabled) { rateRef.value.blur(); } }; expose({ focus, blur }); (0,vue__WEBPACK_IMPORTED_MODULE_1__.onMounted)(() => { const { autofocus, disabled } = props; if (autofocus && !disabled) { focus(); } }); const characterRender = (node, _ref2) => { let { index } = _ref2; const { tooltips } = props; if (!tooltips) return node; return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_tooltip__WEBPACK_IMPORTED_MODULE_11__["default"], { "title": tooltips[index] }, { default: () => [node] }); }; return () => { const { count, allowHalf, disabled, tabindex, id = formItemContext.id.value } = props; const { class: className, style } = attrs; const stars = []; const disabledClass = disabled ? `${prefixCls.value}-disabled` : ''; const character = props.character || slots.character || (() => (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_ant_design_icons_vue_es_icons_StarFilled__WEBPACK_IMPORTED_MODULE_12__["default"], null, null)); for (let index = 0; index < count; index++) { stars.push((0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_Star__WEBPACK_IMPORTED_MODULE_13__["default"], { "ref": setRef(index), "key": index, "index": index, "count": count, "disabled": disabled, "prefixCls": `${prefixCls.value}-star`, "allowHalf": allowHalf, "value": state.hoverValue === undefined ? state.value : state.hoverValue, "onClick": onClick, "onHover": onHover, "character": character, "characterRender": characterRender, "focused": state.focused }, null)); } const rateClassName = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_14__["default"])(prefixCls.value, disabledClass, className, { [hashId.value]: true, [`${prefixCls.value}-rtl`]: direction.value === 'rtl' }); return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("ul", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, attrs), {}, { "id": id, "class": rateClassName, "style": style, "onMouseleave": disabled ? null : onMouseLeave, "tabindex": disabled ? -1 : tabindex, "onFocus": disabled ? null : onFocus, "onBlur": disabled ? null : onBlur, "onKeydown": disabled ? null : onKeyDown, "ref": rateRef, "role": "radiogroup" }), [stars])); }; } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_util_type__WEBPACK_IMPORTED_MODULE_15__.withInstall)(Rate)); /***/ }), /***/ "./components/rate/style/index.ts": /*!****************************************!*\ !*** ./components/rate/style/index.ts ***! \****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/genComponentStyleHook.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/statistic.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../style */ "./components/style/index.ts"); const genRateStarStyle = token => { const { componentCls } = token; return { [`${componentCls}-star`]: { position: 'relative', display: 'inline-block', color: 'inherit', cursor: 'pointer', '&:not(:last-child)': { marginInlineEnd: token.marginXS }, '> div': { transition: `all ${token.motionDurationMid}, outline 0s`, '&:hover': { transform: token.rateStarHoverScale }, '&:focus': { outline: 0 }, '&:focus-visible': { outline: `${token.lineWidth}px dashed ${token.rateStarColor}`, transform: token.rateStarHoverScale } }, '&-first, &-second': { color: token.defaultColor, transition: `all ${token.motionDurationMid}`, userSelect: 'none', [token.iconCls]: { verticalAlign: 'middle' } }, '&-first': { position: 'absolute', top: 0, insetInlineStart: 0, width: '50%', height: '100%', overflow: 'hidden', opacity: 0 }, [`&-half ${componentCls}-star-first, &-half ${componentCls}-star-second`]: { opacity: 1 }, [`&-half ${componentCls}-star-first, &-full ${componentCls}-star-second`]: { color: 'inherit' } } }; }; const genRateRtlStyle = token => ({ [`&-rtl${token.componentCls}`]: { direction: 'rtl' } }); const genRateStyle = token => { const { componentCls } = token; return { [componentCls]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_1__.resetComponent)(token)), { display: 'inline-block', margin: 0, padding: 0, color: token.rateStarColor, fontSize: token.rateStarSize, lineHeight: 'unset', listStyle: 'none', outline: 'none', // disable styles [`&-disabled${componentCls} ${componentCls}-star`]: { cursor: 'default', '&:hover': { transform: 'scale(1)' } } }), genRateStarStyle(token)), { // text styles [`+ ${componentCls}-text`]: { display: 'inline-block', marginInlineStart: token.marginXS, fontSize: token.fontSize } }), genRateRtlStyle(token)) }; }; // ============================== Export ============================== /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_theme_internal__WEBPACK_IMPORTED_MODULE_2__["default"])('Rate', token => { const { colorFillContent } = token; const rateToken = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_3__.merge)(token, { rateStarColor: token['yellow-6'], rateStarSize: token.controlHeightLG * 0.5, rateStarHoverScale: 'scale(1.1)', defaultColor: colorFillContent }); return [genRateStyle(rateToken)]; })); /***/ }), /***/ "./components/rate/util.ts": /*!*********************************!*\ !*** ./components/rate/util.ts ***! \*********************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ getOffsetLeft: () => (/* binding */ getOffsetLeft) /* harmony export */ }); function getScroll(w) { let ret = w.scrollX; const method = 'scrollLeft'; if (typeof ret !== 'number') { const d = w.document; // ie6,7,8 standard mode ret = d.documentElement[method]; if (typeof ret !== 'number') { // quirks mode ret = d.body[method]; } } return ret; } function getClientPosition(elem) { let x; let y; const doc = elem.ownerDocument; const { body } = doc; const docElem = doc && doc.documentElement; const box = elem.getBoundingClientRect(); x = box.left; y = box.top; x -= docElem.clientLeft || body.clientLeft || 0; y -= docElem.clientTop || body.clientTop || 0; return { left: x, top: y }; } function getOffsetLeft(el) { const pos = getClientPosition(el); const doc = el.ownerDocument; // Only IE use `parentWindow` const w = doc.defaultView || doc.parentWindow; pos.left += getScroll(w); return pos.left; } /***/ }), /***/ "./components/result/index.tsx": /*!*************************************!*\ !*** ./components/result/index.tsx ***! \*************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ ExceptionMap: () => (/* binding */ ExceptionMap), /* harmony export */ IconMap: () => (/* binding */ IconMap), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ resultProps: () => (/* binding */ resultProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _ant_design_icons_vue_es_icons_CheckCircleFilled__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/CheckCircleFilled */ "./node_modules/@ant-design/icons-vue/es/icons/CheckCircleFilled.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_CloseCircleFilled__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/CloseCircleFilled */ "./node_modules/@ant-design/icons-vue/es/icons/CloseCircleFilled.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_ExclamationCircleFilled__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/ExclamationCircleFilled */ "./node_modules/@ant-design/icons-vue/es/icons/ExclamationCircleFilled.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_WarningFilled__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/WarningFilled */ "./node_modules/@ant-design/icons-vue/es/icons/WarningFilled.js"); /* harmony import */ var _noFound__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./noFound */ "./components/result/noFound.tsx"); /* harmony import */ var _serverError__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./serverError */ "./components/result/serverError.tsx"); /* harmony import */ var _unauthorized__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./unauthorized */ "./components/result/unauthorized.tsx"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./style */ "./components/result/style/index.tsx"); const IconMap = { success: _ant_design_icons_vue_es_icons_CheckCircleFilled__WEBPACK_IMPORTED_MODULE_2__["default"], error: _ant_design_icons_vue_es_icons_CloseCircleFilled__WEBPACK_IMPORTED_MODULE_3__["default"], info: _ant_design_icons_vue_es_icons_ExclamationCircleFilled__WEBPACK_IMPORTED_MODULE_4__["default"], warning: _ant_design_icons_vue_es_icons_WarningFilled__WEBPACK_IMPORTED_MODULE_5__["default"] }; const ExceptionMap = { '404': _noFound__WEBPACK_IMPORTED_MODULE_6__["default"], '500': _serverError__WEBPACK_IMPORTED_MODULE_7__["default"], '403': _unauthorized__WEBPACK_IMPORTED_MODULE_8__["default"] }; // ExceptionImageMap keys const ExceptionStatus = Object.keys(ExceptionMap); const resultProps = () => ({ prefixCls: String, icon: _util_vue_types__WEBPACK_IMPORTED_MODULE_9__["default"].any, status: { type: [Number, String], default: 'info' }, title: _util_vue_types__WEBPACK_IMPORTED_MODULE_9__["default"].any, subTitle: _util_vue_types__WEBPACK_IMPORTED_MODULE_9__["default"].any, extra: _util_vue_types__WEBPACK_IMPORTED_MODULE_9__["default"].any }); const renderIcon = (prefixCls, _ref) => { let { status, icon } = _ref; if (ExceptionStatus.includes(`${status}`)) { const SVGComponent = ExceptionMap[status]; return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${prefixCls}-icon ${prefixCls}-image` }, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(SVGComponent, null, null)]); } const IconComponent = IconMap[status]; const iconNode = icon || (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(IconComponent, null, null); return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${prefixCls}-icon` }, [iconNode]); }; const renderExtra = (prefixCls, extra) => extra && (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${prefixCls}-extra` }, [extra]); const Result = (0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'AResult', inheritAttrs: false, props: resultProps(), slots: Object, setup(props, _ref2) { let { slots, attrs } = _ref2; const { prefixCls, direction } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_10__["default"])('result', props); const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_11__["default"])(prefixCls); const className = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => (0,_util_classNames__WEBPACK_IMPORTED_MODULE_12__["default"])(prefixCls.value, hashId.value, `${prefixCls.value}-${props.status}`, { [`${prefixCls.value}-rtl`]: direction.value === 'rtl' })); return () => { var _a, _b, _c, _d, _e, _f, _g, _h; const title = (_a = props.title) !== null && _a !== void 0 ? _a : (_b = slots.title) === null || _b === void 0 ? void 0 : _b.call(slots); const subTitle = (_c = props.subTitle) !== null && _c !== void 0 ? _c : (_d = slots.subTitle) === null || _d === void 0 ? void 0 : _d.call(slots); const icon = (_e = props.icon) !== null && _e !== void 0 ? _e : (_f = slots.icon) === null || _f === void 0 ? void 0 : _f.call(slots); const extra = (_g = props.extra) !== null && _g !== void 0 ? _g : (_h = slots.extra) === null || _h === void 0 ? void 0 : _h.call(slots); const pre = prefixCls.value; return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, attrs), {}, { "class": [className.value, attrs.class] }), [renderIcon(pre, { status: props.status, icon }), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${pre}-title` }, [title]), subTitle && (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${pre}-subtitle` }, [subTitle]), renderExtra(pre, extra), slots.default && (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${pre}-content` }, [slots.default()])])); }; } }); /* add resource */ Result.PRESENTED_IMAGE_403 = ExceptionMap[403]; Result.PRESENTED_IMAGE_404 = ExceptionMap[404]; Result.PRESENTED_IMAGE_500 = ExceptionMap[500]; /* istanbul ignore next */ Result.install = function (app) { app.component(Result.name, Result); return app; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Result); /***/ }), /***/ "./components/result/noFound.tsx": /*!***************************************!*\ !*** ./components/result/noFound.tsx ***! \***************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); const NoFound = () => { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("svg", { "width": "252", "height": "294" }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("defs", null, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M0 .387h251.772v251.772H0z" }, null)]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("g", { "fill": "none", "fill-rule": "evenodd" }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("g", { "transform": "translate(0 .012)" }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("mask", { "fill": "#fff" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M0 127.32v-2.095C0 56.279 55.892.387 124.838.387h2.096c68.946 0 124.838 55.892 124.838 124.838v2.096c0 68.946-55.892 124.838-124.838 124.838h-2.096C55.892 252.16 0 196.267 0 127.321", "fill": "#E4EBF7", "mask": "url(#b)" }, null)]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M39.755 130.84a8.276 8.276 0 1 1-16.468-1.66 8.276 8.276 0 0 1 16.468 1.66", "fill": "#FFF" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M36.975 134.297l10.482 5.943M48.373 146.508l-12.648 10.788", "stroke": "#FFF", "stroke-width": "2" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M39.875 159.352a5.667 5.667 0 1 1-11.277-1.136 5.667 5.667 0 0 1 11.277 1.136M57.588 143.247a5.708 5.708 0 1 1-11.358-1.145 5.708 5.708 0 0 1 11.358 1.145M99.018 26.875l29.82-.014a4.587 4.587 0 1 0-.003-9.175l-29.82.013a4.587 4.587 0 1 0 .003 9.176M110.424 45.211l29.82-.013a4.588 4.588 0 0 0-.004-9.175l-29.82.013a4.587 4.587 0 1 0 .004 9.175", "fill": "#FFF" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M112.798 26.861v-.002l15.784-.006a4.588 4.588 0 1 0 .003 9.175l-15.783.007v-.002a4.586 4.586 0 0 0-.004-9.172M184.523 135.668c-.553 5.485-5.447 9.483-10.931 8.93-5.485-.553-9.483-5.448-8.93-10.932.552-5.485 5.447-9.483 10.932-8.93 5.485.553 9.483 5.447 8.93 10.932", "fill": "#FFF" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M179.26 141.75l12.64 7.167M193.006 156.477l-15.255 13.011", "stroke": "#FFF", "stroke-width": "2" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M184.668 170.057a6.835 6.835 0 1 1-13.6-1.372 6.835 6.835 0 0 1 13.6 1.372M203.34 153.325a6.885 6.885 0 1 1-13.7-1.382 6.885 6.885 0 0 1 13.7 1.382", "fill": "#FFF" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M151.931 192.324a2.222 2.222 0 1 1-4.444 0 2.222 2.222 0 0 1 4.444 0zM225.27 116.056a2.222 2.222 0 1 1-4.445 0 2.222 2.222 0 0 1 4.444 0zM216.38 151.08a2.223 2.223 0 1 1-4.446-.001 2.223 2.223 0 0 1 4.446 0zM176.917 107.636a2.223 2.223 0 1 1-4.445 0 2.223 2.223 0 0 1 4.445 0zM195.291 92.165a2.223 2.223 0 1 1-4.445 0 2.223 2.223 0 0 1 4.445 0zM202.058 180.711a2.223 2.223 0 1 1-4.446 0 2.223 2.223 0 0 1 4.446 0z", "stroke": "#FFF", "stroke-width": "2" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "stroke": "#FFF", "stroke-width": "2", "d": "M214.404 153.302l-1.912 20.184-10.928 5.99M173.661 174.792l-6.356 9.814h-11.36l-4.508 6.484M174.941 125.168v-15.804M220.824 117.25l-12.84 7.901-15.31-7.902V94.39" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M166.588 65.936h-3.951a4.756 4.756 0 0 1-4.743-4.742 4.756 4.756 0 0 1 4.743-4.743h3.951a4.756 4.756 0 0 1 4.743 4.743 4.756 4.756 0 0 1-4.743 4.742", "fill": "#FFF" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M174.823 30.03c0-16.281 13.198-29.48 29.48-29.48 16.28 0 29.48 13.199 29.48 29.48 0 16.28-13.2 29.48-29.48 29.48-16.282 0-29.48-13.2-29.48-29.48", "fill": "#1890FF" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M205.952 38.387c.5.5.785 1.142.785 1.928s-.286 1.465-.785 1.964c-.572.5-1.214.75-2 .75-.785 0-1.429-.285-1.929-.785-.572-.5-.82-1.143-.82-1.929s.248-1.428.82-1.928c.5-.5 1.144-.75 1.93-.75.785 0 1.462.25 1.999.75m4.285-19.463c1.428 1.249 2.143 2.963 2.143 5.142 0 1.712-.427 3.13-1.219 4.25-.067.096-.137.18-.218.265-.416.429-1.41 1.346-2.956 2.699a5.07 5.07 0 0 0-1.428 1.75 5.207 5.207 0 0 0-.536 2.357v.5h-4.107v-.5c0-1.357.215-2.536.714-3.5.464-.964 1.857-2.464 4.178-4.536l.43-.5c.643-.785.964-1.643.964-2.535 0-1.18-.358-2.108-1-2.785-.678-.68-1.643-1.001-2.858-1.001-1.536 0-2.642.464-3.357 1.43-.37.5-.621 1.135-.76 1.904a1.999 1.999 0 0 1-1.971 1.63h-.004c-1.277 0-2.257-1.183-1.98-2.43.337-1.518 1.02-2.78 2.073-3.784 1.536-1.5 3.607-2.25 6.25-2.25 2.32 0 4.214.607 5.642 1.894", "fill": "#FFF" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M52.04 76.131s21.81 5.36 27.307 15.945c5.575 10.74-6.352 9.26-15.73 4.935-10.86-5.008-24.7-11.822-11.577-20.88", "fill": "#FFB594" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M90.483 67.504l-.449 2.893c-.753.49-4.748-2.663-4.748-2.663l-1.645.748-1.346-5.684s6.815-4.589 8.917-5.018c2.452-.501 9.884.94 10.7 2.278 0 0 1.32.486-2.227.69-3.548.203-5.043.447-6.79 3.132-1.747 2.686-2.412 3.624-2.412 3.624", "fill": "#FFC6A0" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M128.055 111.367c-2.627-7.724-6.15-13.18-8.917-15.478-3.5-2.906-9.34-2.225-11.366-4.187-1.27-1.231-3.215-1.197-3.215-1.197s-14.98-3.158-16.828-3.479c-2.37-.41-2.124-.714-6.054-1.405-1.57-1.907-2.917-1.122-2.917-1.122l-7.11-1.383c-.853-1.472-2.423-1.023-2.423-1.023l-2.468-.897c-1.645 9.976-7.74 13.796-7.74 13.796 1.795 1.122 15.703 8.3 15.703 8.3l5.107 37.11s-3.321 5.694 1.346 9.109c0 0 19.883-3.743 34.921-.329 0 0 3.047-2.546.972-8.806.523-3.01 1.394-8.263 1.736-11.622.385.772 2.019 1.918 3.14 3.477 0 0 9.407-7.365 11.052-14.012-.832-.723-1.598-1.585-2.267-2.453-.567-.736-.358-2.056-.765-2.717-.669-1.084-1.804-1.378-1.907-1.682", "fill": "#FFF" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M101.09 289.998s4.295 2.041 7.354 1.021c2.821-.94 4.53.668 7.08 1.178 2.55.51 6.874 1.1 11.686-1.26-.103-5.51-6.889-3.98-11.96-6.713-2.563-1.38-3.784-4.722-3.598-8.799h-9.402s-1.392 10.52-1.16 14.573", "fill": "#CBD1D1" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M101.067 289.826s2.428 1.271 6.759.653c3.058-.437 3.712.481 7.423 1.031 3.712.55 10.724-.069 11.823-.894.413 1.1-.343 2.063-.343 2.063s-1.512.603-4.812.824c-2.03.136-5.8.291-7.607-.503-1.787-1.375-5.247-1.903-5.728-.241-3.918.95-7.355-.286-7.355-.286l-.16-2.647z", "fill": "#2B0849" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M108.341 276.044h3.094s-.103 6.702 4.536 8.558c-4.64.618-8.558-2.303-7.63-8.558", "fill": "#A4AABA" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M57.542 272.401s-2.107 7.416-4.485 12.306c-1.798 3.695-4.225 7.492 5.465 7.492 6.648 0 8.953-.48 7.423-6.599-1.53-6.12.266-13.199.266-13.199h-8.669z", "fill": "#CBD1D1" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M51.476 289.793s2.097 1.169 6.633 1.169c6.083 0 8.249-1.65 8.249-1.65s.602 1.114-.619 2.165c-.993.855-3.597 1.591-7.39 1.546-4.145-.048-5.832-.566-6.736-1.168-.825-.55-.687-1.58-.137-2.062", "fill": "#2B0849" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M58.419 274.304s.033 1.519-.314 2.93c-.349 1.42-1.078 3.104-1.13 4.139-.058 1.151 4.537 1.58 5.155.034.62-1.547 1.294-6.427 1.913-7.252.619-.825-4.903-2.119-5.624.15", "fill": "#A4AABA" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M99.66 278.514l13.378.092s1.298-54.52 1.853-64.403c.554-9.882 3.776-43.364 1.002-63.128l-12.547-.644-22.849.78s-.434 3.966-1.195 9.976c-.063.496-.682.843-.749 1.365-.075.585.423 1.354.32 1.966-2.364 14.08-6.377 33.104-8.744 46.677-.116.666-1.234 1.009-1.458 2.691-.04.302.211 1.525.112 1.795-6.873 18.744-10.949 47.842-14.277 61.885l14.607-.014s2.197-8.57 4.03-16.97c2.811-12.886 23.111-85.01 23.111-85.01l3.016-.521 1.043 46.35s-.224 1.234.337 2.02c.56.785-.56 1.123-.392 2.244l.392 1.794s-.449 7.178-.898 11.89c-.448 4.71-.092 39.165-.092 39.165", "fill": "#7BB2F9" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M76.085 221.626c1.153.094 4.038-2.019 6.955-4.935M106.36 225.142s2.774-1.11 6.103-3.883", "stroke": "#648BD8", "stroke-width": "1.051", "stroke-linecap": "round", "stroke-linejoin": "round" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M107.275 222.1s2.773-1.11 6.102-3.884", "stroke": "#648BD8", "stroke-linecap": "round", "stroke-linejoin": "round" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M74.74 224.767s2.622-.591 6.505-3.365M86.03 151.634c-.27 3.106.3 8.525-4.336 9.123M103.625 149.88s.11 14.012-1.293 15.065c-2.219 1.664-2.99 1.944-2.99 1.944M99.79 150.438s.035 12.88-1.196 24.377M93.673 175.911s7.212-1.664 9.431-1.664M74.31 205.861a212.013 212.013 0 0 1-.979 4.56s-1.458 1.832-1.009 3.776c.449 1.944-.947 2.045-4.985 15.355-1.696 5.59-4.49 18.591-6.348 27.597l-.231 1.12M75.689 197.807a320.934 320.934 0 0 1-.882 4.754M82.591 152.233L81.395 162.7s-1.097.15-.5 2.244c.113 1.346-2.674 15.775-5.18 30.43M56.12 274.418h13.31", "stroke": "#648BD8", "stroke-width": "1.051", "stroke-linecap": "round", "stroke-linejoin": "round" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M116.241 148.22s-17.047-3.104-35.893.2c.158 2.514-.003 4.15-.003 4.15s14.687-2.818 35.67-.312c.252-2.355.226-4.038.226-4.038", "fill": "#192064" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M106.322 151.165l.003-4.911a.81.81 0 0 0-.778-.815c-2.44-.091-5.066-.108-7.836-.014a.818.818 0 0 0-.789.815l-.003 4.906a.81.81 0 0 0 .831.813c2.385-.06 4.973-.064 7.73.017a.815.815 0 0 0 .842-.81", "fill": "#FFF" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M105.207 150.233l.002-3.076a.642.642 0 0 0-.619-.646 94.321 94.321 0 0 0-5.866-.01.65.65 0 0 0-.63.647v3.072a.64.64 0 0 0 .654.644 121.12 121.12 0 0 1 5.794.011c.362.01.665-.28.665-.642", "fill": "#192064" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M100.263 275.415h12.338M101.436 270.53c.006 3.387.042 5.79.111 6.506M101.451 264.548a915.75 915.75 0 0 0-.015 4.337M100.986 174.965l.898 44.642s.673 1.57-.225 2.692c-.897 1.122 2.468.673.898 2.243-1.57 1.57.897 1.122 0 3.365-.596 1.489-.994 21.1-1.096 35.146", "stroke": "#648BD8", "stroke-width": "1.051", "stroke-linecap": "round", "stroke-linejoin": "round" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M46.876 83.427s-.516 6.045 7.223 5.552c11.2-.712 9.218-9.345 31.54-21.655-.786-2.708-2.447-4.744-2.447-4.744s-11.068 3.11-22.584 8.046c-6.766 2.9-13.395 6.352-13.732 12.801M104.46 91.057l.941-5.372-8.884-11.43-5.037 5.372-1.74 7.834a.321.321 0 0 0 .108.32c.965.8 6.5 5.013 14.347 3.544a.332.332 0 0 0 .264-.268", "fill": "#FFC6A0" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M93.942 79.387s-4.533-2.853-2.432-6.855c1.623-3.09 4.513 1.133 4.513 1.133s.52-3.642 3.121-3.642c.52-1.04 1.561-4.162 1.561-4.162s11.445 2.601 13.526 3.121c0 5.203-2.304 19.424-7.84 19.861-8.892.703-12.449-9.456-12.449-9.456", "fill": "#FFC6A0" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M113.874 73.446c2.601-2.081 3.47-9.722 3.47-9.722s-2.479-.49-6.64-2.05c-4.683-2.081-12.798-4.747-17.48.976-9.668 3.223-2.05 19.823-2.05 19.823l2.713-3.021s-3.935-3.287-2.08-6.243c2.17-3.462 3.92 1.073 3.92 1.073s.637-2.387 3.581-3.342c.355-.71 1.036-2.674 1.432-3.85a1.073 1.073 0 0 1 1.263-.704c2.4.558 8.677 2.019 11.356 2.662.522.125.871.615.82 1.15l-.305 3.248z", "fill": "#520038" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M104.977 76.064c-.103.61-.582 1.038-1.07.956-.489-.083-.801-.644-.698-1.254.103-.61.582-1.038 1.07-.956.488.082.8.644.698 1.254M112.132 77.694c-.103.61-.582 1.038-1.07.956-.488-.083-.8-.644-.698-1.254.103-.61.582-1.038 1.07-.956.488.082.8.643.698 1.254", "fill": "#552950" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "stroke": "#DB836E", "stroke-width": "1.118", "stroke-linecap": "round", "stroke-linejoin": "round", "d": "M110.13 74.84l-.896 1.61-.298 4.357h-2.228" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M110.846 74.481s1.79-.716 2.506.537", "stroke": "#5C2552", "stroke-width": "1.118", "stroke-linecap": "round", "stroke-linejoin": "round" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M92.386 74.282s.477-1.114 1.113-.716c.637.398 1.274 1.433.558 1.99-.717.556.159 1.67.159 1.67", "stroke": "#DB836E", "stroke-width": "1.118", "stroke-linecap": "round", "stroke-linejoin": "round" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M103.287 72.93s1.83 1.113 4.137.954", "stroke": "#5C2552", "stroke-width": "1.118", "stroke-linecap": "round", "stroke-linejoin": "round" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M103.685 81.762s2.227 1.193 4.376 1.193M104.64 84.308s.954.398 1.511.318M94.693 81.205s2.308 7.4 10.424 7.639", "stroke": "#DB836E", "stroke-width": "1.118", "stroke-linecap": "round", "stroke-linejoin": "round" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M81.45 89.384s.45 5.647-4.935 12.787M69 82.654s-.726 9.282-8.204 14.206", "stroke": "#E4EBF7", "stroke-width": "1.101", "stroke-linecap": "round", "stroke-linejoin": "round" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M129.405 122.865s-5.272 7.403-9.422 10.768", "stroke": "#E4EBF7", "stroke-width": "1.051", "stroke-linecap": "round", "stroke-linejoin": "round" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M119.306 107.329s.452 4.366-2.127 32.062", "stroke": "#E4EBF7", "stroke-width": "1.101", "stroke-linecap": "round", "stroke-linejoin": "round" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M150.028 151.232h-49.837a1.01 1.01 0 0 1-1.01-1.01v-31.688c0-.557.452-1.01 1.01-1.01h49.837c.558 0 1.01.453 1.01 1.01v31.688a1.01 1.01 0 0 1-1.01 1.01", "fill": "#F2D7AD" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M150.29 151.232h-19.863v-33.707h20.784v32.786a.92.92 0 0 1-.92.92", "fill": "#F4D19D" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M123.554 127.896H92.917a.518.518 0 0 1-.425-.816l6.38-9.113c.193-.277.51-.442.85-.442h31.092l-7.26 10.371z", "fill": "#F2D7AD" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "fill": "#CC9B6E", "d": "M123.689 128.447H99.25v-.519h24.169l7.183-10.26.424.298z" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M158.298 127.896h-18.669a2.073 2.073 0 0 1-1.659-.83l-7.156-9.541h19.965c.49 0 .95.23 1.244.622l6.69 8.92a.519.519 0 0 1-.415.83", "fill": "#F4D19D" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "fill": "#CC9B6E", "d": "M157.847 128.479h-19.384l-7.857-10.475.415-.31 7.7 10.266h19.126zM130.554 150.685l-.032-8.177.519-.002.032 8.177z" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "fill": "#CC9B6E", "d": "M130.511 139.783l-.08-21.414.519-.002.08 21.414zM111.876 140.932l-.498-.143 1.479-5.167.498.143zM108.437 141.06l-2.679-2.935 2.665-3.434.41.318-2.397 3.089 2.384 2.612zM116.607 141.06l-.383-.35 2.383-2.612-2.397-3.089.41-.318 2.665 3.434z" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M154.316 131.892l-3.114-1.96.038 3.514-1.043.092c-1.682.115-3.634.23-4.789.23-1.902 0-2.693 2.258 2.23 2.648l-2.645-.596s-2.168 1.317.504 2.3c0 0-1.58 1.217.561 2.58-.584 3.504 5.247 4.058 7.122 3.59 1.876-.47 4.233-2.359 4.487-5.16.28-3.085-.89-5.432-3.35-7.238", "fill": "#FFC6A0" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M153.686 133.577s-6.522.47-8.36.372c-1.836-.098-1.904 2.19 2.359 2.264 3.739.15 5.451-.044 5.451-.044", "stroke": "#DB836E", "stroke-width": "1.051", "stroke-linecap": "round", "stroke-linejoin": "round" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M145.16 135.877c-1.85 1.346.561 2.355.561 2.355s3.478.898 6.73.617", "stroke": "#DB836E", "stroke-width": "1.051", "stroke-linecap": "round", "stroke-linejoin": "round" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M151.89 141.71s-6.28.111-6.73-2.132c-.223-1.346.45-1.402.45-1.402M146.114 140.868s-1.103 3.16 5.44 3.533M151.202 129.932v3.477M52.838 89.286c3.533-.337 8.423-1.248 13.582-7.754", "stroke": "#DB836E", "stroke-width": "1.051", "stroke-linecap": "round", "stroke-linejoin": "round" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M168.567 248.318a6.647 6.647 0 0 1-6.647-6.647v-66.466a6.647 6.647 0 1 1 13.294 0v66.466a6.647 6.647 0 0 1-6.647 6.647", "fill": "#5BA02E" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M176.543 247.653a6.647 6.647 0 0 1-6.646-6.647v-33.232a6.647 6.647 0 1 1 13.293 0v33.232a6.647 6.647 0 0 1-6.647 6.647", "fill": "#92C110" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M186.443 293.613H158.92a3.187 3.187 0 0 1-3.187-3.187v-46.134a3.187 3.187 0 0 1 3.187-3.187h27.524a3.187 3.187 0 0 1 3.187 3.187v46.134a3.187 3.187 0 0 1-3.187 3.187", "fill": "#F2D7AD" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M88.979 89.48s7.776 5.384 16.6 2.842", "stroke": "#E4EBF7", "stroke-width": "1.101", "stroke-linecap": "round", "stroke-linejoin": "round" }, null)])]); }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (NoFound); /***/ }), /***/ "./components/result/serverError.tsx": /*!*******************************************!*\ !*** ./components/result/serverError.tsx ***! \*******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); const ServerError = () => { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("svg", { "width": "254", "height": "294" }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("defs", null, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M0 .335h253.49v253.49H0z" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M0 293.665h253.49V.401H0z" }, null)]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("g", { "fill": "none", "fill-rule": "evenodd" }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("g", { "transform": "translate(0 .067)" }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("mask", { "fill": "#fff" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M0 128.134v-2.11C0 56.608 56.273.334 125.69.334h2.11c69.416 0 125.69 56.274 125.69 125.69v2.11c0 69.417-56.274 125.69-125.69 125.69h-2.11C56.273 253.824 0 197.551 0 128.134", "fill": "#E4EBF7", "mask": "url(#b)" }, null)]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M39.989 132.108a8.332 8.332 0 1 1-16.581-1.671 8.332 8.332 0 0 1 16.58 1.671", "fill": "#FFF" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M37.19 135.59l10.553 5.983M48.665 147.884l-12.734 10.861", "stroke": "#FFF", "stroke-width": "2" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M40.11 160.816a5.706 5.706 0 1 1-11.354-1.145 5.706 5.706 0 0 1 11.354 1.145M57.943 144.6a5.747 5.747 0 1 1-11.436-1.152 5.747 5.747 0 0 1 11.436 1.153M99.656 27.434l30.024-.013a4.619 4.619 0 1 0-.004-9.238l-30.024.013a4.62 4.62 0 0 0 .004 9.238M111.14 45.896l30.023-.013a4.62 4.62 0 1 0-.004-9.238l-30.024.013a4.619 4.619 0 1 0 .004 9.238", "fill": "#FFF" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M113.53 27.421v-.002l15.89-.007a4.619 4.619 0 1 0 .005 9.238l-15.892.007v-.002a4.618 4.618 0 0 0-.004-9.234M150.167 70.091h-3.979a4.789 4.789 0 0 1-4.774-4.775 4.788 4.788 0 0 1 4.774-4.774h3.979a4.789 4.789 0 0 1 4.775 4.774 4.789 4.789 0 0 1-4.775 4.775", "fill": "#FFF" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M171.687 30.234c0-16.392 13.289-29.68 29.681-29.68 16.392 0 29.68 13.288 29.68 29.68 0 16.393-13.288 29.681-29.68 29.681s-29.68-13.288-29.68-29.68", "fill": "#FF603B" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M203.557 19.435l-.676 15.035a1.514 1.514 0 0 1-3.026 0l-.675-15.035a2.19 2.19 0 1 1 4.377 0m-.264 19.378c.513.477.77 1.1.77 1.87s-.257 1.393-.77 1.907c-.55.476-1.21.733-1.943.733a2.545 2.545 0 0 1-1.87-.77c-.55-.514-.806-1.136-.806-1.87 0-.77.256-1.393.806-1.87.513-.513 1.137-.733 1.87-.733.77 0 1.43.22 1.943.733", "fill": "#FFF" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M119.3 133.275c4.426-.598 3.612-1.204 4.079-4.778.675-5.18-3.108-16.935-8.262-25.118-1.088-10.72-12.598-11.24-12.598-11.24s4.312 4.895 4.196 16.199c1.398 5.243.804 14.45.804 14.45s5.255 11.369 11.78 10.487", "fill": "#FFB594" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M100.944 91.61s1.463-.583 3.211.582c8.08 1.398 10.368 6.706 11.3 11.368 1.864 1.282 1.864 2.33 1.864 3.496.365.777 1.515 3.03 1.515 3.03s-7.225 1.748-10.954 6.758c-1.399-6.41-6.936-25.235-6.936-25.235", "fill": "#FFF" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M94.008 90.5l1.019-5.815-9.23-11.874-5.233 5.581-2.593 9.863s8.39 5.128 16.037 2.246", "fill": "#FFB594" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M82.931 78.216s-4.557-2.868-2.445-6.892c1.632-3.107 4.537 1.139 4.537 1.139s.524-3.662 3.139-3.662c.523-1.046 1.569-4.184 1.569-4.184s11.507 2.615 13.6 3.138c-.001 5.23-2.317 19.529-7.884 19.969-8.94.706-12.516-9.508-12.516-9.508", "fill": "#FFC6A0" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M102.971 72.243c2.616-2.093 3.489-9.775 3.489-9.775s-2.492-.492-6.676-2.062c-4.708-2.092-12.867-4.771-17.575.982-9.54 4.41-2.062 19.93-2.062 19.93l2.729-3.037s-3.956-3.304-2.092-6.277c2.183-3.48 3.943 1.08 3.943 1.08s.64-2.4 3.6-3.36c.356-.714 1.04-2.69 1.44-3.872a1.08 1.08 0 0 1 1.27-.707c2.41.56 8.723 2.03 11.417 2.676.524.126.876.619.825 1.156l-.308 3.266z", "fill": "#520038" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M101.22 76.514c-.104.613-.585 1.044-1.076.96-.49-.082-.805-.646-.702-1.26.104-.613.585-1.044 1.076-.961.491.083.805.647.702 1.26M94.26 75.074c-.104.613-.585 1.044-1.076.96-.49-.082-.805-.646-.702-1.26.104-.613.585-1.044 1.076-.96.491.082.805.646.702 1.26", "fill": "#552950" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "stroke": "#DB836E", "stroke-width": "1.063", "stroke-linecap": "round", "stroke-linejoin": "round", "d": "M99.206 73.644l-.9 1.62-.3 4.38h-2.24" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M99.926 73.284s1.8-.72 2.52.54", "stroke": "#5C2552", "stroke-width": "1.117", "stroke-linecap": "round", "stroke-linejoin": "round" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M81.367 73.084s.48-1.12 1.12-.72c.64.4 1.28 1.44.56 2s.16 1.68.16 1.68", "stroke": "#DB836E", "stroke-width": "1.117", "stroke-linecap": "round", "stroke-linejoin": "round" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M92.326 71.724s1.84 1.12 4.16.96", "stroke": "#5C2552", "stroke-width": "1.117", "stroke-linecap": "round", "stroke-linejoin": "round" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M92.726 80.604s2.24 1.2 4.4 1.2M93.686 83.164s.96.4 1.52.32M83.687 80.044s1.786 6.547 9.262 7.954", "stroke": "#DB836E", "stroke-width": "1.063", "stroke-linecap": "round", "stroke-linejoin": "round" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M95.548 91.663s-1.068 2.821-8.298 2.105c-7.23-.717-10.29-5.044-10.29-5.044", "stroke": "#E4EBF7", "stroke-width": "1.136", "stroke-linecap": "round", "stroke-linejoin": "round" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M78.126 87.478s6.526 4.972 16.47 2.486c0 0 9.577 1.02 11.536 5.322 5.36 11.77.543 36.835 0 39.962 3.496 4.055-.466 8.483-.466 8.483-15.624-3.548-35.81-.6-35.81-.6-4.849-3.546-1.223-9.044-1.223-9.044L62.38 110.32c-2.485-15.227.833-19.803 3.549-20.743 3.03-1.049 8.04-1.282 8.04-1.282.496-.058 1.08-.076 1.37-.233 2.36-1.282 2.787-.583 2.787-.583", "fill": "#FFF" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M65.828 89.81s-6.875.465-7.59 8.156c-.466 8.857 3.03 10.954 3.03 10.954s6.075 22.102 16.796 22.957c8.39-2.176 4.758-6.702 4.661-11.42-.233-11.304-7.108-16.897-7.108-16.897s-4.212-13.75-9.789-13.75", "fill": "#FFC6A0" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M71.716 124.225s.855 11.264 9.828 6.486c4.765-2.536 7.581-13.828 9.789-22.568 1.456-5.768 2.58-12.197 2.58-12.197l-4.973-1.709s-2.408 5.516-7.769 12.275c-4.335 5.467-9.144 11.11-9.455 17.713", "fill": "#FFC6A0" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M108.463 105.191s1.747 2.724-2.331 30.535c2.376 2.216 1.053 6.012-.233 7.51", "stroke": "#E4EBF7", "stroke-width": "1.085", "stroke-linecap": "round", "stroke-linejoin": "round" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M123.262 131.527s-.427 2.732-11.77 1.981c-15.187-1.006-25.326-3.25-25.326-3.25l.933-5.8s.723.215 9.71-.068c11.887-.373 18.714-6.07 24.964-1.022 4.039 3.263 1.489 8.16 1.489 8.16", "fill": "#FFC6A0" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M70.24 90.974s-5.593-4.739-11.054 2.68c-3.318 7.223.517 15.284 2.664 19.578-.31 3.729 2.33 4.311 2.33 4.311s.108.895 1.516 2.68c4.078-7.03 6.72-9.166 13.711-12.546-.328-.656-1.877-3.265-1.825-3.767.175-1.69-1.282-2.623-1.282-2.623s-.286-.156-1.165-2.738c-.788-2.313-2.036-5.177-4.895-7.575", "fill": "#FFF" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M90.232 288.027s4.855 2.308 8.313 1.155c3.188-1.063 5.12.755 8.002 1.331 2.881.577 7.769 1.243 13.207-1.424-.117-6.228-7.786-4.499-13.518-7.588-2.895-1.56-4.276-5.336-4.066-9.944H91.544s-1.573 11.89-1.312 16.47", "fill": "#CBD1D1" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M90.207 287.833s2.745 1.437 7.639.738c3.456-.494 3.223.66 7.418 1.282 4.195.621 13.092-.194 14.334-1.126.466 1.242-.388 2.33-.388 2.33s-1.709.682-5.438.932c-2.295.154-8.098.276-10.14-.621-2.02-1.554-4.894-1.515-6.06-.234-4.427 1.075-7.184-.31-7.184-.31l-.181-2.991z", "fill": "#2B0849" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M98.429 272.257h3.496s-.117 7.574 5.127 9.671c-5.244.7-9.672-2.602-8.623-9.671", "fill": "#A4AABA" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M44.425 272.046s-2.208 7.774-4.702 12.899c-1.884 3.874-4.428 7.854 5.729 7.854 6.97 0 9.385-.503 7.782-6.917-1.604-6.415.279-13.836.279-13.836h-9.088z", "fill": "#CBD1D1" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M38.066 290.277s2.198 1.225 6.954 1.225c6.376 0 8.646-1.73 8.646-1.73s.63 1.168-.649 2.27c-1.04.897-3.77 1.668-7.745 1.621-4.347-.05-6.115-.593-7.062-1.224-.864-.577-.72-1.657-.144-2.162", "fill": "#2B0849" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M45.344 274.041s.035 1.592-.329 3.07c-.365 1.49-1.13 3.255-1.184 4.34-.061 1.206 4.755 1.657 5.403.036.65-1.622 1.357-6.737 2.006-7.602.648-.865-5.14-2.222-5.896.156", "fill": "#A4AABA" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M89.476 277.57l13.899.095s1.349-56.643 1.925-66.909c.576-10.267 3.923-45.052 1.042-65.585l-13.037-.669-23.737.81s-.452 4.12-1.243 10.365c-.065.515-.708.874-.777 1.417-.078.608.439 1.407.332 2.044-2.455 14.627-5.797 32.736-8.256 46.837-.121.693-1.282 1.048-1.515 2.796-.042.314.22 1.584.116 1.865-7.14 19.473-12.202 52.601-15.66 67.19l15.176-.015s2.282-10.145 4.185-18.871c2.922-13.389 24.012-88.32 24.012-88.32l3.133-.954-.158 48.568s-.233 1.282.35 2.098c.583.815-.581 1.167-.408 2.331l.408 1.864s-.466 7.458-.932 12.352c-.467 4.895 1.145 40.69 1.145 40.69", "fill": "#7BB2F9" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M64.57 218.881c1.197.099 4.195-2.097 7.225-5.127M96.024 222.534s2.881-1.152 6.34-4.034", "stroke": "#648BD8", "stroke-width": "1.085", "stroke-linecap": "round", "stroke-linejoin": "round" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M96.973 219.373s2.882-1.153 6.34-4.034", "stroke": "#648BD8", "stroke-width": "1.032", "stroke-linecap": "round", "stroke-linejoin": "round" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M63.172 222.144s2.724-.614 6.759-3.496M74.903 146.166c-.281 3.226.31 8.856-4.506 9.478M93.182 144.344s.115 14.557-1.344 15.65c-2.305 1.73-3.107 2.02-3.107 2.02M89.197 144.923s.269 13.144-1.01 25.088M83.525 170.71s6.81-1.051 9.116-1.051M46.026 270.045l-.892 4.538M46.937 263.289l-.815 4.157M62.725 202.503c-.33 1.618-.102 1.904-.449 3.438 0 0-2.756 1.903-2.29 3.923.466 2.02-.31 3.424-4.505 17.252-1.762 5.807-4.233 18.922-6.165 28.278-.03.144-.521 2.646-1.14 5.8M64.158 194.136c-.295 1.658-.6 3.31-.917 4.938M71.33 146.787l-1.244 10.877s-1.14.155-.519 2.33c.117 1.399-2.778 16.39-5.382 31.615M44.242 273.727H58.07", "stroke": "#648BD8", "stroke-width": "1.085", "stroke-linecap": "round", "stroke-linejoin": "round" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M106.18 142.117c-3.028-.489-18.825-2.744-36.219.2a.625.625 0 0 0-.518.644c.063 1.307.044 2.343.015 2.995a.617.617 0 0 0 .716.636c3.303-.534 17.037-2.412 35.664-.266.347.04.66-.214.692-.56.124-1.347.16-2.425.17-3.029a.616.616 0 0 0-.52-.62", "fill": "#192064" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M96.398 145.264l.003-5.102a.843.843 0 0 0-.809-.847 114.104 114.104 0 0 0-8.141-.014.85.85 0 0 0-.82.847l-.003 5.097c0 .476.388.857.864.845 2.478-.064 5.166-.067 8.03.017a.848.848 0 0 0 .876-.843", "fill": "#FFF" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M95.239 144.296l.002-3.195a.667.667 0 0 0-.643-.672c-1.9-.061-3.941-.073-6.094-.01a.675.675 0 0 0-.654.672l-.002 3.192c0 .376.305.677.68.669 1.859-.042 3.874-.043 6.02.012.376.01.69-.291.691-.668", "fill": "#192064" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M90.102 273.522h12.819M91.216 269.761c.006 3.519-.072 5.55 0 6.292M90.923 263.474c-.009 1.599-.016 2.558-.016 4.505M90.44 170.404l.932 46.38s.7 1.631-.233 2.796c-.932 1.166 2.564.7.932 2.33-1.63 1.633.933 1.166 0 3.497-.618 1.546-1.031 21.921-1.138 36.513", "stroke": "#648BD8", "stroke-width": "1.085", "stroke-linecap": "round", "stroke-linejoin": "round" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M73.736 98.665l2.214 4.312s2.098.816 1.865 2.68l.816 2.214M64.297 116.611c.233-.932 2.176-7.147 12.585-10.488M77.598 90.042s7.691 6.137 16.547 2.72", "stroke": "#E4EBF7", "stroke-width": "1.085", "stroke-linecap": "round", "stroke-linejoin": "round" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M91.974 86.954s5.476-.816 7.574-4.545c1.297-.345.72 2.212-.33 3.671-.7.971-1.01 1.554-1.01 1.554s.194.31.155.816c-.053.697-.175.653-.272 1.048-.081.335.108.657 0 1.049-.046.17-.198.5-.382.878-.12.249-.072.687-.2.948-.231.469-1.562 1.87-2.622 2.855-3.826 3.554-5.018 1.644-6.001-.408-.894-1.865-.661-5.127-.874-6.875-.35-2.914-2.622-3.03-1.923-4.429.343-.685 2.87.69 3.263 1.748.757 2.04 2.952 1.807 2.622 1.69", "fill": "#FFC6A0" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M99.8 82.429c-.465.077-.35.272-.97 1.243-.622.971-4.817 2.932-6.39 3.224-2.589.48-2.278-1.56-4.254-2.855-1.69-1.107-3.562-.638-1.398 1.398.99.932.932 1.107 1.398 3.205.335 1.506-.64 3.67.7 5.593", "stroke": "#DB836E", "stroke-width": ".774", "stroke-linecap": "round", "stroke-linejoin": "round" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M79.543 108.673c-2.1 2.926-4.266 6.175-5.557 8.762", "stroke": "#E59788", "stroke-width": ".774", "stroke-linecap": "round", "stroke-linejoin": "round" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M87.72 124.768s-2.098-1.942-5.127-2.719c-3.03-.777-3.574-.155-5.516.078-1.942.233-3.885-.932-3.652.7.233 1.63 5.05 1.01 5.206 2.097.155 1.087-6.37 2.796-8.313 2.175-.777.777.466 1.864 2.02 2.175.233 1.554 2.253 1.554 2.253 1.554s.699 1.01 2.641 1.088c2.486 1.32 8.934-.7 10.954-1.554 2.02-.855-.466-5.594-.466-5.594", "fill": "#FFC6A0" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M73.425 122.826s.66 1.127 3.167 1.418c2.315.27 2.563.583 2.563.583s-2.545 2.894-9.07 2.272M72.416 129.274s3.826.097 4.933-.718M74.98 130.75s1.961.136 3.36-.505M77.232 131.916s1.748.019 2.914-.505M73.328 122.321s-.595-1.032 1.262-.427c1.671.544 2.833.055 5.128.155 1.389.061 3.067-.297 3.982.15 1.606.784 3.632 2.181 3.632 2.181s10.526 1.204 19.033-1.127M78.864 108.104s-8.39 2.758-13.168 12.12", "stroke": "#E59788", "stroke-width": ".774", "stroke-linecap": "round", "stroke-linejoin": "round" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M109.278 112.533s3.38-3.613 7.575-4.662", "stroke": "#E4EBF7", "stroke-width": "1.085", "stroke-linecap": "round", "stroke-linejoin": "round" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M107.375 123.006s9.697-2.745 11.445-.88", "stroke": "#E59788", "stroke-width": ".774", "stroke-linecap": "round", "stroke-linejoin": "round" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M194.605 83.656l3.971-3.886M187.166 90.933l3.736-3.655M191.752 84.207l-4.462-4.56M198.453 91.057l-4.133-4.225M129.256 163.074l3.718-3.718M122.291 170.039l3.498-3.498M126.561 163.626l-4.27-4.27M132.975 170.039l-3.955-3.955", "stroke": "#BFCDDD", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M190.156 211.779h-1.604a4.023 4.023 0 0 1-4.011-4.011V175.68a4.023 4.023 0 0 1 4.01-4.01h1.605a4.023 4.023 0 0 1 4.011 4.01v32.088a4.023 4.023 0 0 1-4.01 4.01", "fill": "#A3B4C6" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M237.824 212.977a4.813 4.813 0 0 1-4.813 4.813h-86.636a4.813 4.813 0 0 1 0-9.626h86.636a4.813 4.813 0 0 1 4.813 4.813", "fill": "#A3B4C6" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("mask", { "fill": "#fff" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "fill": "#A3B4C6", "mask": "url(#d)", "d": "M154.098 190.096h70.513v-84.617h-70.513z" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M224.928 190.096H153.78a3.219 3.219 0 0 1-3.208-3.209V167.92a3.219 3.219 0 0 1 3.208-3.21h71.148a3.219 3.219 0 0 1 3.209 3.21v18.967a3.219 3.219 0 0 1-3.21 3.209M224.928 130.832H153.78a3.218 3.218 0 0 1-3.208-3.208v-18.968a3.219 3.219 0 0 1 3.208-3.209h71.148a3.219 3.219 0 0 1 3.209 3.21v18.967a3.218 3.218 0 0 1-3.21 3.208", "fill": "#BFCDDD", "mask": "url(#d)" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M159.563 120.546a2.407 2.407 0 1 1 0-4.813 2.407 2.407 0 0 1 0 4.813M166.98 120.546a2.407 2.407 0 1 1 0-4.813 2.407 2.407 0 0 1 0 4.813M174.397 120.546a2.407 2.407 0 1 1 0-4.813 2.407 2.407 0 0 1 0 4.813M222.539 120.546h-22.461a.802.802 0 0 1-.802-.802v-3.208c0-.443.359-.803.802-.803h22.46c.444 0 .803.36.803.803v3.208c0 .443-.36.802-.802.802", "fill": "#FFF", "mask": "url(#d)" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M224.928 160.464H153.78a3.218 3.218 0 0 1-3.208-3.209v-18.967a3.219 3.219 0 0 1 3.208-3.209h71.148a3.219 3.219 0 0 1 3.209 3.209v18.967a3.218 3.218 0 0 1-3.21 3.209", "fill": "#BFCDDD", "mask": "url(#d)" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M173.455 130.832h49.301M164.984 130.832h6.089M155.952 130.832h6.75M173.837 160.613h49.3M165.365 160.613h6.089M155.57 160.613h6.751", "stroke": "#7C90A5", "stroke-width": "1.124", "stroke-linecap": "round", "stroke-linejoin": "round", "mask": "url(#d)" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M159.563 151.038a2.407 2.407 0 1 1 0-4.814 2.407 2.407 0 0 1 0 4.814M166.98 151.038a2.407 2.407 0 1 1 0-4.814 2.407 2.407 0 0 1 0 4.814M174.397 151.038a2.407 2.407 0 1 1 .001-4.814 2.407 2.407 0 0 1 0 4.814M222.539 151.038h-22.461a.802.802 0 0 1-.802-.802v-3.209c0-.443.359-.802.802-.802h22.46c.444 0 .803.36.803.802v3.209c0 .443-.36.802-.802.802M159.563 179.987a2.407 2.407 0 1 1 0-4.813 2.407 2.407 0 0 1 0 4.813M166.98 179.987a2.407 2.407 0 1 1 0-4.813 2.407 2.407 0 0 1 0 4.813M174.397 179.987a2.407 2.407 0 1 1 0-4.813 2.407 2.407 0 0 1 0 4.813M222.539 179.987h-22.461a.802.802 0 0 1-.802-.802v-3.209c0-.443.359-.802.802-.802h22.46c.444 0 .803.36.803.802v3.209c0 .443-.36.802-.802.802", "fill": "#FFF", "mask": "url(#d)" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M203.04 221.108h-27.372a2.413 2.413 0 0 1-2.406-2.407v-11.448a2.414 2.414 0 0 1 2.406-2.407h27.372a2.414 2.414 0 0 1 2.407 2.407V218.7a2.413 2.413 0 0 1-2.407 2.407", "fill": "#BFCDDD", "mask": "url(#d)" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M177.259 207.217v11.52M201.05 207.217v11.52", "stroke": "#A3B4C6", "stroke-width": "1.124", "stroke-linecap": "round", "stroke-linejoin": "round", "mask": "url(#d)" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M162.873 267.894a9.422 9.422 0 0 1-9.422-9.422v-14.82a9.423 9.423 0 0 1 18.845 0v14.82a9.423 9.423 0 0 1-9.423 9.422", "fill": "#5BA02E", "mask": "url(#d)" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M171.22 267.83a9.422 9.422 0 0 1-9.422-9.423v-3.438a9.423 9.423 0 0 1 18.845 0v3.438a9.423 9.423 0 0 1-9.422 9.423", "fill": "#92C110", "mask": "url(#d)" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M181.31 293.666h-27.712a3.209 3.209 0 0 1-3.209-3.21V269.79a3.209 3.209 0 0 1 3.209-3.21h27.711a3.209 3.209 0 0 1 3.209 3.21v20.668a3.209 3.209 0 0 1-3.209 3.209", "fill": "#F2D7AD", "mask": "url(#d)" }, null)])]); }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ServerError); /***/ }), /***/ "./components/result/style/index.tsx": /*!*******************************************!*\ !*** ./components/result/style/index.tsx ***! \*******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/genComponentStyleHook.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/statistic.ts"); // ============================== Styles ============================== const genBaseStyle = token => { const { componentCls, lineHeightHeading3, iconCls, padding, paddingXL, paddingXS, paddingLG, marginXS, lineHeight } = token; return { // Result [componentCls]: { padding: `${paddingLG * 2}px ${paddingXL}px`, // RTL '&-rtl': { direction: 'rtl' } }, // Exception Status image [`${componentCls} ${componentCls}-image`]: { width: token.imageWidth, height: token.imageHeight, margin: 'auto' }, [`${componentCls} ${componentCls}-icon`]: { marginBottom: paddingLG, textAlign: 'center', [`& > ${iconCls}`]: { fontSize: token.resultIconFontSize } }, [`${componentCls} ${componentCls}-title`]: { color: token.colorTextHeading, fontSize: token.resultTitleFontSize, lineHeight: lineHeightHeading3, marginBlock: marginXS, textAlign: 'center' }, [`${componentCls} ${componentCls}-subtitle`]: { color: token.colorTextDescription, fontSize: token.resultSubtitleFontSize, lineHeight, textAlign: 'center' }, [`${componentCls} ${componentCls}-content`]: { marginTop: paddingLG, padding: `${paddingLG}px ${padding * 2.5}px`, backgroundColor: token.colorFillAlter }, [`${componentCls} ${componentCls}-extra`]: { margin: token.resultExtraMargin, textAlign: 'center', '& > *': { marginInlineEnd: paddingXS, '&:last-child': { marginInlineEnd: 0 } } } }; }; const genStatusIconStyle = token => { const { componentCls, iconCls } = token; return { [`${componentCls}-success ${componentCls}-icon > ${iconCls}`]: { color: token.resultSuccessIconColor }, [`${componentCls}-error ${componentCls}-icon > ${iconCls}`]: { color: token.resultErrorIconColor }, [`${componentCls}-info ${componentCls}-icon > ${iconCls}`]: { color: token.resultInfoIconColor }, [`${componentCls}-warning ${componentCls}-icon > ${iconCls}`]: { color: token.resultWarningIconColor } }; }; const genResultStyle = token => [genBaseStyle(token), genStatusIconStyle(token)]; // ============================== Export ============================== const getStyle = token => genResultStyle(token); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_theme_internal__WEBPACK_IMPORTED_MODULE_0__["default"])('Result', token => { const { paddingLG, fontSizeHeading3 } = token; const resultSubtitleFontSize = token.fontSize; const resultExtraMargin = `${paddingLG}px 0 0 0`; const resultInfoIconColor = token.colorInfo; const resultErrorIconColor = token.colorError; const resultSuccessIconColor = token.colorSuccess; const resultWarningIconColor = token.colorWarning; const resultToken = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_1__.merge)(token, { resultTitleFontSize: fontSizeHeading3, resultSubtitleFontSize, resultIconFontSize: fontSizeHeading3 * 3, resultExtraMargin, resultInfoIconColor, resultErrorIconColor, resultSuccessIconColor, resultWarningIconColor }); return [getStyle(resultToken)]; }, { imageWidth: 250, imageHeight: 295 })); /***/ }), /***/ "./components/result/unauthorized.tsx": /*!********************************************!*\ !*** ./components/result/unauthorized.tsx ***! \********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); const Unauthorized = () => { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("svg", { "width": "251", "height": "294" }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("g", { "fill": "none", "fill-rule": "evenodd" }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M0 129.023v-2.084C0 58.364 55.591 2.774 124.165 2.774h2.085c68.574 0 124.165 55.59 124.165 124.165v2.084c0 68.575-55.59 124.166-124.165 124.166h-2.085C55.591 253.189 0 197.598 0 129.023", "fill": "#E4EBF7" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M41.417 132.92a8.231 8.231 0 1 1-16.38-1.65 8.231 8.231 0 0 1 16.38 1.65", "fill": "#FFF" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M38.652 136.36l10.425 5.91M49.989 148.505l-12.58 10.73", "stroke": "#FFF", "stroke-width": "2" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M41.536 161.28a5.636 5.636 0 1 1-11.216-1.13 5.636 5.636 0 0 1 11.216 1.13M59.154 145.261a5.677 5.677 0 1 1-11.297-1.138 5.677 5.677 0 0 1 11.297 1.138M100.36 29.516l29.66-.013a4.562 4.562 0 1 0-.004-9.126l-29.66.013a4.563 4.563 0 0 0 .005 9.126M111.705 47.754l29.659-.013a4.563 4.563 0 1 0-.004-9.126l-29.66.013a4.563 4.563 0 1 0 .005 9.126", "fill": "#FFF" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M114.066 29.503V29.5l15.698-.007a4.563 4.563 0 1 0 .004 9.126l-15.698.007v-.002a4.562 4.562 0 0 0-.004-9.122M185.405 137.723c-.55 5.455-5.418 9.432-10.873 8.882-5.456-.55-9.432-5.418-8.882-10.873.55-5.455 5.418-9.432 10.873-8.882 5.455.55 9.432 5.418 8.882 10.873", "fill": "#FFF" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M180.17 143.772l12.572 7.129M193.841 158.42L178.67 171.36", "stroke": "#FFF", "stroke-width": "2" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M185.55 171.926a6.798 6.798 0 1 1-13.528-1.363 6.798 6.798 0 0 1 13.527 1.363M204.12 155.285a6.848 6.848 0 1 1-13.627-1.375 6.848 6.848 0 0 1 13.626 1.375", "fill": "#FFF" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M152.988 194.074a2.21 2.21 0 1 1-4.42 0 2.21 2.21 0 0 1 4.42 0zM225.931 118.217a2.21 2.21 0 1 1-4.421 0 2.21 2.21 0 0 1 4.421 0zM217.09 153.051a2.21 2.21 0 1 1-4.421 0 2.21 2.21 0 0 1 4.42 0zM177.84 109.842a2.21 2.21 0 1 1-4.422 0 2.21 2.21 0 0 1 4.421 0zM196.114 94.454a2.21 2.21 0 1 1-4.421 0 2.21 2.21 0 0 1 4.421 0zM202.844 182.523a2.21 2.21 0 1 1-4.42 0 2.21 2.21 0 0 1 4.42 0z", "stroke": "#FFF", "stroke-width": "2" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "stroke": "#FFF", "stroke-width": "2", "d": "M215.125 155.262l-1.902 20.075-10.87 5.958M174.601 176.636l-6.322 9.761H156.98l-4.484 6.449M175.874 127.28V111.56M221.51 119.404l-12.77 7.859-15.228-7.86V96.668" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M180.68 29.32C180.68 13.128 193.806 0 210 0c16.193 0 29.32 13.127 29.32 29.32 0 16.194-13.127 29.322-29.32 29.322-16.193 0-29.32-13.128-29.32-29.321", "fill": "#A26EF4" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M221.45 41.706l-21.563-.125a1.744 1.744 0 0 1-1.734-1.754l.071-12.23a1.744 1.744 0 0 1 1.754-1.734l21.562.125c.964.006 1.74.791 1.735 1.755l-.071 12.229a1.744 1.744 0 0 1-1.754 1.734", "fill": "#FFF" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M215.106 29.192c-.015 2.577-2.049 4.654-4.543 4.64-2.494-.014-4.504-2.115-4.489-4.693l.04-6.925c.016-2.577 2.05-4.654 4.543-4.64 2.494.015 4.504 2.116 4.49 4.693l-.04 6.925zm-4.53-14.074a6.877 6.877 0 0 0-6.916 6.837l-.043 7.368a6.877 6.877 0 0 0 13.754.08l.042-7.368a6.878 6.878 0 0 0-6.837-6.917zM167.566 68.367h-3.93a4.73 4.73 0 0 1-4.717-4.717 4.73 4.73 0 0 1 4.717-4.717h3.93a4.73 4.73 0 0 1 4.717 4.717 4.73 4.73 0 0 1-4.717 4.717", "fill": "#FFF" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M168.214 248.838a6.611 6.611 0 0 1-6.61-6.611v-66.108a6.611 6.611 0 0 1 13.221 0v66.108a6.611 6.611 0 0 1-6.61 6.61", "fill": "#5BA02E" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M176.147 248.176a6.611 6.611 0 0 1-6.61-6.61v-33.054a6.611 6.611 0 1 1 13.221 0v33.053a6.611 6.611 0 0 1-6.61 6.611", "fill": "#92C110" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M185.994 293.89h-27.376a3.17 3.17 0 0 1-3.17-3.17v-45.887a3.17 3.17 0 0 1 3.17-3.17h27.376a3.17 3.17 0 0 1 3.17 3.17v45.886a3.17 3.17 0 0 1-3.17 3.17", "fill": "#F2D7AD" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M81.972 147.673s6.377-.927 17.566-1.28c11.729-.371 17.57 1.086 17.57 1.086s3.697-3.855.968-8.424c1.278-12.077 5.982-32.827.335-48.273-1.116-1.339-3.743-1.512-7.536-.62-1.337.315-7.147-.149-7.983-.1l-15.311-.347s-3.487-.17-8.035-.508c-1.512-.113-4.227-1.683-5.458-.338-.406.443-2.425 5.669-1.97 16.077l8.635 35.642s-3.141 3.61 1.219 7.085", "fill": "#FFF" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M75.768 73.325l-.9-6.397 11.982-6.52s7.302-.118 8.038 1.205c.737 1.324-5.616.993-5.616.993s-1.836 1.388-2.615 2.5c-1.654 2.363-.986 6.471-8.318 5.986-1.708.284-2.57 2.233-2.57 2.233", "fill": "#FFC6A0" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M52.44 77.672s14.217 9.406 24.973 14.444c1.061.497-2.094 16.183-11.892 11.811-7.436-3.318-20.162-8.44-21.482-14.496-.71-3.258 2.543-7.643 8.401-11.76M141.862 80.113s-6.693 2.999-13.844 6.876c-3.894 2.11-10.137 4.704-12.33 7.988-6.224 9.314 3.536 11.22 12.947 7.503 6.71-2.651 28.999-12.127 13.227-22.367", "fill": "#FFB594" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M76.166 66.36l3.06 3.881s-2.783 2.67-6.31 5.747c-7.103 6.195-12.803 14.296-15.995 16.44-3.966 2.662-9.754 3.314-12.177-.118-3.553-5.032.464-14.628 31.422-25.95", "fill": "#FFC6A0" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M64.674 85.116s-2.34 8.413-8.912 14.447c.652.548 18.586 10.51 22.144 10.056 5.238-.669 6.417-18.968 1.145-20.531-.702-.208-5.901-1.286-8.853-2.167-.87-.26-1.611-1.71-3.545-.936l-1.98-.869zM128.362 85.826s5.318 1.956 7.325 13.734c-.546.274-17.55 12.35-21.829 7.805-6.534-6.94-.766-17.393 4.275-18.61 4.646-1.121 5.03-1.37 10.23-2.929", "fill": "#FFF" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M78.18 94.656s.911 7.41-4.914 13.078", "stroke": "#E4EBF7", "stroke-width": "1.051", "stroke-linecap": "round", "stroke-linejoin": "round" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M87.397 94.68s3.124 2.572 10.263 2.572c7.14 0 9.074-3.437 9.074-3.437", "stroke": "#E4EBF7", "stroke-width": ".932", "stroke-linecap": "round", "stroke-linejoin": "round" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M117.184 68.639l-6.781-6.177s-5.355-4.314-9.223-.893c-3.867 3.422 4.463 2.083 5.653 4.165 1.19 2.082.848 1.143-2.083.446-5.603-1.331-2.082.893 2.975 5.355 2.091 1.845 6.992.955 6.992.955l2.467-3.851z", "fill": "#FFC6A0" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M105.282 91.315l-.297-10.937-15.918-.027-.53 10.45c-.026.403.17.788.515.999 2.049 1.251 9.387 5.093 15.799.424.287-.21.443-.554.431-.91", "fill": "#FFB594" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M107.573 74.24c.817-1.147.982-9.118 1.015-11.928a1.046 1.046 0 0 0-.965-1.055l-4.62-.365c-7.71-1.044-17.071.624-18.253 6.346-5.482 5.813-.421 13.244-.421 13.244s1.963 3.566 4.305 6.791c.756 1.041.398-3.731 3.04-5.929 5.524-4.594 15.899-7.103 15.899-7.103", "fill": "#5C2552" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M88.426 83.206s2.685 6.202 11.602 6.522c7.82.28 8.973-7.008 7.434-17.505l-.909-5.483c-6.118-2.897-15.478.54-15.478.54s-.576 2.044-.19 5.504c-2.276 2.066-1.824 5.618-1.824 5.618s-.905-1.922-1.98-2.321c-.86-.32-1.897.089-2.322 1.98-1.04 4.632 3.667 5.145 3.667 5.145", "fill": "#FFC6A0" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "stroke": "#DB836E", "stroke-width": "1.145", "stroke-linecap": "round", "stroke-linejoin": "round", "d": "M100.843 77.099l1.701-.928-1.015-4.324.674-1.406" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M105.546 74.092c-.022.713-.452 1.279-.96 1.263-.51-.016-.904-.607-.882-1.32.021-.713.452-1.278.96-1.263.51.016.904.607.882 1.32M97.592 74.349c-.022.713-.452 1.278-.961 1.263-.509-.016-.904-.607-.882-1.32.022-.713.452-1.279.961-1.263.51.016.904.606.882 1.32", "fill": "#552950" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M91.132 86.786s5.269 4.957 12.679 2.327", "stroke": "#DB836E", "stroke-width": "1.145", "stroke-linecap": "round", "stroke-linejoin": "round" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M99.776 81.903s-3.592.232-1.44-2.79c1.59-1.496 4.897-.46 4.897-.46s1.156 3.906-3.457 3.25", "fill": "#DB836E" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M102.88 70.6s2.483.84 3.402.715M93.883 71.975s2.492-1.144 4.778-1.073", "stroke": "#5C2552", "stroke-width": "1.526", "stroke-linecap": "round", "stroke-linejoin": "round" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M86.32 77.374s.961.879 1.458 2.106c-.377.48-1.033 1.152-.236 1.809M99.337 83.719s1.911.151 2.509-.254", "stroke": "#DB836E", "stroke-width": "1.145", "stroke-linecap": "round", "stroke-linejoin": "round" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M87.782 115.821l15.73-3.012M100.165 115.821l10.04-2.008", "stroke": "#E4EBF7", "stroke-width": "1.051", "stroke-linecap": "round", "stroke-linejoin": "round" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M66.508 86.763s-1.598 8.83-6.697 14.078", "stroke": "#E4EBF7", "stroke-width": "1.114", "stroke-linecap": "round", "stroke-linejoin": "round" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M128.31 87.934s3.013 4.121 4.06 11.785", "stroke": "#E4EBF7", "stroke-width": "1.051", "stroke-linecap": "round", "stroke-linejoin": "round" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M64.09 84.816s-6.03 9.912-13.607 9.903", "stroke": "#DB836E", "stroke-width": ".795", "stroke-linecap": "round", "stroke-linejoin": "round" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M112.366 65.909l-.142 5.32s5.993 4.472 11.945 9.202c4.482 3.562 8.888 7.455 10.985 8.662 4.804 2.766 8.9 3.355 11.076 1.808 4.071-2.894 4.373-9.878-8.136-15.263-4.271-1.838-16.144-6.36-25.728-9.73", "fill": "#FFC6A0" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M130.532 85.488s4.588 5.757 11.619 6.214", "stroke": "#DB836E", "stroke-width": ".75", "stroke-linecap": "round", "stroke-linejoin": "round" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M121.708 105.73s-.393 8.564-1.34 13.612", "stroke": "#E4EBF7", "stroke-width": "1.051", "stroke-linecap": "round", "stroke-linejoin": "round" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M115.784 161.512s-3.57-1.488-2.678-7.14", "stroke": "#648BD8", "stroke-width": "1.051", "stroke-linecap": "round", "stroke-linejoin": "round" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M101.52 290.246s4.326 2.057 7.408 1.03c2.842-.948 4.564.673 7.132 1.186 2.57.514 6.925 1.108 11.772-1.269-.104-5.551-6.939-4.01-12.048-6.763-2.582-1.39-3.812-4.757-3.625-8.863h-9.471s-1.402 10.596-1.169 14.68", "fill": "#CBD1D1" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M101.496 290.073s2.447 1.281 6.809.658c3.081-.44 3.74.485 7.479 1.039 3.739.554 10.802-.07 11.91-.9.415 1.108-.347 2.077-.347 2.077s-1.523.608-4.847.831c-2.045.137-5.843.293-7.663-.507-1.8-1.385-5.286-1.917-5.77-.243-3.947.958-7.41-.288-7.41-.288l-.16-2.667z", "fill": "#2B0849" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M108.824 276.19h3.116s-.103 6.751 4.57 8.62c-4.673.624-8.62-2.32-7.686-8.62", "fill": "#A4AABA" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M57.65 272.52s-2.122 7.47-4.518 12.396c-1.811 3.724-4.255 7.548 5.505 7.548 6.698 0 9.02-.483 7.479-6.648-1.541-6.164.268-13.296.268-13.296H57.65z", "fill": "#CBD1D1" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M51.54 290.04s2.111 1.178 6.682 1.178c6.128 0 8.31-1.662 8.31-1.662s.605 1.122-.624 2.18c-1 .862-3.624 1.603-7.444 1.559-4.177-.049-5.876-.57-6.786-1.177-.831-.554-.692-1.593-.138-2.078", "fill": "#2B0849" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M58.533 274.438s.034 1.529-.315 2.95c-.352 1.431-1.087 3.127-1.139 4.17-.058 1.16 4.57 1.592 5.194.035.623-1.559 1.303-6.475 1.927-7.306.622-.831-4.94-2.135-5.667.15", "fill": "#A4AABA" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M100.885 277.015l13.306.092s1.291-54.228 1.843-64.056c.552-9.828 3.756-43.13.997-62.788l-12.48-.64-22.725.776s-.433 3.944-1.19 9.921c-.062.493-.677.838-.744 1.358-.075.582.42 1.347.318 1.956-2.35 14.003-6.343 32.926-8.697 46.425-.116.663-1.227 1.004-1.45 2.677-.04.3.21 1.516.112 1.785-6.836 18.643-10.89 47.584-14.2 61.551l14.528-.014s2.185-8.524 4.008-16.878c2.796-12.817 22.987-84.553 22.987-84.553l3-.517 1.037 46.1s-.223 1.228.334 2.008c.558.782-.556 1.117-.39 2.233l.39 1.784s-.446 7.14-.892 11.826c-.446 4.685-.092 38.954-.092 38.954", "fill": "#7BB2F9" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M77.438 220.434c1.146.094 4.016-2.008 6.916-4.91M107.55 223.931s2.758-1.103 6.069-3.862", "stroke": "#648BD8", "stroke-width": "1.051", "stroke-linecap": "round", "stroke-linejoin": "round" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M108.459 220.905s2.759-1.104 6.07-3.863", "stroke": "#648BD8", "stroke-linecap": "round", "stroke-linejoin": "round" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M76.099 223.557s2.608-.587 6.47-3.346M87.33 150.82c-.27 3.088.297 8.478-4.315 9.073M104.829 149.075s.11 13.936-1.286 14.983c-2.207 1.655-2.975 1.934-2.975 1.934M101.014 149.63s.035 12.81-1.19 24.245M94.93 174.965s7.174-1.655 9.38-1.655M75.671 204.754c-.316 1.55-.64 3.067-.973 4.535 0 0-1.45 1.822-1.003 3.756.446 1.934-.943 2.034-4.96 15.273-1.686 5.559-4.464 18.49-6.313 27.447-.078.38-4.018 18.06-4.093 18.423M77.043 196.743a313.269 313.269 0 0 1-.877 4.729M83.908 151.414l-1.19 10.413s-1.091.148-.496 2.23c.111 1.34-2.66 15.692-5.153 30.267M57.58 272.94h13.238", "stroke": "#648BD8", "stroke-width": "1.051", "stroke-linecap": "round", "stroke-linejoin": "round" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M117.377 147.423s-16.955-3.087-35.7.199c.157 2.501-.002 4.128-.002 4.128s14.607-2.802 35.476-.31c.251-2.342.226-4.017.226-4.017", "fill": "#192064" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M107.511 150.353l.004-4.885a.807.807 0 0 0-.774-.81c-2.428-.092-5.04-.108-7.795-.014a.814.814 0 0 0-.784.81l-.003 4.88c0 .456.371.82.827.808a140.76 140.76 0 0 1 7.688.017.81.81 0 0 0 .837-.806", "fill": "#FFF" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M106.402 149.426l.002-3.06a.64.64 0 0 0-.616-.643 94.135 94.135 0 0 0-5.834-.009.647.647 0 0 0-.626.643l-.001 3.056c0 .36.291.648.651.64 1.78-.04 3.708-.041 5.762.012.36.009.662-.279.662-.64", "fill": "#192064" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": "M101.485 273.933h12.272M102.652 269.075c.006 3.368.04 5.759.11 6.47M102.667 263.125c-.009 1.53-.015 2.98-.016 4.313M102.204 174.024l.893 44.402s.669 1.561-.224 2.677c-.892 1.116 2.455.67.893 2.231-1.562 1.562.893 1.116 0 3.347-.592 1.48-.988 20.987-1.09 34.956", "stroke": "#648BD8", "stroke-width": "1.051", "stroke-linecap": "round", "stroke-linejoin": "round" }, null)])]); }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Unauthorized); /***/ }), /***/ "./components/row/index.ts": /*!*********************************!*\ !*** ./components/row/index.ts ***! \*********************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _grid__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../grid */ "./components/grid/Row.tsx"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_util_type__WEBPACK_IMPORTED_MODULE_0__.withInstall)(_grid__WEBPACK_IMPORTED_MODULE_1__["default"])); /***/ }), /***/ "./components/segmented/index.ts": /*!***************************************!*\ !*** ./components/segmented/index.ts ***! \***************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _src__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./src */ "./components/segmented/src/index.ts"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_util_type__WEBPACK_IMPORTED_MODULE_0__.withInstall)(_src__WEBPACK_IMPORTED_MODULE_1__["default"])); /***/ }), /***/ "./components/segmented/src/MotionThumb.tsx": /*!**************************************************!*\ !*** ./components/segmented/src/MotionThumb.tsx ***! \**************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _vc_util_Dom_class__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../vc-util/Dom/class */ "./components/vc-util/Dom/class.js"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../_util/type */ "./components/_util/type.ts"); const calcThumbStyle = targetElement => targetElement ? { left: targetElement.offsetLeft, right: targetElement.parentElement.clientWidth - targetElement.clientWidth - targetElement.offsetLeft, width: targetElement.clientWidth } : null; const toPX = value => value !== undefined ? `${value}px` : undefined; const MotionThumb = (0,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)({ props: { value: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.anyType)(), getValueIndex: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.anyType)(), prefixCls: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.anyType)(), motionName: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.anyType)(), onMotionStart: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.anyType)(), onMotionEnd: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.anyType)(), direction: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.anyType)(), containerRef: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.anyType)() }, emits: ['motionStart', 'motionEnd'], setup(props, _ref) { let { emit } = _ref; const thumbRef = (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)(); // =========================== Effect =========================== const findValueElement = val => { var _a; const index = props.getValueIndex(val); const ele = (_a = props.containerRef.value) === null || _a === void 0 ? void 0 : _a.querySelectorAll(`.${props.prefixCls}-item`)[index]; return (ele === null || ele === void 0 ? void 0 : ele.offsetParent) && ele; }; const prevStyle = (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)(null); const nextStyle = (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)(null); (0,vue__WEBPACK_IMPORTED_MODULE_0__.watch)(() => props.value, (value, prevValue) => { const prev = findValueElement(prevValue); const next = findValueElement(value); const calcPrevStyle = calcThumbStyle(prev); const calcNextStyle = calcThumbStyle(next); prevStyle.value = calcPrevStyle; nextStyle.value = calcNextStyle; if (prev && next) { emit('motionStart'); } else { emit('motionEnd'); } }, { flush: 'post' }); const thumbStart = (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => { var _a, _b; return props.direction === 'rtl' ? toPX(-((_a = prevStyle.value) === null || _a === void 0 ? void 0 : _a.right)) : toPX((_b = prevStyle.value) === null || _b === void 0 ? void 0 : _b.left); }); const thumbActive = (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => { var _a, _b; return props.direction === 'rtl' ? toPX(-((_a = nextStyle.value) === null || _a === void 0 ? void 0 : _a.right)) : toPX((_b = nextStyle.value) === null || _b === void 0 ? void 0 : _b.left); }); // =========================== Motion =========================== let timeid; const onAppearStart = el => { clearTimeout(timeid); (0,vue__WEBPACK_IMPORTED_MODULE_0__.nextTick)(() => { if (el) { el.style.transform = `translateX(var(--thumb-start-left))`; el.style.width = `var(--thumb-start-width)`; } }); }; const onAppearActive = el => { timeid = setTimeout(() => { if (el) { (0,_vc_util_Dom_class__WEBPACK_IMPORTED_MODULE_2__.addClass)(el, `${props.motionName}-appear-active`); el.style.transform = `translateX(var(--thumb-active-left))`; el.style.width = `var(--thumb-active-width)`; } }); }; const onAppearEnd = el => { prevStyle.value = null; nextStyle.value = null; if (el) { el.style.transform = null; el.style.width = null; (0,_vc_util_Dom_class__WEBPACK_IMPORTED_MODULE_2__.removeClass)(el, `${props.motionName}-appear-active`); } emit('motionEnd'); }; const mergedStyle = (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => { var _a, _b; return { '--thumb-start-left': thumbStart.value, '--thumb-start-width': toPX((_a = prevStyle.value) === null || _a === void 0 ? void 0 : _a.width), '--thumb-active-left': thumbActive.value, '--thumb-active-width': toPX((_b = nextStyle.value) === null || _b === void 0 ? void 0 : _b.width) }; }); (0,vue__WEBPACK_IMPORTED_MODULE_0__.onBeforeUnmount)(() => { clearTimeout(timeid); }); return () => { // It's little ugly which should be refactor when @umi/test update to latest jsdom const motionProps = { ref: thumbRef, style: mergedStyle.value, class: [`${props.prefixCls}-thumb`] }; if (false) {} return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_0__.Transition, { "appear": true, "onBeforeEnter": onAppearStart, "onEnter": onAppearActive, "onAfterEnter": onAppearEnd }, { default: () => [!prevStyle.value || !nextStyle.value ? null : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", motionProps, null)] }); }; } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MotionThumb); /***/ }), /***/ "./components/segmented/src/index.ts": /*!*******************************************!*\ !*** ./components/segmented/src/index.ts ***! \*******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _segmented__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./segmented */ "./components/segmented/src/segmented.tsx"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_segmented__WEBPACK_IMPORTED_MODULE_0__["default"]); /***/ }), /***/ "./components/segmented/src/segmented.tsx": /*!************************************************!*\ !*** ./components/segmented/src/segmented.tsx ***! \************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ segmentedProps: () => (/* binding */ segmentedProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../_util/props-util */ "./components/_util/props-util/initDefaultProps.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../style */ "./components/segmented/style/index.ts"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../_util/type */ "./components/_util/type.ts"); /* harmony import */ var _MotionThumb__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./MotionThumb */ "./components/segmented/src/MotionThumb.tsx"); function normalizeOptions(options) { return options.map(option => { if (typeof option === 'object' && option !== null) { return option; } return { label: option === null || option === void 0 ? void 0 : option.toString(), title: option === null || option === void 0 ? void 0 : option.toString(), value: option }; }); } const segmentedProps = () => { return { prefixCls: String, options: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.arrayType)(), block: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.booleanType)(), disabled: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.booleanType)(), size: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.stringType)(), value: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.someType)([String, Number])), { required: true }), motionName: String, onChange: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.functionType)(), 'onUpdate:value': (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.functionType)() }; }; const SegmentedOption = (props, _ref) => { let { slots, emit } = _ref; const { value, disabled, payload, title, prefixCls, label = slots.label, checked, className } = props; const handleChange = event => { if (disabled) { return; } emit('change', event, value); }; return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("label", { "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_4__["default"])({ [`${prefixCls}-item-disabled`]: disabled }, className) }, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("input", { "class": `${prefixCls}-item-input`, "type": "radio", "disabled": disabled, "checked": checked, "onChange": handleChange }, null), (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": `${prefixCls}-item-label`, "title": typeof title === 'string' ? title : '' }, [typeof label === 'function' ? label({ value, disabled, payload, title }) : label !== null && label !== void 0 ? label : value])]); }; SegmentedOption.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ name: 'ASegmented', inheritAttrs: false, props: (0,_util_props_util__WEBPACK_IMPORTED_MODULE_5__["default"])(segmentedProps(), { options: [], motionName: 'thumb-motion' }), slots: Object, setup(props, _ref2) { let { emit, slots, attrs } = _ref2; const { prefixCls, direction, size } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_6__["default"])('segmented', props); const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_7__["default"])(prefixCls); const rootRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(); const thumbShow = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(false); const segmentedOptions = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => normalizeOptions(props.options)); const handleChange = (_event, val) => { if (props.disabled) { return; } emit('update:value', val); emit('change', val); }; return () => { const pre = prefixCls.value; return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, attrs), {}, { "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_4__["default"])(pre, { [hashId.value]: true, [`${pre}-block`]: props.block, [`${pre}-disabled`]: props.disabled, [`${pre}-lg`]: size.value == 'large', [`${pre}-sm`]: size.value == 'small', [`${pre}-rtl`]: direction.value === 'rtl' }, attrs.class), "ref": rootRef }), [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": `${pre}-group` }, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_MotionThumb__WEBPACK_IMPORTED_MODULE_8__["default"], { "containerRef": rootRef, "prefixCls": pre, "value": props.value, "motionName": `${pre}-${props.motionName}`, "direction": direction.value, "getValueIndex": val => segmentedOptions.value.findIndex(n => n.value === val), "onMotionStart": () => { thumbShow.value = true; }, "onMotionEnd": () => { thumbShow.value = false; } }, null), segmentedOptions.value.map(segmentedOption => (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(SegmentedOption, (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "key": segmentedOption.value, "prefixCls": pre, "checked": segmentedOption.value === props.value, "onChange": handleChange }, segmentedOption), {}, { "className": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_4__["default"])(segmentedOption.className, `${pre}-item`, { [`${pre}-item-selected`]: segmentedOption.value === props.value && !thumbShow.value }), "disabled": !!props.disabled || !!segmentedOption.disabled }), slots))])])); }; } })); /***/ }), /***/ "./components/segmented/style/index.ts": /*!*********************************************!*\ !*** ./components/segmented/style/index.ts ***! \*********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/genComponentStyleHook.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/statistic.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../style */ "./components/style/index.ts"); // ============================== Mixins ============================== function getItemDisabledStyle(cls, token) { return { [`${cls}, ${cls}:hover, ${cls}:focus`]: { color: token.colorTextDisabled, cursor: 'not-allowed' } }; } function getItemSelectedStyle(token) { return { backgroundColor: token.bgColorSelected, boxShadow: token.boxShadow }; } const segmentedTextEllipsisCss = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ overflow: 'hidden' }, _style__WEBPACK_IMPORTED_MODULE_1__.textEllipsis); // ============================== Styles ============================== const genSegmentedStyle = token => { const { componentCls } = token; return { [componentCls]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_1__.resetComponent)(token)), { display: 'inline-block', padding: token.segmentedContainerPadding, color: token.labelColor, backgroundColor: token.bgColor, borderRadius: token.borderRadius, transition: `all ${token.motionDurationMid} ${token.motionEaseInOut}`, [`${componentCls}-group`]: { position: 'relative', display: 'flex', alignItems: 'stretch', justifyItems: 'flex-start', width: '100%' }, // RTL styles [`&${componentCls}-rtl`]: { direction: 'rtl' }, // block styles [`&${componentCls}-block`]: { display: 'flex' }, [`&${componentCls}-block ${componentCls}-item`]: { flex: 1, minWidth: 0 }, // item styles [`${componentCls}-item`]: { position: 'relative', textAlign: 'center', cursor: 'pointer', transition: `color ${token.motionDurationMid} ${token.motionEaseInOut}`, borderRadius: token.borderRadiusSM, '&-selected': (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, getItemSelectedStyle(token)), { color: token.labelColorHover }), '&::after': { content: '""', position: 'absolute', width: '100%', height: '100%', top: 0, insetInlineStart: 0, borderRadius: 'inherit', transition: `background-color ${token.motionDurationMid}`, pointerEvents: 'none' }, [`&:hover:not(${componentCls}-item-selected):not(${componentCls}-item-disabled)`]: { color: token.labelColorHover, '&::after': { backgroundColor: token.bgColorHover } }, '&-label': (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ minHeight: token.controlHeight - token.segmentedContainerPadding * 2, lineHeight: `${token.controlHeight - token.segmentedContainerPadding * 2}px`, padding: `0 ${token.segmentedPaddingHorizontal}px` }, segmentedTextEllipsisCss), // syntactic sugar to add `icon` for Segmented Item '&-icon + *': { marginInlineStart: token.marginSM / 2 }, '&-input': { position: 'absolute', insetBlockStart: 0, insetInlineStart: 0, width: 0, height: 0, opacity: 0, pointerEvents: 'none' } }, // thumb styles [`${componentCls}-thumb`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, getItemSelectedStyle(token)), { position: 'absolute', insetBlockStart: 0, insetInlineStart: 0, width: 0, height: '100%', padding: `${token.paddingXXS}px 0`, borderRadius: token.borderRadiusSM, [`& ~ ${componentCls}-item:not(${componentCls}-item-selected):not(${componentCls}-item-disabled)::after`]: { backgroundColor: 'transparent' } }), // size styles [`&${componentCls}-lg`]: { borderRadius: token.borderRadiusLG, [`${componentCls}-item-label`]: { minHeight: token.controlHeightLG - token.segmentedContainerPadding * 2, lineHeight: `${token.controlHeightLG - token.segmentedContainerPadding * 2}px`, padding: `0 ${token.segmentedPaddingHorizontal}px`, fontSize: token.fontSizeLG }, [`${componentCls}-item, ${componentCls}-thumb`]: { borderRadius: token.borderRadius } }, [`&${componentCls}-sm`]: { borderRadius: token.borderRadiusSM, [`${componentCls}-item-label`]: { minHeight: token.controlHeightSM - token.segmentedContainerPadding * 2, lineHeight: `${token.controlHeightSM - token.segmentedContainerPadding * 2}px`, padding: `0 ${token.segmentedPaddingHorizontalSM}px` }, [`${componentCls}-item, ${componentCls}-thumb`]: { borderRadius: token.borderRadiusXS } } }), getItemDisabledStyle(`&-disabled ${componentCls}-item`, token)), getItemDisabledStyle(`${componentCls}-item-disabled`, token)), { // transition effect when `appear-active` [`${componentCls}-thumb-motion-appear-active`]: { transition: `transform ${token.motionDurationSlow} ${token.motionEaseInOut}, width ${token.motionDurationSlow} ${token.motionEaseInOut}`, willChange: 'transform, width' } }) }; }; // ============================== Export ============================== /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_theme_internal__WEBPACK_IMPORTED_MODULE_2__["default"])('Segmented', token => { const { lineWidthBold, lineWidth, colorTextLabel, colorText, colorFillSecondary, colorBgLayout, colorBgElevated } = token; const segmentedToken = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_3__.merge)(token, { segmentedPaddingHorizontal: token.controlPaddingHorizontal - lineWidth, segmentedPaddingHorizontalSM: token.controlPaddingHorizontalSM - lineWidth, segmentedContainerPadding: lineWidthBold, labelColor: colorTextLabel, labelColorHover: colorText, bgColor: colorBgLayout, bgColorHover: colorFillSecondary, bgColorSelected: colorBgElevated }); return [genSegmentedStyle(segmentedToken)]; })); /***/ }), /***/ "./components/select/index.tsx": /*!*************************************!*\ !*** ./components/select/index.tsx ***! \*************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ SelectOptGroup: () => (/* binding */ SelectOptGroup), /* harmony export */ SelectOption: () => (/* binding */ SelectOption), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ selectProps: () => (/* binding */ selectProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _vc_select__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../vc-select */ "./components/vc-select/Select.tsx"); /* harmony import */ var _vc_select__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../vc-select */ "./components/vc-select/Option.tsx"); /* harmony import */ var _vc_select__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../vc-select */ "./components/vc-select/OptGroup.tsx"); /* harmony import */ var _vc_select__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../vc-select */ "./components/vc-select/index.ts"); /* harmony import */ var _utils_iconUtil__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./utils/iconUtil */ "./components/select/utils/iconUtil.tsx"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _config_provider_renderEmpty__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../config-provider/renderEmpty */ "./components/config-provider/renderEmpty.tsx"); /* harmony import */ var _util_omit__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/omit */ "./components/_util/omit.ts"); /* harmony import */ var _form_FormItemContext__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../form/FormItemContext */ "./components/form/FormItemContext.ts"); /* harmony import */ var _util_transition__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../_util/transition */ "./components/_util/transition.tsx"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/initDefaultProps.ts"); /* harmony import */ var _util_statusUtils__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../_util/statusUtils */ "./components/_util/statusUtils.tsx"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); /* harmony import */ var _space_Compact__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../space/Compact */ "./components/space/Compact.tsx"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./style */ "./components/select/style/index.ts"); /* harmony import */ var _config_provider_DisabledContext__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../config-provider/DisabledContext */ "./components/config-provider/DisabledContext.ts"); /* harmony import */ var _vc_util_devWarning__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../vc-util/devWarning */ "./components/vc-util/devWarning.ts"); // CSSINJS const selectProps = () => (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, (0,_util_omit__WEBPACK_IMPORTED_MODULE_3__["default"])((0,_vc_select__WEBPACK_IMPORTED_MODULE_4__.selectProps)(), ['inputIcon', 'mode', 'getInputElement', 'getRawInputElement', 'backfill'])), { value: (0,_util_type__WEBPACK_IMPORTED_MODULE_5__.someType)([Array, Object, String, Number]), defaultValue: (0,_util_type__WEBPACK_IMPORTED_MODULE_5__.someType)([Array, Object, String, Number]), notFoundContent: _util_vue_types__WEBPACK_IMPORTED_MODULE_6__["default"].any, suffixIcon: _util_vue_types__WEBPACK_IMPORTED_MODULE_6__["default"].any, itemIcon: _util_vue_types__WEBPACK_IMPORTED_MODULE_6__["default"].any, size: (0,_util_type__WEBPACK_IMPORTED_MODULE_5__.stringType)(), mode: (0,_util_type__WEBPACK_IMPORTED_MODULE_5__.stringType)(), bordered: (0,_util_type__WEBPACK_IMPORTED_MODULE_5__.booleanType)(true), transitionName: String, choiceTransitionName: (0,_util_type__WEBPACK_IMPORTED_MODULE_5__.stringType)(''), popupClassName: String, /** @deprecated Please use `popupClassName` instead */ dropdownClassName: String, placement: (0,_util_type__WEBPACK_IMPORTED_MODULE_5__.stringType)(), status: (0,_util_type__WEBPACK_IMPORTED_MODULE_5__.stringType)(), 'onUpdate:value': (0,_util_type__WEBPACK_IMPORTED_MODULE_5__.functionType)() }); const SECRET_COMBOBOX_MODE_DO_NOT_USE = 'SECRET_COMBOBOX_MODE_DO_NOT_USE'; const Select = (0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'ASelect', Option: _vc_select__WEBPACK_IMPORTED_MODULE_7__["default"], OptGroup: _vc_select__WEBPACK_IMPORTED_MODULE_8__["default"], inheritAttrs: false, props: (0,_util_props_util__WEBPACK_IMPORTED_MODULE_9__["default"])(selectProps(), { listHeight: 256, listItemHeight: 24 }), SECRET_COMBOBOX_MODE_DO_NOT_USE, slots: Object, setup(props, _ref) { let { attrs, emit, slots, expose } = _ref; const selectRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(); const formItemContext = (0,_form_FormItemContext__WEBPACK_IMPORTED_MODULE_10__.useInjectFormItemContext)(); const formItemInputContext = _form_FormItemContext__WEBPACK_IMPORTED_MODULE_10__.FormItemInputContext.useInject(); const mergedStatus = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => (0,_util_statusUtils__WEBPACK_IMPORTED_MODULE_11__.getMergedStatus)(formItemInputContext.status, props.status)); const focus = () => { var _a; (_a = selectRef.value) === null || _a === void 0 ? void 0 : _a.focus(); }; const blur = () => { var _a; (_a = selectRef.value) === null || _a === void 0 ? void 0 : _a.blur(); }; const scrollTo = arg => { var _a; (_a = selectRef.value) === null || _a === void 0 ? void 0 : _a.scrollTo(arg); }; const mode = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { const { mode } = props; if (mode === 'combobox') { return undefined; } if (mode === SECRET_COMBOBOX_MODE_DO_NOT_USE) { return 'combobox'; } return mode; }); // ====================== Warning ====================== if (true) { (0,_vc_util_devWarning__WEBPACK_IMPORTED_MODULE_12__["default"])(!props.dropdownClassName, 'Select', '`dropdownClassName` is deprecated. Please use `popupClassName` instead.'); } const { prefixCls, direction, configProvider, renderEmpty, size: contextSize, getPrefixCls, getPopupContainer, disabled, select } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_13__["default"])('select', props); const { compactSize, compactItemClassnames } = (0,_space_Compact__WEBPACK_IMPORTED_MODULE_14__.useCompactItemContext)(prefixCls, direction); const mergedSize = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => compactSize.value || contextSize.value); const contextDisabled = (0,_config_provider_DisabledContext__WEBPACK_IMPORTED_MODULE_15__.useInjectDisabled)(); const mergedDisabled = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { var _a; return (_a = disabled.value) !== null && _a !== void 0 ? _a : contextDisabled.value; }); // style const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_16__["default"])(prefixCls); const rootPrefixCls = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => getPrefixCls()); // ===================== Placement ===================== const placement = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { if (props.placement !== undefined) { return props.placement; } return direction.value === 'rtl' ? 'bottomRight' : 'bottomLeft'; }); const transitionName = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => (0,_util_transition__WEBPACK_IMPORTED_MODULE_17__.getTransitionName)(rootPrefixCls.value, (0,_util_transition__WEBPACK_IMPORTED_MODULE_17__.getTransitionDirection)(placement.value), props.transitionName)); const mergedClassName = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => (0,_util_classNames__WEBPACK_IMPORTED_MODULE_18__["default"])({ [`${prefixCls.value}-lg`]: mergedSize.value === 'large', [`${prefixCls.value}-sm`]: mergedSize.value === 'small', [`${prefixCls.value}-rtl`]: direction.value === 'rtl', [`${prefixCls.value}-borderless`]: !props.bordered, [`${prefixCls.value}-in-form-item`]: formItemInputContext.isFormItemInput }, (0,_util_statusUtils__WEBPACK_IMPORTED_MODULE_11__.getStatusClassNames)(prefixCls.value, mergedStatus.value, formItemInputContext.hasFeedback), compactItemClassnames.value, hashId.value)); const triggerChange = function () { for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) { args[_key] = arguments[_key]; } emit('update:value', args[0]); emit('change', ...args); formItemContext.onFieldChange(); }; const handleBlur = e => { emit('blur', e); formItemContext.onFieldBlur(); }; expose({ blur, focus, scrollTo }); const isMultiple = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => mode.value === 'multiple' || mode.value === 'tags'); const mergedShowArrow = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.showArrow !== undefined ? props.showArrow : props.loading || !(isMultiple.value || mode.value === 'combobox')); return () => { var _a, _b, _c, _d; const { notFoundContent, listHeight = 256, listItemHeight = 24, popupClassName, dropdownClassName, virtual, dropdownMatchSelectWidth, id = formItemContext.id.value, placeholder = (_a = slots.placeholder) === null || _a === void 0 ? void 0 : _a.call(slots), showArrow } = props; const { hasFeedback, feedbackIcon } = formItemInputContext; const {} = configProvider; // ===================== Empty ===================== let mergedNotFound; if (notFoundContent !== undefined) { mergedNotFound = notFoundContent; } else if (slots.notFoundContent) { mergedNotFound = slots.notFoundContent(); } else if (mode.value === 'combobox') { mergedNotFound = null; } else { mergedNotFound = (renderEmpty === null || renderEmpty === void 0 ? void 0 : renderEmpty('Select')) || (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_config_provider_renderEmpty__WEBPACK_IMPORTED_MODULE_19__.DefaultRenderEmpty, { "componentName": "Select" }, null); } // ===================== Icons ===================== const { suffixIcon, itemIcon, removeIcon, clearIcon } = (0,_utils_iconUtil__WEBPACK_IMPORTED_MODULE_20__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, props), { multiple: isMultiple.value, prefixCls: prefixCls.value, hasFeedback, feedbackIcon, showArrow: mergedShowArrow.value }), slots); const selectProps = (0,_util_omit__WEBPACK_IMPORTED_MODULE_3__["default"])(props, ['prefixCls', 'suffixIcon', 'itemIcon', 'removeIcon', 'clearIcon', 'size', 'bordered', 'status']); const rcSelectRtlDropdownClassName = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_18__["default"])(popupClassName || dropdownClassName, { [`${prefixCls.value}-dropdown-${direction.value}`]: direction.value === 'rtl' }, hashId.value); return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_vc_select__WEBPACK_IMPORTED_MODULE_21__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "ref": selectRef, "virtual": virtual, "dropdownMatchSelectWidth": dropdownMatchSelectWidth }, selectProps), attrs), {}, { "showSearch": (_b = props.showSearch) !== null && _b !== void 0 ? _b : (_c = select === null || select === void 0 ? void 0 : select.value) === null || _c === void 0 ? void 0 : _c.showSearch, "placeholder": placeholder, "listHeight": listHeight, "listItemHeight": listItemHeight, "mode": mode.value, "prefixCls": prefixCls.value, "direction": direction.value, "inputIcon": suffixIcon, "menuItemSelectedIcon": itemIcon, "removeIcon": removeIcon, "clearIcon": clearIcon, "notFoundContent": mergedNotFound, "class": [mergedClassName.value, attrs.class], "getPopupContainer": getPopupContainer === null || getPopupContainer === void 0 ? void 0 : getPopupContainer.value, "dropdownClassName": rcSelectRtlDropdownClassName, "onChange": triggerChange, "onBlur": handleBlur, "id": id, "dropdownRender": selectProps.dropdownRender || slots.dropdownRender, "transitionName": transitionName.value, "children": (_d = slots.default) === null || _d === void 0 ? void 0 : _d.call(slots), "tagRender": props.tagRender || slots.tagRender, "optionLabelRender": slots.optionLabel, "maxTagPlaceholder": props.maxTagPlaceholder || slots.maxTagPlaceholder, "showArrow": hasFeedback || showArrow, "disabled": mergedDisabled.value }), { option: slots.option })); }; } }); /* istanbul ignore next */ Select.install = function (app) { app.component(Select.name, Select); app.component(Select.Option.displayName, Select.Option); app.component(Select.OptGroup.displayName, Select.OptGroup); return app; }; const SelectOption = Select.Option; const SelectOptGroup = Select.OptGroup; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Select); /***/ }), /***/ "./components/select/style/dropdown.ts": /*!*********************************************!*\ !*** ./components/select/style/dropdown.ts ***! \*********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _style_motion__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../style/motion */ "./components/style/motion/slide.ts"); /* harmony import */ var _style_motion__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../style/motion */ "./components/style/motion/move.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../style */ "./components/style/index.ts"); const genItemStyle = token => { const { controlPaddingHorizontal } = token; return { position: 'relative', display: 'block', minHeight: token.controlHeight, padding: `${(token.controlHeight - token.fontSize * token.lineHeight) / 2}px ${controlPaddingHorizontal}px`, color: token.colorText, fontWeight: 'normal', fontSize: token.fontSize, lineHeight: token.lineHeight, boxSizing: 'border-box' }; }; const genSingleStyle = token => { const { antCls, componentCls } = token; const selectItemCls = `${componentCls}-item`; return [{ [`${componentCls}-dropdown`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_1__.resetComponent)(token)), { position: 'absolute', top: -9999, zIndex: token.zIndexPopup, boxSizing: 'border-box', padding: token.paddingXXS, overflow: 'hidden', fontSize: token.fontSize, // Fix select render lag of long text in chrome // https://github.com/ant-design/ant-design/issues/11456 // https://github.com/ant-design/ant-design/issues/11843 fontVariant: 'initial', backgroundColor: token.colorBgElevated, borderRadius: token.borderRadiusLG, outline: 'none', boxShadow: token.boxShadowSecondary, [` &${antCls}-slide-up-enter${antCls}-slide-up-enter-active${componentCls}-dropdown-placement-bottomLeft, &${antCls}-slide-up-appear${antCls}-slide-up-appear-active${componentCls}-dropdown-placement-bottomLeft `]: { animationName: _style_motion__WEBPACK_IMPORTED_MODULE_2__.slideUpIn }, [` &${antCls}-slide-up-enter${antCls}-slide-up-enter-active${componentCls}-dropdown-placement-topLeft, &${antCls}-slide-up-appear${antCls}-slide-up-appear-active${componentCls}-dropdown-placement-topLeft `]: { animationName: _style_motion__WEBPACK_IMPORTED_MODULE_2__.slideDownIn }, [`&${antCls}-slide-up-leave${antCls}-slide-up-leave-active${componentCls}-dropdown-placement-bottomLeft`]: { animationName: _style_motion__WEBPACK_IMPORTED_MODULE_2__.slideUpOut }, [`&${antCls}-slide-up-leave${antCls}-slide-up-leave-active${componentCls}-dropdown-placement-topLeft`]: { animationName: _style_motion__WEBPACK_IMPORTED_MODULE_2__.slideDownOut }, '&-hidden': { display: 'none' }, '&-empty': { color: token.colorTextDisabled }, // ========================= Options ========================= [`${selectItemCls}-empty`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, genItemStyle(token)), { color: token.colorTextDisabled }), [`${selectItemCls}`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, genItemStyle(token)), { cursor: 'pointer', transition: `background ${token.motionDurationSlow} ease`, borderRadius: token.borderRadiusSM, // =========== Group ============ '&-group': { color: token.colorTextDescription, fontSize: token.fontSizeSM, cursor: 'default' }, // =========== Option =========== '&-option': { display: 'flex', '&-content': (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ flex: 'auto' }, _style__WEBPACK_IMPORTED_MODULE_1__.textEllipsis), '&-state': { flex: 'none' }, [`&-active:not(${selectItemCls}-option-disabled)`]: { backgroundColor: token.controlItemBgHover }, [`&-selected:not(${selectItemCls}-option-disabled)`]: { color: token.colorText, fontWeight: token.fontWeightStrong, backgroundColor: token.controlItemBgActive, [`${selectItemCls}-option-state`]: { color: token.colorPrimary } }, '&-disabled': { [`&${selectItemCls}-option-selected`]: { backgroundColor: token.colorBgContainerDisabled }, color: token.colorTextDisabled, cursor: 'not-allowed' }, '&-grouped': { paddingInlineStart: token.controlPaddingHorizontal * 2 } } }), // =========================== RTL =========================== '&-rtl': { direction: 'rtl' } }) }, // Follow code may reuse in other components (0,_style_motion__WEBPACK_IMPORTED_MODULE_2__.initSlideMotion)(token, 'slide-up'), (0,_style_motion__WEBPACK_IMPORTED_MODULE_2__.initSlideMotion)(token, 'slide-down'), (0,_style_motion__WEBPACK_IMPORTED_MODULE_3__.initMoveMotion)(token, 'move-up'), (0,_style_motion__WEBPACK_IMPORTED_MODULE_3__.initMoveMotion)(token, 'move-down')]; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (genSingleStyle); /***/ }), /***/ "./components/select/style/index.ts": /*!******************************************!*\ !*** ./components/select/style/index.ts ***! \******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/statistic.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/genComponentStyleHook.ts"); /* harmony import */ var _dropdown__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./dropdown */ "./components/select/style/dropdown.ts"); /* harmony import */ var _multiple__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./multiple */ "./components/select/style/multiple.ts"); /* harmony import */ var _single__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./single */ "./components/select/style/single.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../style */ "./components/style/index.ts"); /* harmony import */ var _style_compact_item__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../style/compact-item */ "./components/style/compact-item.ts"); // ============================= Selector ============================= const genSelectorStyle = token => { const { componentCls } = token; return { position: 'relative', backgroundColor: token.colorBgContainer, border: `${token.lineWidth}px ${token.lineType} ${token.colorBorder}`, transition: `all ${token.motionDurationMid} ${token.motionEaseInOut}`, input: { cursor: 'pointer' }, [`${componentCls}-show-search&`]: { cursor: 'text', input: { cursor: 'auto', color: 'inherit' } }, [`${componentCls}-disabled&`]: { color: token.colorTextDisabled, background: token.colorBgContainerDisabled, cursor: 'not-allowed', [`${componentCls}-multiple&`]: { background: token.colorBgContainerDisabled }, input: { cursor: 'not-allowed' } } }; }; // ============================== Status ============================== const genStatusStyle = function (rootSelectCls, token) { let overwriteDefaultBorder = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false; const { componentCls, borderHoverColor, outlineColor, antCls } = token; const overwriteStyle = overwriteDefaultBorder ? { [`${componentCls}-selector`]: { borderColor: borderHoverColor } } : {}; return { [rootSelectCls]: { [`&:not(${componentCls}-disabled):not(${componentCls}-customize-input):not(${antCls}-pagination-size-changer)`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, overwriteStyle), { [`${componentCls}-focused& ${componentCls}-selector`]: { borderColor: borderHoverColor, boxShadow: `0 0 0 ${token.controlOutlineWidth}px ${outlineColor}`, borderInlineEndWidth: `${token.controlLineWidth}px !important`, outline: 0 }, [`&:hover ${componentCls}-selector`]: { borderColor: borderHoverColor, borderInlineEndWidth: `${token.controlLineWidth}px !important` } }) } }; }; // ============================== Styles ============================== // /* Reset search input style */ const getSearchInputWithoutBorderStyle = token => { const { componentCls } = token; return { [`${componentCls}-selection-search-input`]: { margin: 0, padding: 0, background: 'transparent', border: 'none', outline: 'none', appearance: 'none', '&::-webkit-search-cancel-button': { display: 'none', '-webkit-appearance': 'none' } } }; }; // =============================== Base =============================== const genBaseStyle = token => { const { componentCls, inputPaddingHorizontalBase, iconCls } = token; return { [componentCls]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_1__.resetComponent)(token)), { position: 'relative', display: 'inline-block', cursor: 'pointer', [`&:not(${componentCls}-customize-input) ${componentCls}-selector`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, genSelectorStyle(token)), getSearchInputWithoutBorderStyle(token)), // [`&:not(&-disabled):hover ${selectCls}-selector`]: { // ...genHoverStyle(token), // }, // ======================== Selection ======================== [`${componentCls}-selection-item`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ flex: 1, fontWeight: 'normal' }, _style__WEBPACK_IMPORTED_MODULE_1__.textEllipsis), // ======================= Placeholder ======================= [`${componentCls}-selection-placeholder`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, _style__WEBPACK_IMPORTED_MODULE_1__.textEllipsis), { flex: 1, color: token.colorTextPlaceholder, pointerEvents: 'none' }), // ========================== Arrow ========================== [`${componentCls}-arrow`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_1__.resetIcon)()), { position: 'absolute', top: '50%', insetInlineStart: 'auto', insetInlineEnd: inputPaddingHorizontalBase, height: token.fontSizeIcon, marginTop: -token.fontSizeIcon / 2, color: token.colorTextQuaternary, fontSize: token.fontSizeIcon, lineHeight: 1, textAlign: 'center', pointerEvents: 'none', display: 'flex', alignItems: 'center', [iconCls]: { verticalAlign: 'top', transition: `transform ${token.motionDurationSlow}`, '> svg': { verticalAlign: 'top' }, [`&:not(${componentCls}-suffix)`]: { pointerEvents: 'auto' } }, [`${componentCls}-disabled &`]: { cursor: 'not-allowed' }, '> *:not(:last-child)': { marginInlineEnd: 8 // FIXME: magic } }), // ========================== Clear ========================== [`${componentCls}-clear`]: { position: 'absolute', top: '50%', insetInlineStart: 'auto', insetInlineEnd: inputPaddingHorizontalBase, zIndex: 1, display: 'inline-block', width: token.fontSizeIcon, height: token.fontSizeIcon, marginTop: -token.fontSizeIcon / 2, color: token.colorTextQuaternary, fontSize: token.fontSizeIcon, fontStyle: 'normal', lineHeight: 1, textAlign: 'center', textTransform: 'none', background: token.colorBgContainer, cursor: 'pointer', opacity: 0, transition: `color ${token.motionDurationMid} ease, opacity ${token.motionDurationSlow} ease`, textRendering: 'auto', '&:before': { display: 'block' }, '&:hover': { color: token.colorTextTertiary } }, '&:hover': { [`${componentCls}-clear`]: { opacity: 1 } } }), // ========================= Feedback ========================== [`${componentCls}-has-feedback`]: { [`${componentCls}-clear`]: { insetInlineEnd: inputPaddingHorizontalBase + token.fontSize + token.paddingXXS } } }; }; // ============================== Styles ============================== const genSelectStyle = token => { const { componentCls } = token; return [{ [componentCls]: { // ==================== BorderLess ==================== [`&-borderless ${componentCls}-selector`]: { backgroundColor: `transparent !important`, borderColor: `transparent !important`, boxShadow: `none !important` }, // ==================== In Form ==================== [`&${componentCls}-in-form-item`]: { width: '100%' } } }, // ===================================================== // == LTR == // ===================================================== // Base genBaseStyle(token), // Single (0,_single__WEBPACK_IMPORTED_MODULE_2__["default"])(token), // Multiple (0,_multiple__WEBPACK_IMPORTED_MODULE_3__["default"])(token), // Dropdown (0,_dropdown__WEBPACK_IMPORTED_MODULE_4__["default"])(token), // ===================================================== // == RTL == // ===================================================== { [`${componentCls}-rtl`]: { direction: 'rtl' } }, // ===================================================== // == Status == // ===================================================== genStatusStyle(componentCls, (0,_theme_internal__WEBPACK_IMPORTED_MODULE_5__.merge)(token, { borderHoverColor: token.colorPrimaryHover, outlineColor: token.controlOutline })), genStatusStyle(`${componentCls}-status-error`, (0,_theme_internal__WEBPACK_IMPORTED_MODULE_5__.merge)(token, { borderHoverColor: token.colorErrorHover, outlineColor: token.colorErrorOutline }), true), genStatusStyle(`${componentCls}-status-warning`, (0,_theme_internal__WEBPACK_IMPORTED_MODULE_5__.merge)(token, { borderHoverColor: token.colorWarningHover, outlineColor: token.colorWarningOutline }), true), // ===================================================== // == Space Compact == // ===================================================== (0,_style_compact_item__WEBPACK_IMPORTED_MODULE_6__.genCompactItemStyle)(token, { borderElCls: `${componentCls}-selector`, focusElCls: `${componentCls}-focused` })]; }; // ============================== Export ============================== /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_theme_internal__WEBPACK_IMPORTED_MODULE_7__["default"])('Select', (token, _ref) => { let { rootPrefixCls } = _ref; const selectToken = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_5__.merge)(token, { rootPrefixCls, inputPaddingHorizontalBase: token.paddingSM - 1 }); return [genSelectStyle(selectToken)]; }, token => ({ zIndexPopup: token.zIndexPopupBase + 50 }))); /***/ }), /***/ "./components/select/style/multiple.ts": /*!*********************************************!*\ !*** ./components/select/style/multiple.ts ***! \*********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ genMultipleStyle) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/statistic.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../style */ "./components/style/index.ts"); const FIXED_ITEM_MARGIN = 2; function getSelectItemStyle(_ref) { let { controlHeightSM, controlHeight, lineWidth: borderWidth } = _ref; const selectItemDist = (controlHeight - controlHeightSM) / 2 - borderWidth; const selectItemMargin = Math.ceil(selectItemDist / 2); return [selectItemDist, selectItemMargin]; } function genSizeStyle(token, suffix) { const { componentCls, iconCls } = token; const selectOverflowPrefixCls = `${componentCls}-selection-overflow`; const selectItemHeight = token.controlHeightSM; const [selectItemDist] = getSelectItemStyle(token); const suffixCls = suffix ? `${componentCls}-${suffix}` : ''; return { [`${componentCls}-multiple${suffixCls}`]: { fontSize: token.fontSize, /** * Do not merge `height` & `line-height` under style with `selection` & `search`, since chrome * may update to redesign with its align logic. */ // =========================== Overflow =========================== [selectOverflowPrefixCls]: { position: 'relative', display: 'flex', flex: 'auto', flexWrap: 'wrap', maxWidth: '100%', '&-item': { flex: 'none', alignSelf: 'center', maxWidth: '100%', display: 'inline-flex' } }, // ========================= Selector ========================= [`${componentCls}-selector`]: { display: 'flex', flexWrap: 'wrap', alignItems: 'center', // Multiple is little different that horizontal is follow the vertical padding: `${selectItemDist - FIXED_ITEM_MARGIN}px ${FIXED_ITEM_MARGIN * 2}px`, borderRadius: token.borderRadius, [`${componentCls}-show-search&`]: { cursor: 'text' }, [`${componentCls}-disabled&`]: { background: token.colorBgContainerDisabled, cursor: 'not-allowed' }, '&:after': { display: 'inline-block', width: 0, margin: `${FIXED_ITEM_MARGIN}px 0`, lineHeight: `${selectItemHeight}px`, content: '"\\a0"' } }, [` &${componentCls}-show-arrow ${componentCls}-selector, &${componentCls}-allow-clear ${componentCls}-selector `]: { paddingInlineEnd: token.fontSizeIcon + token.controlPaddingHorizontal }, // ======================== Selections ======================== [`${componentCls}-selection-item`]: { position: 'relative', display: 'flex', flex: 'none', boxSizing: 'border-box', maxWidth: '100%', height: selectItemHeight, marginTop: FIXED_ITEM_MARGIN, marginBottom: FIXED_ITEM_MARGIN, lineHeight: `${selectItemHeight - token.lineWidth * 2}px`, background: token.colorFillSecondary, border: `${token.lineWidth}px solid ${token.colorSplit}`, borderRadius: token.borderRadiusSM, cursor: 'default', transition: `font-size ${token.motionDurationSlow}, line-height ${token.motionDurationSlow}, height ${token.motionDurationSlow}`, userSelect: 'none', marginInlineEnd: FIXED_ITEM_MARGIN * 2, paddingInlineStart: token.paddingXS, paddingInlineEnd: token.paddingXS / 2, [`${componentCls}-disabled&`]: { color: token.colorTextDisabled, borderColor: token.colorBorder, cursor: 'not-allowed' }, // It's ok not to do this, but 24px makes bottom narrow in view should adjust '&-content': { display: 'inline-block', marginInlineEnd: token.paddingXS / 2, overflow: 'hidden', whiteSpace: 'pre', textOverflow: 'ellipsis' }, '&-remove': (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_1__.resetIcon)()), { display: 'inline-block', color: token.colorIcon, fontWeight: 'bold', fontSize: 10, lineHeight: 'inherit', cursor: 'pointer', [`> ${iconCls}`]: { verticalAlign: '-0.2em' }, '&:hover': { color: token.colorIconHover } }) }, // ========================== Input ========================== [`${selectOverflowPrefixCls}-item + ${selectOverflowPrefixCls}-item`]: { [`${componentCls}-selection-search`]: { marginInlineStart: 0 } }, [`${componentCls}-selection-search`]: { display: 'inline-flex', position: 'relative', maxWidth: '100%', marginInlineStart: token.inputPaddingHorizontalBase - selectItemDist, [` &-input, &-mirror `]: { height: selectItemHeight, fontFamily: token.fontFamily, lineHeight: `${selectItemHeight}px`, transition: `all ${token.motionDurationSlow}` }, '&-input': { width: '100%', minWidth: 4.1 // fix search cursor missing }, '&-mirror': { position: 'absolute', top: 0, insetInlineStart: 0, insetInlineEnd: 'auto', zIndex: 999, whiteSpace: 'pre', visibility: 'hidden' } }, // ======================= Placeholder ======================= [`${componentCls}-selection-placeholder `]: { position: 'absolute', top: '50%', insetInlineStart: token.inputPaddingHorizontalBase, insetInlineEnd: token.inputPaddingHorizontalBase, transform: 'translateY(-50%)', transition: `all ${token.motionDurationSlow}` } } }; } function genMultipleStyle(token) { const { componentCls } = token; const smallToken = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_2__.merge)(token, { controlHeight: token.controlHeightSM, controlHeightSM: token.controlHeightXS, borderRadius: token.borderRadiusSM, borderRadiusSM: token.borderRadiusXS }); const [, smSelectItemMargin] = getSelectItemStyle(token); return [genSizeStyle(token), // ======================== Small ======================== // Shared genSizeStyle(smallToken, 'sm'), // Padding { [`${componentCls}-multiple${componentCls}-sm`]: { [`${componentCls}-selection-placeholder`]: { insetInlineStart: token.controlPaddingHorizontalSM - token.lineWidth, insetInlineEnd: 'auto' }, // https://github.com/ant-design/ant-design/issues/29559 [`${componentCls}-selection-search`]: { marginInlineStart: smSelectItemMargin } } }, // ======================== Large ======================== // Shared genSizeStyle((0,_theme_internal__WEBPACK_IMPORTED_MODULE_2__.merge)(token, { fontSize: token.fontSizeLG, controlHeight: token.controlHeightLG, controlHeightSM: token.controlHeight, borderRadius: token.borderRadiusLG, borderRadiusSM: token.borderRadius }), 'lg')]; } /***/ }), /***/ "./components/select/style/single.ts": /*!*******************************************!*\ !*** ./components/select/style/single.ts ***! \*******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ genSingleStyle) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../style */ "./components/style/index.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/statistic.ts"); function genSizeStyle(token, suffix) { const { componentCls, inputPaddingHorizontalBase, borderRadius } = token; const selectHeightWithoutBorder = token.controlHeight - token.lineWidth * 2; const selectionItemPadding = Math.ceil(token.fontSize * 1.25); const suffixCls = suffix ? `${componentCls}-${suffix}` : ''; return { [`${componentCls}-single${suffixCls}`]: { fontSize: token.fontSize, // ========================= Selector ========================= [`${componentCls}-selector`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_1__.resetComponent)(token)), { display: 'flex', borderRadius, [`${componentCls}-selection-search`]: { position: 'absolute', top: 0, insetInlineStart: inputPaddingHorizontalBase, insetInlineEnd: inputPaddingHorizontalBase, bottom: 0, '&-input': { width: '100%' } }, [` ${componentCls}-selection-item, ${componentCls}-selection-placeholder `]: { padding: 0, lineHeight: `${selectHeightWithoutBorder}px`, transition: `all ${token.motionDurationSlow}`, // Firefox inline-block position calculation is not same as Chrome & Safari. Patch this: '@supports (-moz-appearance: meterbar)': { lineHeight: `${selectHeightWithoutBorder}px` } }, [`${componentCls}-selection-item`]: { position: 'relative', userSelect: 'none' }, [`${componentCls}-selection-placeholder`]: { transition: 'none', pointerEvents: 'none' }, // For common baseline align [['&:after', /* For '' value baseline align */ `${componentCls}-selection-item:after`, /* For undefined value baseline align */ `${componentCls}-selection-placeholder:after`].join(',')]: { display: 'inline-block', width: 0, visibility: 'hidden', content: '"\\a0"' } }), [` &${componentCls}-show-arrow ${componentCls}-selection-item, &${componentCls}-show-arrow ${componentCls}-selection-placeholder `]: { paddingInlineEnd: selectionItemPadding }, // Opacity selection if open [`&${componentCls}-open ${componentCls}-selection-item`]: { color: token.colorTextPlaceholder }, // ========================== Input ========================== // We only change the style of non-customize input which is only support by `combobox` mode. // Not customize [`&:not(${componentCls}-customize-input)`]: { [`${componentCls}-selector`]: { width: '100%', height: token.controlHeight, padding: `0 ${inputPaddingHorizontalBase}px`, [`${componentCls}-selection-search-input`]: { height: selectHeightWithoutBorder }, '&:after': { lineHeight: `${selectHeightWithoutBorder}px` } } }, [`&${componentCls}-customize-input`]: { [`${componentCls}-selector`]: { '&:after': { display: 'none' }, [`${componentCls}-selection-search`]: { position: 'static', width: '100%' }, [`${componentCls}-selection-placeholder`]: { position: 'absolute', insetInlineStart: 0, insetInlineEnd: 0, padding: `0 ${inputPaddingHorizontalBase}px`, '&:after': { display: 'none' } } } } } }; } function genSingleStyle(token) { const { componentCls } = token; const inputPaddingHorizontalSM = token.controlPaddingHorizontalSM - token.lineWidth; return [genSizeStyle(token), // ======================== Small ======================== // Shared genSizeStyle((0,_theme_internal__WEBPACK_IMPORTED_MODULE_2__.merge)(token, { controlHeight: token.controlHeightSM, borderRadius: token.borderRadiusSM }), 'sm'), // padding { [`${componentCls}-single${componentCls}-sm`]: { [`&:not(${componentCls}-customize-input)`]: { [`${componentCls}-selection-search`]: { insetInlineStart: inputPaddingHorizontalSM, insetInlineEnd: inputPaddingHorizontalSM }, [`${componentCls}-selector`]: { padding: `0 ${inputPaddingHorizontalSM}px` }, // With arrow should provides `padding-right` to show the arrow [`&${componentCls}-show-arrow ${componentCls}-selection-search`]: { insetInlineEnd: inputPaddingHorizontalSM + token.fontSize * 1.5 }, [` &${componentCls}-show-arrow ${componentCls}-selection-item, &${componentCls}-show-arrow ${componentCls}-selection-placeholder `]: { paddingInlineEnd: token.fontSize * 1.5 } } } }, // ======================== Large ======================== // Shared genSizeStyle((0,_theme_internal__WEBPACK_IMPORTED_MODULE_2__.merge)(token, { controlHeight: token.controlHeightLG, fontSize: token.fontSizeLG, borderRadius: token.borderRadiusLG }), 'lg')]; } /***/ }), /***/ "./components/select/utils/iconUtil.tsx": /*!**********************************************!*\ !*** ./components/select/utils/iconUtil.tsx ***! \**********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ getIcons) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_vue_es_icons_DownOutlined__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/DownOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/DownOutlined.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_LoadingOutlined__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/LoadingOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/LoadingOutlined.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_CheckOutlined__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/CheckOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/CheckOutlined.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_CloseOutlined__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/CloseOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/CloseOutlined.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_CloseCircleFilled__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/CloseCircleFilled */ "./node_modules/@ant-design/icons-vue/es/icons/CloseCircleFilled.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_SearchOutlined__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/SearchOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/SearchOutlined.js"); function getIcons(props) { let slots = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; const { loading, multiple, prefixCls, hasFeedback, feedbackIcon, showArrow } = props; const suffixIcon = props.suffixIcon || slots.suffixIcon && slots.suffixIcon(); const clearIcon = props.clearIcon || slots.clearIcon && slots.clearIcon(); const menuItemSelectedIcon = props.menuItemSelectedIcon || slots.menuItemSelectedIcon && slots.menuItemSelectedIcon(); const removeIcon = props.removeIcon || slots.removeIcon && slots.removeIcon(); // Clear Icon const mergedClearIcon = clearIcon !== null && clearIcon !== void 0 ? clearIcon : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_ant_design_icons_vue_es_icons_CloseCircleFilled__WEBPACK_IMPORTED_MODULE_1__["default"], null, null); // Validation Feedback Icon const getSuffixIconNode = arrowIcon => (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, [showArrow !== false && arrowIcon, hasFeedback && feedbackIcon]); // Arrow item icon let mergedSuffixIcon = null; if (suffixIcon !== undefined) { mergedSuffixIcon = getSuffixIconNode(suffixIcon); } else if (loading) { mergedSuffixIcon = getSuffixIconNode((0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_ant_design_icons_vue_es_icons_LoadingOutlined__WEBPACK_IMPORTED_MODULE_2__["default"], { "spin": true }, null)); } else { const iconCls = `${prefixCls}-suffix`; mergedSuffixIcon = _ref => { let { open, showSearch } = _ref; if (open && showSearch) { return getSuffixIconNode((0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_ant_design_icons_vue_es_icons_SearchOutlined__WEBPACK_IMPORTED_MODULE_3__["default"], { "class": iconCls }, null)); } return getSuffixIconNode((0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_ant_design_icons_vue_es_icons_DownOutlined__WEBPACK_IMPORTED_MODULE_4__["default"], { "class": iconCls }, null)); }; } // Checked item icon let mergedItemIcon = null; if (menuItemSelectedIcon !== undefined) { mergedItemIcon = menuItemSelectedIcon; } else if (multiple) { mergedItemIcon = (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_ant_design_icons_vue_es_icons_CheckOutlined__WEBPACK_IMPORTED_MODULE_5__["default"], null, null); } else { mergedItemIcon = null; } let mergedRemoveIcon = null; if (removeIcon !== undefined) { mergedRemoveIcon = removeIcon; } else { mergedRemoveIcon = (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_ant_design_icons_vue_es_icons_CloseOutlined__WEBPACK_IMPORTED_MODULE_6__["default"], null, null); } return { clearIcon: mergedClearIcon, suffixIcon: mergedSuffixIcon, itemIcon: mergedItemIcon, removeIcon: mergedRemoveIcon }; } /***/ }), /***/ "./components/skeleton/Avatar.tsx": /*!****************************************!*\ !*** ./components/skeleton/Avatar.tsx ***! \****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ avatarProps: () => (/* binding */ avatarProps), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _util_props_util_initDefaultProps__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/props-util/initDefaultProps */ "./components/_util/props-util/initDefaultProps.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _Element__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Element */ "./components/skeleton/Element.tsx"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./style */ "./components/skeleton/style/index.ts"); const avatarProps = () => { return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, (0,_Element__WEBPACK_IMPORTED_MODULE_3__.skeletonElementProps)()), { shape: String }); }; const SkeletonAvatar = (0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'ASkeletonAvatar', props: (0,_util_props_util_initDefaultProps__WEBPACK_IMPORTED_MODULE_4__["default"])(avatarProps(), { size: 'default', shape: 'circle' }), setup(props) { const { prefixCls } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_5__["default"])('skeleton', props); const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_6__["default"])(prefixCls); const cls = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => (0,_util_classNames__WEBPACK_IMPORTED_MODULE_7__["default"])(prefixCls.value, `${prefixCls.value}-element`, { [`${prefixCls.value}-active`]: props.active }, hashId.value)); return () => { return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": cls.value }, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_Element__WEBPACK_IMPORTED_MODULE_3__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props), {}, { "prefixCls": `${prefixCls.value}-avatar` }), null)])); }; } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SkeletonAvatar); /***/ }), /***/ "./components/skeleton/Button.tsx": /*!****************************************!*\ !*** ./components/skeleton/Button.tsx ***! \****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ skeletonButtonProps: () => (/* binding */ skeletonButtonProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/initDefaultProps.ts"); /* harmony import */ var _Element__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Element */ "./components/skeleton/Element.tsx"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./style */ "./components/skeleton/style/index.ts"); const skeletonButtonProps = () => { return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, (0,_Element__WEBPACK_IMPORTED_MODULE_3__.skeletonElementProps)()), { size: String, block: Boolean }); }; const SkeletonButton = (0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'ASkeletonButton', props: (0,_util_props_util__WEBPACK_IMPORTED_MODULE_4__["default"])(skeletonButtonProps(), { size: 'default' }), setup(props) { const { prefixCls } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_5__["default"])('skeleton', props); const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_6__["default"])(prefixCls); const cls = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => (0,_util_classNames__WEBPACK_IMPORTED_MODULE_7__["default"])(prefixCls.value, `${prefixCls.value}-element`, { [`${prefixCls.value}-active`]: props.active, [`${prefixCls.value}-block`]: props.block }, hashId.value)); return () => { return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": cls.value }, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_Element__WEBPACK_IMPORTED_MODULE_3__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props), {}, { "prefixCls": `${prefixCls.value}-button` }), null)])); }; } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SkeletonButton); /***/ }), /***/ "./components/skeleton/Element.tsx": /*!*****************************************!*\ !*** ./components/skeleton/Element.tsx ***! \*****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ skeletonElementProps: () => (/* binding */ skeletonElementProps) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); const skeletonElementProps = () => ({ prefixCls: String, size: [String, Number], shape: String, active: { type: Boolean, default: undefined } }); const Element = props => { const { prefixCls, size, shape } = props; const sizeCls = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_1__["default"])({ [`${prefixCls}-lg`]: size === 'large', [`${prefixCls}-sm`]: size === 'small' }); const shapeCls = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_1__["default"])({ [`${prefixCls}-circle`]: shape === 'circle', [`${prefixCls}-square`]: shape === 'square', [`${prefixCls}-round`]: shape === 'round' }); const sizeStyle = typeof size === 'number' ? { width: `${size}px`, height: `${size}px`, lineHeight: `${size}px` } : {}; return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("span", { "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_1__["default"])(prefixCls, sizeCls, shapeCls), "style": sizeStyle }, null); }; Element.displayName = 'SkeletonElement'; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Element); /***/ }), /***/ "./components/skeleton/Image.tsx": /*!***************************************!*\ !*** ./components/skeleton/Image.tsx ***! \***************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _util_omit__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../_util/omit */ "./components/_util/omit.ts"); /* harmony import */ var _Element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Element */ "./components/skeleton/Element.tsx"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./style */ "./components/skeleton/style/index.ts"); const path = 'M365.714286 329.142857q0 45.714286-32.036571 77.677714t-77.677714 32.036571-77.677714-32.036571-32.036571-77.677714 32.036571-77.677714 77.677714-32.036571 77.677714 32.036571 32.036571 77.677714zM950.857143 548.571429l0 256-804.571429 0 0-109.714286 182.857143-182.857143 91.428571 91.428571 292.571429-292.571429zM1005.714286 146.285714l-914.285714 0q-7.460571 0-12.873143 5.412571t-5.412571 12.873143l0 694.857143q0 7.460571 5.412571 12.873143t12.873143 5.412571l914.285714 0q7.460571 0 12.873143-5.412571t5.412571-12.873143l0-694.857143q0-7.460571-5.412571-12.873143t-12.873143-5.412571zM1097.142857 164.571429l0 694.857143q0 37.741714-26.843429 64.585143t-64.585143 26.843429l-914.285714 0q-37.741714 0-64.585143-26.843429t-26.843429-64.585143l0-694.857143q0-37.741714 26.843429-64.585143t64.585143-26.843429l914.285714 0q37.741714 0 64.585143 26.843429t26.843429 64.585143z'; const SkeletonImage = (0,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'ASkeletonImage', props: (0,_util_omit__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_Element__WEBPACK_IMPORTED_MODULE_2__.skeletonElementProps)(), ['size', 'shape', 'active']), setup(props) { const { prefixCls } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_3__["default"])('skeleton', props); const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_4__["default"])(prefixCls); const cls = (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => (0,_util_classNames__WEBPACK_IMPORTED_MODULE_5__["default"])(prefixCls.value, `${prefixCls.value}-element`, hashId.value)); return () => { return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", { "class": cls.value }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", { "class": `${prefixCls.value}-image` }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("svg", { "viewBox": "0 0 1098 1024", "xmlns": "http://www.w3.org/2000/svg", "class": `${prefixCls.value}-image-svg` }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("path", { "d": path, "class": `${prefixCls.value}-image-path` }, null)])])])); }; } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SkeletonImage); /***/ }), /***/ "./components/skeleton/Input.tsx": /*!***************************************!*\ !*** ./components/skeleton/Input.tsx ***! \***************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _Element__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Element */ "./components/skeleton/Element.tsx"); /* harmony import */ var _util_omit__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/omit */ "./components/_util/omit.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./style */ "./components/skeleton/style/index.ts"); const SkeletonInput = (0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'ASkeletonInput', props: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, (0,_util_omit__WEBPACK_IMPORTED_MODULE_3__["default"])((0,_Element__WEBPACK_IMPORTED_MODULE_4__.skeletonElementProps)(), ['shape'])), { size: String, block: Boolean }), setup(props) { const { prefixCls } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_5__["default"])('skeleton', props); const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_6__["default"])(prefixCls); const cls = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => (0,_util_classNames__WEBPACK_IMPORTED_MODULE_7__["default"])(prefixCls.value, `${prefixCls.value}-element`, { [`${prefixCls.value}-active`]: props.active, [`${prefixCls.value}-block`]: props.block }, hashId.value)); return () => { return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": cls.value }, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_Element__WEBPACK_IMPORTED_MODULE_4__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props), {}, { "prefixCls": `${prefixCls.value}-input` }), null)])); }; } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SkeletonInput); /***/ }), /***/ "./components/skeleton/Paragraph.tsx": /*!*******************************************!*\ !*** ./components/skeleton/Paragraph.tsx ***! \*******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ skeletonParagraphProps: () => (/* binding */ skeletonParagraphProps) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); const skeletonParagraphProps = () => ({ prefixCls: String, width: { type: [Number, String, Array] }, rows: Number }); const SkeletonParagraph = (0,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'SkeletonParagraph', props: skeletonParagraphProps(), setup(props) { const getWidth = index => { const { width, rows = 2 } = props; if (Array.isArray(width)) { return width[index]; } // last paragraph if (rows - 1 === index) { return width; } return undefined; }; return () => { const { prefixCls, rows } = props; const rowList = [...Array(rows)].map((_, index) => { const width = getWidth(index); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("li", { "key": index, "style": { width: typeof width === 'number' ? `${width}px` : width } }, null); }); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("ul", { "class": prefixCls }, [rowList]); }; } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SkeletonParagraph); /***/ }), /***/ "./components/skeleton/Skeleton.tsx": /*!******************************************!*\ !*** ./components/skeleton/Skeleton.tsx ***! \******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ skeletonProps: () => (/* binding */ skeletonProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/initDefaultProps.ts"); /* harmony import */ var _Title__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./Title */ "./components/skeleton/Title.tsx"); /* harmony import */ var _Paragraph__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./Paragraph */ "./components/skeleton/Paragraph.tsx"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _Element__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Element */ "./components/skeleton/Element.tsx"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./style */ "./components/skeleton/style/index.ts"); const skeletonProps = () => ({ active: { type: Boolean, default: undefined }, loading: { type: Boolean, default: undefined }, prefixCls: String, avatar: { type: [Boolean, Object], default: undefined }, title: { type: [Boolean, Object], default: undefined }, paragraph: { type: [Boolean, Object], default: undefined }, round: { type: Boolean, default: undefined } }); function getComponentProps(prop) { if (prop && typeof prop === 'object') { return prop; } return {}; } function getAvatarBasicProps(hasTitle, hasParagraph) { if (hasTitle && !hasParagraph) { // Square avatar return { size: 'large', shape: 'square' }; } return { size: 'large', shape: 'circle' }; } function getTitleBasicProps(hasAvatar, hasParagraph) { if (!hasAvatar && hasParagraph) { return { width: '38%' }; } if (hasAvatar && hasParagraph) { return { width: '50%' }; } return {}; } function getParagraphBasicProps(hasAvatar, hasTitle) { const basicProps = {}; // Width if (!hasAvatar || !hasTitle) { basicProps.width = '61%'; } // Rows if (!hasAvatar && hasTitle) { basicProps.rows = 3; } else { basicProps.rows = 2; } return basicProps; } const Skeleton = (0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'ASkeleton', props: (0,_util_props_util__WEBPACK_IMPORTED_MODULE_2__["default"])(skeletonProps(), { avatar: false, title: true, paragraph: true }), setup(props, _ref) { let { slots } = _ref; const { prefixCls, direction } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_3__["default"])('skeleton', props); const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_4__["default"])(prefixCls); return () => { var _a; const { loading, avatar, title, paragraph, active, round } = props; const pre = prefixCls.value; if (loading || props.loading === undefined) { const hasAvatar = !!avatar || avatar === ''; const hasTitle = !!title || title === ''; const hasParagraph = !!paragraph || paragraph === ''; // Avatar let avatarNode; if (hasAvatar) { const avatarProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ prefixCls: `${pre}-avatar` }, getAvatarBasicProps(hasTitle, hasParagraph)), getComponentProps(avatar)); avatarNode = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${pre}-header` }, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_Element__WEBPACK_IMPORTED_MODULE_5__["default"], avatarProps, null)]); } let contentNode; if (hasTitle || hasParagraph) { // Title let $title; if (hasTitle) { const titleProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ prefixCls: `${pre}-title` }, getTitleBasicProps(hasAvatar, hasParagraph)), getComponentProps(title)); $title = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_Title__WEBPACK_IMPORTED_MODULE_6__["default"], titleProps, null); } // Paragraph let paragraphNode; if (hasParagraph) { const paragraphProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ prefixCls: `${pre}-paragraph` }, getParagraphBasicProps(hasAvatar, hasTitle)), getComponentProps(paragraph)); paragraphNode = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_Paragraph__WEBPACK_IMPORTED_MODULE_7__["default"], paragraphProps, null); } contentNode = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${pre}-content` }, [$title, paragraphNode]); } const cls = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_8__["default"])(pre, { [`${pre}-with-avatar`]: hasAvatar, [`${pre}-active`]: active, [`${pre}-rtl`]: direction.value === 'rtl', [`${pre}-round`]: round, [hashId.value]: true }); return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": cls }, [avatarNode, contentNode])); } return (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots); }; } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Skeleton); /***/ }), /***/ "./components/skeleton/Title.tsx": /*!***************************************!*\ !*** ./components/skeleton/Title.tsx ***! \***************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ skeletonTitleProps: () => (/* binding */ skeletonTitleProps) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); const skeletonTitleProps = () => ({ prefixCls: String, width: { type: [Number, String] } }); const SkeletonTitle = (0,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'SkeletonTitle', props: skeletonTitleProps(), setup(props) { return () => { const { prefixCls, width } = props; const zWidth = typeof width === 'number' ? `${width}px` : width; return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("h3", { "class": prefixCls, "style": { width: zWidth } }, null); }; } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SkeletonTitle); /***/ }), /***/ "./components/skeleton/index.tsx": /*!***************************************!*\ !*** ./components/skeleton/index.tsx ***! \***************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ SkeletonAvatar: () => (/* reexport safe */ _Avatar__WEBPACK_IMPORTED_MODULE_2__["default"]), /* harmony export */ SkeletonButton: () => (/* reexport safe */ _Button__WEBPACK_IMPORTED_MODULE_1__["default"]), /* harmony export */ SkeletonImage: () => (/* reexport safe */ _Image__WEBPACK_IMPORTED_MODULE_4__["default"]), /* harmony export */ SkeletonInput: () => (/* reexport safe */ _Input__WEBPACK_IMPORTED_MODULE_3__["default"]), /* harmony export */ SkeletonTitle: () => (/* reexport safe */ _Title__WEBPACK_IMPORTED_MODULE_5__["default"]), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ skeletonProps: () => (/* reexport safe */ _Skeleton__WEBPACK_IMPORTED_MODULE_0__.skeletonProps) /* harmony export */ }); /* harmony import */ var _Skeleton__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Skeleton */ "./components/skeleton/Skeleton.tsx"); /* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Button */ "./components/skeleton/Button.tsx"); /* harmony import */ var _Input__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Input */ "./components/skeleton/Input.tsx"); /* harmony import */ var _Image__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Image */ "./components/skeleton/Image.tsx"); /* harmony import */ var _Avatar__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Avatar */ "./components/skeleton/Avatar.tsx"); /* harmony import */ var _Title__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Title */ "./components/skeleton/Title.tsx"); _Skeleton__WEBPACK_IMPORTED_MODULE_0__["default"].Button = _Button__WEBPACK_IMPORTED_MODULE_1__["default"]; _Skeleton__WEBPACK_IMPORTED_MODULE_0__["default"].Avatar = _Avatar__WEBPACK_IMPORTED_MODULE_2__["default"]; _Skeleton__WEBPACK_IMPORTED_MODULE_0__["default"].Input = _Input__WEBPACK_IMPORTED_MODULE_3__["default"]; _Skeleton__WEBPACK_IMPORTED_MODULE_0__["default"].Image = _Image__WEBPACK_IMPORTED_MODULE_4__["default"]; _Skeleton__WEBPACK_IMPORTED_MODULE_0__["default"].Title = _Title__WEBPACK_IMPORTED_MODULE_5__["default"]; /* istanbul ignore next */ _Skeleton__WEBPACK_IMPORTED_MODULE_0__["default"].install = function (app) { app.component(_Skeleton__WEBPACK_IMPORTED_MODULE_0__["default"].name, _Skeleton__WEBPACK_IMPORTED_MODULE_0__["default"]); app.component(_Skeleton__WEBPACK_IMPORTED_MODULE_0__["default"].Button.name, _Button__WEBPACK_IMPORTED_MODULE_1__["default"]); app.component(_Skeleton__WEBPACK_IMPORTED_MODULE_0__["default"].Avatar.name, _Avatar__WEBPACK_IMPORTED_MODULE_2__["default"]); app.component(_Skeleton__WEBPACK_IMPORTED_MODULE_0__["default"].Input.name, _Input__WEBPACK_IMPORTED_MODULE_3__["default"]); app.component(_Skeleton__WEBPACK_IMPORTED_MODULE_0__["default"].Image.name, _Image__WEBPACK_IMPORTED_MODULE_4__["default"]); app.component(_Skeleton__WEBPACK_IMPORTED_MODULE_0__["default"].Title.name, _Title__WEBPACK_IMPORTED_MODULE_5__["default"]); return app; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_Skeleton__WEBPACK_IMPORTED_MODULE_0__["default"]); /***/ }), /***/ "./components/skeleton/style/index.ts": /*!********************************************!*\ !*** ./components/skeleton/style/index.ts ***! \********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _util_cssinjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../_util/cssinjs */ "./components/_util/cssinjs/Keyframes.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/genComponentStyleHook.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/statistic.ts"); const skeletonClsLoading = new _util_cssinjs__WEBPACK_IMPORTED_MODULE_1__["default"](`ant-skeleton-loading`, { '0%': { transform: 'translateX(-37.5%)' }, '100%': { transform: 'translateX(37.5%)' } }); const genSkeletonElementCommonSize = size => ({ height: size, lineHeight: `${size}px` }); const genSkeletonElementAvatarSize = size => (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ width: size }, genSkeletonElementCommonSize(size)); const genSkeletonColor = token => ({ position: 'relative', // fix https://github.com/ant-design/ant-design/issues/36444 // https://monshin.github.io/202109/css/safari-border-radius-overflow-hidden/ /* stylelint-disable-next-line property-no-vendor-prefix,value-no-vendor-prefix */ zIndex: 0, overflow: 'hidden', background: 'transparent', '&::after': { position: 'absolute', top: 0, insetInlineEnd: '-150%', bottom: 0, insetInlineStart: '-150%', background: token.skeletonLoadingBackground, animationName: skeletonClsLoading, animationDuration: token.skeletonLoadingMotionDuration, animationTimingFunction: 'ease', animationIterationCount: 'infinite', content: '""' } }); const genSkeletonElementInputSize = size => (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ width: size * 5, minWidth: size * 5 }, genSkeletonElementCommonSize(size)); const genSkeletonElementAvatar = token => { const { skeletonAvatarCls, color, controlHeight, controlHeightLG, controlHeightSM } = token; return { [`${skeletonAvatarCls}`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ display: 'inline-block', verticalAlign: 'top', background: color }, genSkeletonElementAvatarSize(controlHeight)), [`${skeletonAvatarCls}${skeletonAvatarCls}-circle`]: { borderRadius: '50%' }, [`${skeletonAvatarCls}${skeletonAvatarCls}-lg`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, genSkeletonElementAvatarSize(controlHeightLG)), [`${skeletonAvatarCls}${skeletonAvatarCls}-sm`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, genSkeletonElementAvatarSize(controlHeightSM)) }; }; const genSkeletonElementInput = token => { const { controlHeight, borderRadiusSM, skeletonInputCls, controlHeightLG, controlHeightSM, color } = token; return { [`${skeletonInputCls}`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ display: 'inline-block', verticalAlign: 'top', background: color, borderRadius: borderRadiusSM }, genSkeletonElementInputSize(controlHeight)), [`${skeletonInputCls}-lg`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, genSkeletonElementInputSize(controlHeightLG)), [`${skeletonInputCls}-sm`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, genSkeletonElementInputSize(controlHeightSM)) }; }; const genSkeletonElementImageSize = size => (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ width: size }, genSkeletonElementCommonSize(size)); const genSkeletonElementImage = token => { const { skeletonImageCls, imageSizeBase, color, borderRadiusSM } = token; return { [`${skeletonImageCls}`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ display: 'flex', alignItems: 'center', justifyContent: 'center', verticalAlign: 'top', background: color, borderRadius: borderRadiusSM }, genSkeletonElementImageSize(imageSizeBase * 2)), { [`${skeletonImageCls}-path`]: { fill: '#bfbfbf' }, [`${skeletonImageCls}-svg`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, genSkeletonElementImageSize(imageSizeBase)), { maxWidth: imageSizeBase * 4, maxHeight: imageSizeBase * 4 }), [`${skeletonImageCls}-svg${skeletonImageCls}-svg-circle`]: { borderRadius: '50%' } }), [`${skeletonImageCls}${skeletonImageCls}-circle`]: { borderRadius: '50%' } }; }; const genSkeletonElementButtonShape = (token, size, buttonCls) => { const { skeletonButtonCls } = token; return { [`${buttonCls}${skeletonButtonCls}-circle`]: { width: size, minWidth: size, borderRadius: '50%' }, [`${buttonCls}${skeletonButtonCls}-round`]: { borderRadius: size } }; }; const genSkeletonElementButtonSize = size => (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ width: size * 2, minWidth: size * 2 }, genSkeletonElementCommonSize(size)); const genSkeletonElementButton = token => { const { borderRadiusSM, skeletonButtonCls, controlHeight, controlHeightLG, controlHeightSM, color } = token; return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ [`${skeletonButtonCls}`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ display: 'inline-block', verticalAlign: 'top', background: color, borderRadius: borderRadiusSM, width: controlHeight * 2, minWidth: controlHeight * 2 }, genSkeletonElementButtonSize(controlHeight)) }, genSkeletonElementButtonShape(token, controlHeight, skeletonButtonCls)), { [`${skeletonButtonCls}-lg`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, genSkeletonElementButtonSize(controlHeightLG)) }), genSkeletonElementButtonShape(token, controlHeightLG, `${skeletonButtonCls}-lg`)), { [`${skeletonButtonCls}-sm`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, genSkeletonElementButtonSize(controlHeightSM)) }), genSkeletonElementButtonShape(token, controlHeightSM, `${skeletonButtonCls}-sm`)); }; // =============================== Base =============================== const genBaseStyle = token => { const { componentCls, skeletonAvatarCls, skeletonTitleCls, skeletonParagraphCls, skeletonButtonCls, skeletonInputCls, skeletonImageCls, controlHeight, controlHeightLG, controlHeightSM, color, padding, marginSM, borderRadius, skeletonTitleHeight, skeletonBlockRadius, skeletonParagraphLineHeight, controlHeightXS, skeletonParagraphMarginTop } = token; return { [`${componentCls}`]: { display: 'table', width: '100%', [`${componentCls}-header`]: { display: 'table-cell', paddingInlineEnd: padding, verticalAlign: 'top', // Avatar [`${skeletonAvatarCls}`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ display: 'inline-block', verticalAlign: 'top', background: color }, genSkeletonElementAvatarSize(controlHeight)), [`${skeletonAvatarCls}-circle`]: { borderRadius: '50%' }, [`${skeletonAvatarCls}-lg`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, genSkeletonElementAvatarSize(controlHeightLG)), [`${skeletonAvatarCls}-sm`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, genSkeletonElementAvatarSize(controlHeightSM)) }, [`${componentCls}-content`]: { display: 'table-cell', width: '100%', verticalAlign: 'top', // Title [`${skeletonTitleCls}`]: { width: '100%', height: skeletonTitleHeight, background: color, borderRadius: skeletonBlockRadius, [`+ ${skeletonParagraphCls}`]: { marginBlockStart: controlHeightSM } }, // paragraph [`${skeletonParagraphCls}`]: { padding: 0, '> li': { width: '100%', height: skeletonParagraphLineHeight, listStyle: 'none', background: color, borderRadius: skeletonBlockRadius, '+ li': { marginBlockStart: controlHeightXS } } }, [`${skeletonParagraphCls}> li:last-child:not(:first-child):not(:nth-child(2))`]: { width: '61%' } }, [`&-round ${componentCls}-content`]: { [`${skeletonTitleCls}, ${skeletonParagraphCls} > li`]: { borderRadius } } }, [`${componentCls}-with-avatar ${componentCls}-content`]: { // Title [`${skeletonTitleCls}`]: { marginBlockStart: marginSM, [`+ ${skeletonParagraphCls}`]: { marginBlockStart: skeletonParagraphMarginTop } } }, // Skeleton element [`${componentCls}${componentCls}-element`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ display: 'inline-block', width: 'auto' }, genSkeletonElementButton(token)), genSkeletonElementAvatar(token)), genSkeletonElementInput(token)), genSkeletonElementImage(token)), // Skeleton Block Button, Input [`${componentCls}${componentCls}-block`]: { width: '100%', [`${skeletonButtonCls}`]: { width: '100%' }, [`${skeletonInputCls}`]: { width: '100%' } }, // With active animation [`${componentCls}${componentCls}-active`]: { [` ${skeletonTitleCls}, ${skeletonParagraphCls} > li, ${skeletonAvatarCls}, ${skeletonButtonCls}, ${skeletonInputCls}, ${skeletonImageCls} `]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, genSkeletonColor(token)) } }; }; // ============================== Export ============================== /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_theme_internal__WEBPACK_IMPORTED_MODULE_2__["default"])('Skeleton', token => { const { componentCls } = token; const skeletonToken = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_3__.merge)(token, { skeletonAvatarCls: `${componentCls}-avatar`, skeletonTitleCls: `${componentCls}-title`, skeletonParagraphCls: `${componentCls}-paragraph`, skeletonButtonCls: `${componentCls}-button`, skeletonInputCls: `${componentCls}-input`, skeletonImageCls: `${componentCls}-image`, imageSizeBase: token.controlHeight * 1.5, skeletonTitleHeight: token.controlHeight / 2, skeletonBlockRadius: token.borderRadiusSM, skeletonParagraphLineHeight: token.controlHeight / 2, skeletonParagraphMarginTop: token.marginLG + token.marginXXS, borderRadius: 100, skeletonLoadingBackground: `linear-gradient(90deg, ${token.color} 25%, ${token.colorGradientEnd} 37%, ${token.color} 63%)`, skeletonLoadingMotionDuration: '1.4s' }); return [genBaseStyle(skeletonToken)]; }, token => { const { colorFillContent, colorFill } = token; return { color: colorFillContent, colorGradientEnd: colorFill }; })); /***/ }), /***/ "./components/slider/SliderTooltip.tsx": /*!*********************************************!*\ !*** ./components/slider/SliderTooltip.tsx ***! \*********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../tooltip */ "./components/tooltip/Tooltip.tsx"); /* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../tooltip */ "./components/tooltip/index.ts"); /* harmony import */ var _util_raf__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/raf */ "./components/_util/raf.ts"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'SliderTooltip', inheritAttrs: false, props: (0,_tooltip__WEBPACK_IMPORTED_MODULE_2__.tooltipProps)(), setup(props, _ref) { let { attrs, slots } = _ref; const innerRef = (0,vue__WEBPACK_IMPORTED_MODULE_1__.ref)(null); const rafRef = (0,vue__WEBPACK_IMPORTED_MODULE_1__.ref)(null); function cancelKeepAlign() { _util_raf__WEBPACK_IMPORTED_MODULE_3__["default"].cancel(rafRef.value); rafRef.value = null; } function keepAlign() { rafRef.value = (0,_util_raf__WEBPACK_IMPORTED_MODULE_3__["default"])(() => { var _a; (_a = innerRef.value) === null || _a === void 0 ? void 0 : _a.forcePopupAlign(); rafRef.value = null; }); } const align = () => { cancelKeepAlign(); if (props.open) { keepAlign(); } }; (0,vue__WEBPACK_IMPORTED_MODULE_1__.watch)([() => props.open, () => props.title], () => { align(); }, { flush: 'post', immediate: true }); (0,vue__WEBPACK_IMPORTED_MODULE_1__.onActivated)(() => { align(); }); (0,vue__WEBPACK_IMPORTED_MODULE_1__.onBeforeUnmount)(() => { cancelKeepAlign(); }); return () => { return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_tooltip__WEBPACK_IMPORTED_MODULE_4__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "ref": innerRef }, props), attrs), slots); }; } })); /***/ }), /***/ "./components/slider/index.tsx": /*!*************************************!*\ !*** ./components/slider/index.tsx ***! \*************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ sliderProps: () => (/* binding */ sliderProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _vc_slider_src_Slider__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../vc-slider/src/Slider */ "./components/vc-slider/src/Slider.tsx"); /* harmony import */ var _vc_slider_src_Range__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../vc-slider/src/Range */ "./components/vc-slider/src/Range.tsx"); /* harmony import */ var _vc_slider_src_Handle__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../vc-slider/src/Handle */ "./components/vc-slider/src/Handle.tsx"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _SliderTooltip__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./SliderTooltip */ "./components/slider/SliderTooltip.tsx"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _form_FormItemContext__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../form/FormItemContext */ "./components/form/FormItemContext.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./style */ "./components/slider/style/index.tsx"); /* harmony import */ var _vc_util_devWarning__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../vc-util/devWarning */ "./components/vc-util/devWarning.ts"); var __rest = undefined && undefined.__rest || function (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; }; // CSSINJS const defaultTipFormatter = value => typeof value === 'number' ? value.toString() : ''; const sliderProps = () => ({ id: String, prefixCls: String, tooltipPrefixCls: String, range: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.someType)([Boolean, Object]), reverse: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.booleanType)(), min: Number, max: Number, step: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.someType)([Object, Number]), marks: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.objectType)(), dots: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.booleanType)(), value: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.someType)([Array, Number]), defaultValue: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.someType)([Array, Number]), included: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.booleanType)(), disabled: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.booleanType)(), vertical: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.booleanType)(), tipFormatter: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.someType)([Function, Object], () => defaultTipFormatter), tooltipOpen: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.booleanType)(), /** @deprecated `tooltipVisible` is deprecated. Please use `tooltipOpen` instead. */ tooltipVisible: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.booleanType)(), tooltipPlacement: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.stringType)(), getTooltipPopupContainer: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.functionType)(), autofocus: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.booleanType)(), handleStyle: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.someType)([Array, Object]), trackStyle: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.someType)([Array, Object]), onChange: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.functionType)(), onAfterChange: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.functionType)(), onFocus: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.functionType)(), onBlur: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.functionType)(), 'onUpdate:value': (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.functionType)() }); const Slider = (0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'ASlider', inheritAttrs: false, props: sliderProps(), // emits: ['update:value', 'change', 'afterChange', 'blur'], slots: Object, setup(props, _ref) { let { attrs, slots, emit, expose } = _ref; // Warning for deprecated usage if (true) { [['tooltipVisible', 'tooltipOpen']].forEach(_ref2 => { let [deprecatedName, newName] = _ref2; (0,_vc_util_devWarning__WEBPACK_IMPORTED_MODULE_3__["default"])(props.tooltipVisible === undefined, 'Slider', `\`${deprecatedName}\` is deprecated, please use \`${newName}\` instead.`); }); } const { prefixCls, rootPrefixCls, direction, getPopupContainer, configProvider } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_4__["default"])('slider', props); // style const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_5__["default"])(prefixCls); const formItemContext = (0,_form_FormItemContext__WEBPACK_IMPORTED_MODULE_6__.useInjectFormItemContext)(); const sliderRef = (0,vue__WEBPACK_IMPORTED_MODULE_1__.ref)(); const visibles = (0,vue__WEBPACK_IMPORTED_MODULE_1__.ref)({}); const toggleTooltipOpen = (index, visible) => { visibles.value[index] = visible; }; const tooltipPlacement = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { if (props.tooltipPlacement) { return props.tooltipPlacement; } if (!props.vertical) { return 'top'; } return direction.value === 'rtl' ? 'left' : 'right'; }); const focus = () => { var _a; (_a = sliderRef.value) === null || _a === void 0 ? void 0 : _a.focus(); }; const blur = () => { var _a; (_a = sliderRef.value) === null || _a === void 0 ? void 0 : _a.blur(); }; const handleChange = val => { emit('update:value', val); emit('change', val); formItemContext.onFieldChange(); }; const handleBlur = e => { emit('blur', e); }; expose({ focus, blur }); const handleWithTooltip = _a => { var { tooltipPrefixCls } = _a, _b = _a.info, { value, dragging, index } = _b, restProps = __rest(_b, ["value", "dragging", "index"]); const { tipFormatter, tooltipOpen = props.tooltipVisible, getTooltipPopupContainer } = props; const isTipFormatter = tipFormatter ? visibles.value[index] || dragging : false; const open = tooltipOpen || tooltipOpen === undefined && isTipFormatter; return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_SliderTooltip__WEBPACK_IMPORTED_MODULE_7__["default"], { "prefixCls": tooltipPrefixCls, "title": tipFormatter ? tipFormatter(value) : '', "open": open, "placement": tooltipPlacement.value, "transitionName": `${rootPrefixCls.value}-zoom-down`, "key": index, "overlayClassName": `${prefixCls.value}-tooltip`, "getPopupContainer": getTooltipPopupContainer || (getPopupContainer === null || getPopupContainer === void 0 ? void 0 : getPopupContainer.value) }, { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_vc_slider_src_Handle__WEBPACK_IMPORTED_MODULE_8__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, restProps), {}, { "value": value, "onMouseenter": () => toggleTooltipOpen(index, true), "onMouseleave": () => toggleTooltipOpen(index, false) }), null)] }); }; return () => { const { tooltipPrefixCls: customizeTooltipPrefixCls, range, id = formItemContext.id.value } = props, restProps = __rest(props, ["tooltipPrefixCls", "range", "id"]); const tooltipPrefixCls = configProvider.getPrefixCls('tooltip', customizeTooltipPrefixCls); const cls = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_9__["default"])(attrs.class, { [`${prefixCls.value}-rtl`]: direction.value === 'rtl' }, hashId.value); // make reverse default on rtl direction if (direction.value === 'rtl' && !restProps.vertical) { restProps.reverse = !restProps.reverse; } // extrack draggableTrack from range={{ ... }} let draggableTrack; if (typeof range === 'object') { draggableTrack = range.draggableTrack; } if (range) { return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_vc_slider_src_Range__WEBPACK_IMPORTED_MODULE_10__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, attrs), restProps), {}, { "step": restProps.step, "draggableTrack": draggableTrack, "class": cls, "ref": sliderRef, "handle": info => handleWithTooltip({ tooltipPrefixCls, prefixCls: prefixCls.value, info }), "prefixCls": prefixCls.value, "onChange": handleChange, "onBlur": handleBlur }), { mark: slots.mark })); } return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_vc_slider_src_Slider__WEBPACK_IMPORTED_MODULE_11__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, attrs), restProps), {}, { "id": id, "step": restProps.step, "class": cls, "ref": sliderRef, "handle": info => handleWithTooltip({ tooltipPrefixCls, prefixCls: prefixCls.value, info }), "prefixCls": prefixCls.value, "onChange": handleChange, "onBlur": handleBlur }), { mark: slots.mark })); }; } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_util_type__WEBPACK_IMPORTED_MODULE_2__.withInstall)(Slider)); /***/ }), /***/ "./components/slider/style/index.tsx": /*!*******************************************!*\ !*** ./components/slider/style/index.tsx ***! \*******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ctrl/tinycolor */ "./node_modules/@ctrl/tinycolor/dist/module/index.js"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/genComponentStyleHook.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/statistic.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../style */ "./components/style/index.ts"); // =============================== Base =============================== const genBaseStyle = token => { const { componentCls, controlSize, dotSize, marginFull, marginPart, colorFillContentHover } = token; return { [componentCls]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_1__.resetComponent)(token)), { position: 'relative', height: controlSize, margin: `${marginPart}px ${marginFull}px`, padding: 0, cursor: 'pointer', touchAction: 'none', [`&-vertical`]: { margin: `${marginFull}px ${marginPart}px` }, [`${componentCls}-rail`]: { position: 'absolute', backgroundColor: token.colorFillTertiary, borderRadius: token.borderRadiusXS, transition: `background-color ${token.motionDurationMid}` }, [`${componentCls}-track`]: { position: 'absolute', backgroundColor: token.colorPrimaryBorder, borderRadius: token.borderRadiusXS, transition: `background-color ${token.motionDurationMid}` }, '&:hover': { [`${componentCls}-rail`]: { backgroundColor: token.colorFillSecondary }, [`${componentCls}-track`]: { backgroundColor: token.colorPrimaryBorderHover }, [`${componentCls}-dot`]: { borderColor: colorFillContentHover }, [`${componentCls}-handle::after`]: { boxShadow: `0 0 0 ${token.handleLineWidth}px ${token.colorPrimaryBorderHover}` }, [`${componentCls}-dot-active`]: { borderColor: token.colorPrimary } }, [`${componentCls}-handle`]: { position: 'absolute', width: token.handleSize, height: token.handleSize, outline: 'none', [`${componentCls}-dragging`]: { zIndex: 1 }, // 扩大选区 '&::before': { content: '""', position: 'absolute', insetInlineStart: -token.handleLineWidth, insetBlockStart: -token.handleLineWidth, width: token.handleSize + token.handleLineWidth * 2, height: token.handleSize + token.handleLineWidth * 2, backgroundColor: 'transparent' }, '&::after': { content: '""', position: 'absolute', insetBlockStart: 0, insetInlineStart: 0, width: token.handleSize, height: token.handleSize, backgroundColor: token.colorBgElevated, boxShadow: `0 0 0 ${token.handleLineWidth}px ${token.colorPrimaryBorder}`, borderRadius: '50%', cursor: 'pointer', transition: ` inset-inline-start ${token.motionDurationMid}, inset-block-start ${token.motionDurationMid}, width ${token.motionDurationMid}, height ${token.motionDurationMid}, box-shadow ${token.motionDurationMid} ` }, '&:hover, &:active, &:focus': { '&::before': { insetInlineStart: -((token.handleSizeHover - token.handleSize) / 2 + token.handleLineWidthHover), insetBlockStart: -((token.handleSizeHover - token.handleSize) / 2 + token.handleLineWidthHover), width: token.handleSizeHover + token.handleLineWidthHover * 2, height: token.handleSizeHover + token.handleLineWidthHover * 2 }, '&::after': { boxShadow: `0 0 0 ${token.handleLineWidthHover}px ${token.colorPrimary}`, width: token.handleSizeHover, height: token.handleSizeHover, insetInlineStart: (token.handleSize - token.handleSizeHover) / 2, insetBlockStart: (token.handleSize - token.handleSizeHover) / 2 } } }, [`${componentCls}-mark`]: { position: 'absolute', fontSize: token.fontSize }, [`${componentCls}-mark-text`]: { position: 'absolute', display: 'inline-block', color: token.colorTextDescription, textAlign: 'center', wordBreak: 'keep-all', cursor: 'pointer', userSelect: 'none', '&-active': { color: token.colorText } }, [`${componentCls}-step`]: { position: 'absolute', background: 'transparent', pointerEvents: 'none' }, [`${componentCls}-dot`]: { position: 'absolute', width: dotSize, height: dotSize, backgroundColor: token.colorBgElevated, border: `${token.handleLineWidth}px solid ${token.colorBorderSecondary}`, borderRadius: '50%', cursor: 'pointer', transition: `border-color ${token.motionDurationSlow}`, '&-active': { borderColor: token.colorPrimaryBorder } }, [`&${componentCls}-disabled`]: { cursor: 'not-allowed', [`${componentCls}-rail`]: { backgroundColor: `${token.colorFillSecondary} !important` }, [`${componentCls}-track`]: { backgroundColor: `${token.colorTextDisabled} !important` }, [` ${componentCls}-dot `]: { backgroundColor: token.colorBgElevated, borderColor: token.colorTextDisabled, boxShadow: 'none', cursor: 'not-allowed' }, [`${componentCls}-handle::after`]: { backgroundColor: token.colorBgElevated, cursor: 'not-allowed', width: token.handleSize, height: token.handleSize, boxShadow: `0 0 0 ${token.handleLineWidth}px ${new _ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_2__.TinyColor(token.colorTextDisabled).onBackground(token.colorBgContainer).toHexString()}`, insetInlineStart: 0, insetBlockStart: 0 }, [` ${componentCls}-mark-text, ${componentCls}-dot `]: { cursor: `not-allowed !important` } } }) }; }; // ============================ Horizontal ============================ const genDirectionStyle = (token, horizontal) => { const { componentCls, railSize, handleSize, dotSize } = token; const railPadding = horizontal ? 'paddingBlock' : 'paddingInline'; const full = horizontal ? 'width' : 'height'; const part = horizontal ? 'height' : 'width'; const handlePos = horizontal ? 'insetBlockStart' : 'insetInlineStart'; const markInset = horizontal ? 'top' : 'insetInlineStart'; return { [railPadding]: railSize, [part]: railSize * 3, [`${componentCls}-rail`]: { [full]: '100%', [part]: railSize }, [`${componentCls}-track`]: { [part]: railSize }, [`${componentCls}-handle`]: { [handlePos]: (railSize * 3 - handleSize) / 2 }, [`${componentCls}-mark`]: { // Reset all insetInlineStart: 0, top: 0, [markInset]: handleSize, [full]: '100%' }, [`${componentCls}-step`]: { // Reset all insetInlineStart: 0, top: 0, [markInset]: railSize, [full]: '100%', [part]: railSize }, [`${componentCls}-dot`]: { position: 'absolute', [handlePos]: (railSize - dotSize) / 2 } }; }; // ============================ Horizontal ============================ const genHorizontalStyle = token => { const { componentCls, marginPartWithMark } = token; return { [`${componentCls}-horizontal`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, genDirectionStyle(token, true)), { [`&${componentCls}-with-marks`]: { marginBottom: marginPartWithMark } }) }; }; // ============================= Vertical ============================= const genVerticalStyle = token => { const { componentCls } = token; return { [`${componentCls}-vertical`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, genDirectionStyle(token, false)), { height: '100%' }) }; }; // ============================== Export ============================== /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_theme_internal__WEBPACK_IMPORTED_MODULE_3__["default"])('Slider', token => { const sliderToken = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_4__.merge)(token, { marginPart: (token.controlHeight - token.controlSize) / 2, marginFull: token.controlSize / 2, marginPartWithMark: token.controlHeightLG - token.controlSize }); return [genBaseStyle(sliderToken), genHorizontalStyle(sliderToken), genVerticalStyle(sliderToken)]; }, token => { // Handle line width is always width-er 1px const increaseHandleWidth = 1; const controlSize = token.controlHeightLG / 4; const controlSizeHover = token.controlHeightSM / 2; const handleLineWidth = token.lineWidth + increaseHandleWidth; const handleLineWidthHover = token.lineWidth + increaseHandleWidth * 3; return { controlSize, railSize: 4, handleSize: controlSize, handleSizeHover: controlSizeHover, dotSize: 8, handleLineWidth, handleLineWidthHover }; })); /***/ }), /***/ "./components/space/Compact.tsx": /*!**************************************!*\ !*** ./components/space/Compact.tsx ***! \**************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ NoCompactStyle: () => (/* binding */ NoCompactStyle), /* harmony export */ SpaceCompactItemContext: () => (/* binding */ SpaceCompactItemContext), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ spaceCompactItemProps: () => (/* binding */ spaceCompactItemProps), /* harmony export */ spaceCompactProps: () => (/* binding */ spaceCompactProps), /* harmony export */ useCompactItemContext: () => (/* binding */ useCompactItemContext) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _util_createContext__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/createContext */ "./components/_util/createContext.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./style */ "./components/space/style/index.tsx"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); /* harmony import */ var lodash_es__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! lodash-es */ "./node_modules/lodash-es/isEmpty.js"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/index.ts"); const spaceCompactItemProps = () => ({ compactSize: String, compactDirection: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].oneOf((0,_util_type__WEBPACK_IMPORTED_MODULE_3__.tuple)('horizontal', 'vertical')).def('horizontal'), isFirstItem: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.booleanType)(), isLastItem: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.booleanType)() }); const SpaceCompactItemContext = (0,_util_createContext__WEBPACK_IMPORTED_MODULE_4__["default"])(null); const useCompactItemContext = (prefixCls, direction) => { const compactItemContext = SpaceCompactItemContext.useInject(); const compactItemClassnames = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { if (!compactItemContext || (0,lodash_es__WEBPACK_IMPORTED_MODULE_5__["default"])(compactItemContext)) return ''; const { compactDirection, isFirstItem, isLastItem } = compactItemContext; const separator = compactDirection === 'vertical' ? '-vertical-' : '-'; return (0,_util_classNames__WEBPACK_IMPORTED_MODULE_6__["default"])({ [`${prefixCls.value}-compact${separator}item`]: true, [`${prefixCls.value}-compact${separator}first-item`]: isFirstItem, [`${prefixCls.value}-compact${separator}last-item`]: isLastItem, [`${prefixCls.value}-compact${separator}item-rtl`]: direction.value === 'rtl' }); }); return { compactSize: (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => compactItemContext === null || compactItemContext === void 0 ? void 0 : compactItemContext.compactSize), compactDirection: (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => compactItemContext === null || compactItemContext === void 0 ? void 0 : compactItemContext.compactDirection), compactItemClassnames }; }; const NoCompactStyle = (0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ name: 'NoCompactStyle', setup(_, _ref) { let { slots } = _ref; SpaceCompactItemContext.useProvide(null); return () => { var _a; return (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots); }; } }); const spaceCompactProps = () => ({ prefixCls: String, size: { type: String }, direction: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].oneOf((0,_util_type__WEBPACK_IMPORTED_MODULE_3__.tuple)('horizontal', 'vertical')).def('horizontal'), align: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].oneOf((0,_util_type__WEBPACK_IMPORTED_MODULE_3__.tuple)('start', 'end', 'center', 'baseline')), block: { type: Boolean, default: undefined } }); const CompactItem = (0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ name: 'CompactItem', props: spaceCompactItemProps(), setup(props, _ref2) { let { slots } = _ref2; SpaceCompactItemContext.useProvide(props); return () => { var _a; return (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots); }; } }); const Compact = (0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ name: 'ASpaceCompact', inheritAttrs: false, props: spaceCompactProps(), setup(props, _ref3) { let { attrs, slots } = _ref3; const { prefixCls, direction: directionConfig } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_7__["default"])('space-compact', props); const compactItemContext = SpaceCompactItemContext.useInject(); const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_8__["default"])(prefixCls); const clx = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { return (0,_util_classNames__WEBPACK_IMPORTED_MODULE_6__["default"])(prefixCls.value, hashId.value, { [`${prefixCls.value}-rtl`]: directionConfig.value === 'rtl', [`${prefixCls.value}-block`]: props.block, [`${prefixCls.value}-vertical`]: props.direction === 'vertical' }); }); return () => { var _a; const childNodes = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_9__.flattenChildren)(((_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)) || []); // =========================== Render =========================== if (childNodes.length === 0) { return null; } return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, attrs), {}, { "class": [clx.value, attrs.class] }), [childNodes.map((child, i) => { var _a; const key = child && child.key || `${prefixCls.value}-item-${i}`; const noCompactItemContext = !compactItemContext || (0,lodash_es__WEBPACK_IMPORTED_MODULE_5__["default"])(compactItemContext); return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(CompactItem, { "key": key, "compactSize": (_a = props.size) !== null && _a !== void 0 ? _a : 'middle', "compactDirection": props.direction, "isFirstItem": i === 0 && (noCompactItemContext || (compactItemContext === null || compactItemContext === void 0 ? void 0 : compactItemContext.isFirstItem)), "isLastItem": i === childNodes.length - 1 && (noCompactItemContext || (compactItemContext === null || compactItemContext === void 0 ? void 0 : compactItemContext.isLastItem)) }, { default: () => [child] }); })])); }; } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Compact); /***/ }), /***/ "./components/space/index.tsx": /*!************************************!*\ !*** ./components/space/index.tsx ***! \************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ Compact: () => (/* reexport safe */ _Compact__WEBPACK_IMPORTED_MODULE_10__["default"]), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ spaceProps: () => (/* binding */ spaceProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/index.ts"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _util_hooks_useFlexGapSupport__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../_util/hooks/useFlexGapSupport */ "./components/_util/hooks/useFlexGapSupport.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _Compact__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./Compact */ "./components/space/Compact.tsx"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./style */ "./components/space/style/index.tsx"); const spaceSize = { small: 8, middle: 16, large: 24 }; const spaceProps = () => ({ prefixCls: String, size: { type: [String, Number, Array] }, direction: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].oneOf((0,_util_type__WEBPACK_IMPORTED_MODULE_4__.tuple)('horizontal', 'vertical')).def('horizontal'), align: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].oneOf((0,_util_type__WEBPACK_IMPORTED_MODULE_4__.tuple)('start', 'end', 'center', 'baseline')), wrap: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.booleanType)() }); function getNumberSize(size) { return typeof size === 'string' ? spaceSize[size] : size || 0; } const Space = (0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'ASpace', inheritAttrs: false, props: spaceProps(), slots: Object, setup(props, _ref) { let { slots, attrs } = _ref; const { prefixCls, space, direction: directionConfig } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_5__["default"])('space', props); const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_6__["default"])(prefixCls); const supportFlexGap = (0,_util_hooks_useFlexGapSupport__WEBPACK_IMPORTED_MODULE_7__["default"])(); const size = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { var _a, _b, _c; return (_c = (_a = props.size) !== null && _a !== void 0 ? _a : (_b = space === null || space === void 0 ? void 0 : space.value) === null || _b === void 0 ? void 0 : _b.size) !== null && _c !== void 0 ? _c : 'small'; }); const horizontalSize = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(); const verticalSize = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)(size, () => { [horizontalSize.value, verticalSize.value] = (Array.isArray(size.value) ? size.value : [size.value, size.value]).map(item => getNumberSize(item)); }, { immediate: true }); const mergedAlign = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.align === undefined && props.direction === 'horizontal' ? 'center' : props.align); const cn = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { return (0,_util_classNames__WEBPACK_IMPORTED_MODULE_8__["default"])(prefixCls.value, hashId.value, `${prefixCls.value}-${props.direction}`, { [`${prefixCls.value}-rtl`]: directionConfig.value === 'rtl', [`${prefixCls.value}-align-${mergedAlign.value}`]: mergedAlign.value }); }); const marginDirection = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => directionConfig.value === 'rtl' ? 'marginLeft' : 'marginRight'); const style = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { const gapStyle = {}; if (supportFlexGap.value) { gapStyle.columnGap = `${horizontalSize.value}px`; gapStyle.rowGap = `${verticalSize.value}px`; } return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, gapStyle), props.wrap && { flexWrap: 'wrap', marginBottom: `${-verticalSize.value}px` }); }); return () => { var _a, _b; const { wrap, direction = 'horizontal' } = props; const children = (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots); const items = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_9__.filterEmpty)(children); const len = items.length; if (len === 0) { return null; } const split = (_b = slots.split) === null || _b === void 0 ? void 0 : _b.call(slots); const itemClassName = `${prefixCls.value}-item`; const horizontalSizeVal = horizontalSize.value; const latestIndex = len - 1; return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, attrs), {}, { "class": [cn.value, attrs.class], "style": [style.value, attrs.style] }), [items.map((child, index) => { let originIndex = children.indexOf(child); if (originIndex === -1) { originIndex = `$$space-${index}`; } let itemStyle = {}; if (!supportFlexGap.value) { if (direction === 'vertical') { if (index < latestIndex) { itemStyle = { marginBottom: `${horizontalSizeVal / (split ? 2 : 1)}px` }; } } else { itemStyle = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, index < latestIndex && { [marginDirection.value]: `${horizontalSizeVal / (split ? 2 : 1)}px` }), wrap && { paddingBottom: `${verticalSize.value}px` }); } } return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_2__.Fragment, { "key": originIndex }, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": itemClassName, "style": itemStyle }, [child]), index < latestIndex && split && (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", { "class": `${itemClassName}-split`, "style": itemStyle }, [split])])); })]); }; } }); Space.Compact = _Compact__WEBPACK_IMPORTED_MODULE_10__["default"]; Space.install = function (app) { app.component(Space.name, Space); app.component(_Compact__WEBPACK_IMPORTED_MODULE_10__["default"].name, _Compact__WEBPACK_IMPORTED_MODULE_10__["default"]); return app; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Space); /***/ }), /***/ "./components/space/style/compact.tsx": /*!********************************************!*\ !*** ./components/space/style/compact.tsx ***! \********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); const genSpaceCompactStyle = token => { const { componentCls } = token; return { [componentCls]: { display: 'inline-flex', '&-block': { display: 'flex', width: '100%' }, '&-vertical': { flexDirection: 'column' } } }; }; // ============================== Export ============================== /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (genSpaceCompactStyle); /***/ }), /***/ "./components/space/style/index.tsx": /*!******************************************!*\ !*** ./components/space/style/index.tsx ***! \******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/genComponentStyleHook.ts"); /* harmony import */ var _compact__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./compact */ "./components/space/style/compact.tsx"); const genSpaceStyle = token => { const { componentCls } = token; return { [componentCls]: { display: 'inline-flex', '&-rtl': { direction: 'rtl' }, '&-vertical': { flexDirection: 'column' }, '&-align': { flexDirection: 'column', '&-center': { alignItems: 'center' }, '&-start': { alignItems: 'flex-start' }, '&-end': { alignItems: 'flex-end' }, '&-baseline': { alignItems: 'baseline' } }, [`${componentCls}-item`]: { '&:empty': { display: 'none' } } } }; }; // ============================== Export ============================== /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_theme_internal__WEBPACK_IMPORTED_MODULE_0__["default"])('Space', token => [genSpaceStyle(token), (0,_compact__WEBPACK_IMPORTED_MODULE_1__["default"])(token)])); /***/ }), /***/ "./components/spin/Spin.tsx": /*!**********************************!*\ !*** ./components/spin/Spin.tsx ***! \**********************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ setDefaultIndicator: () => (/* binding */ setDefaultIndicator), /* harmony export */ spinProps: () => (/* binding */ spinProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var throttle_debounce__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! throttle-debounce */ "./node_modules/throttle-debounce/esm/index.js"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/index.ts"); /* harmony import */ var _util_props_util_initDefaultProps__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/props-util/initDefaultProps */ "./components/_util/props-util/initDefaultProps.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./style */ "./components/spin/style/index.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); var __rest = undefined && undefined.__rest || function (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; }; const spinProps = () => ({ prefixCls: String, spinning: { type: Boolean, default: undefined }, size: String, wrapperClassName: String, tip: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].any, delay: Number, indicator: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].any }); // Render indicator let defaultIndicator = null; function shouldDelay(spinning, delay) { return !!spinning && !!delay && !isNaN(Number(delay)); } function setDefaultIndicator(Content) { const Indicator = Content.indicator; defaultIndicator = typeof Indicator === 'function' ? Indicator : () => (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(Indicator, null, null); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'ASpin', inheritAttrs: false, props: (0,_util_props_util_initDefaultProps__WEBPACK_IMPORTED_MODULE_4__["default"])(spinProps(), { size: 'default', spinning: true, wrapperClassName: '' }), setup(props, _ref) { let { attrs, slots } = _ref; const { prefixCls, size, direction } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_5__["default"])('spin', props); const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_6__["default"])(prefixCls); const sSpinning = (0,vue__WEBPACK_IMPORTED_MODULE_1__.shallowRef)(props.spinning && !shouldDelay(props.spinning, props.delay)); let updateSpinning; (0,vue__WEBPACK_IMPORTED_MODULE_1__.watch)([() => props.spinning, () => props.delay], () => { updateSpinning === null || updateSpinning === void 0 ? void 0 : updateSpinning.cancel(); updateSpinning = (0,throttle_debounce__WEBPACK_IMPORTED_MODULE_2__.debounce)(props.delay, () => { sSpinning.value = props.spinning; }); updateSpinning === null || updateSpinning === void 0 ? void 0 : updateSpinning(); }, { immediate: true, flush: 'post' }); (0,vue__WEBPACK_IMPORTED_MODULE_1__.onBeforeUnmount)(() => { updateSpinning === null || updateSpinning === void 0 ? void 0 : updateSpinning.cancel(); }); return () => { var _a, _b; const { class: cls } = attrs, divProps = __rest(attrs, ["class"]); const { tip = (_a = slots.tip) === null || _a === void 0 ? void 0 : _a.call(slots) } = props; const children = (_b = slots.default) === null || _b === void 0 ? void 0 : _b.call(slots); const spinClassName = { [hashId.value]: true, [prefixCls.value]: true, [`${prefixCls.value}-sm`]: size.value === 'small', [`${prefixCls.value}-lg`]: size.value === 'large', [`${prefixCls.value}-spinning`]: sSpinning.value, [`${prefixCls.value}-show-text`]: !!tip, [`${prefixCls.value}-rtl`]: direction.value === 'rtl', [cls]: !!cls }; function renderIndicator(prefixCls) { const dotClassName = `${prefixCls}-dot`; let indicator = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_7__.getPropsSlot)(slots, props, 'indicator'); // should not be render default indicator when indicator value is null if (indicator === null) { return null; } if (Array.isArray(indicator)) { indicator = indicator.length === 1 ? indicator[0] : indicator; } if ((0,vue__WEBPACK_IMPORTED_MODULE_1__.isVNode)(indicator)) { return (0,vue__WEBPACK_IMPORTED_MODULE_1__.cloneVNode)(indicator, { class: dotClassName }); } if (defaultIndicator && (0,vue__WEBPACK_IMPORTED_MODULE_1__.isVNode)(defaultIndicator())) { return (0,vue__WEBPACK_IMPORTED_MODULE_1__.cloneVNode)(defaultIndicator(), { class: dotClassName }); } return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", { "class": `${dotClassName} ${prefixCls}-dot-spin` }, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("i", { "class": `${prefixCls}-dot-item` }, null), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("i", { "class": `${prefixCls}-dot-item` }, null), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("i", { "class": `${prefixCls}-dot-item` }, null), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("i", { "class": `${prefixCls}-dot-item` }, null)]); } const spinElement = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, divProps), {}, { "class": spinClassName, "aria-live": "polite", "aria-busy": sSpinning.value }), [renderIndicator(prefixCls.value), tip ? (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${prefixCls.value}-text` }, [tip]) : null]); if (children && (0,_util_props_util__WEBPACK_IMPORTED_MODULE_7__.filterEmpty)(children).length) { const containerClassName = { [`${prefixCls.value}-container`]: true, [`${prefixCls.value}-blur`]: sSpinning.value }; return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": [`${prefixCls.value}-nested-loading`, props.wrapperClassName, hashId.value] }, [sSpinning.value && (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "key": "loading" }, [spinElement]), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": containerClassName, "key": "container" }, [children])])); } return wrapSSR(spinElement); }; } })); /***/ }), /***/ "./components/spin/index.ts": /*!**********************************!*\ !*** ./components/spin/index.ts ***! \**********************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ spinProps: () => (/* reexport safe */ _Spin__WEBPACK_IMPORTED_MODULE_0__.spinProps) /* harmony export */ }); /* harmony import */ var _Spin__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Spin */ "./components/spin/Spin.tsx"); _Spin__WEBPACK_IMPORTED_MODULE_0__["default"].setDefaultIndicator = _Spin__WEBPACK_IMPORTED_MODULE_0__.setDefaultIndicator; /* istanbul ignore next */ _Spin__WEBPACK_IMPORTED_MODULE_0__["default"].install = function (app) { app.component(_Spin__WEBPACK_IMPORTED_MODULE_0__["default"].name, _Spin__WEBPACK_IMPORTED_MODULE_0__["default"]); return app; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_Spin__WEBPACK_IMPORTED_MODULE_0__["default"]); /***/ }), /***/ "./components/spin/style/index.ts": /*!****************************************!*\ !*** ./components/spin/style/index.ts ***! \****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _util_cssinjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../_util/cssinjs */ "./components/_util/cssinjs/Keyframes.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/genComponentStyleHook.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/statistic.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../style */ "./components/style/index.ts"); const antSpinMove = new _util_cssinjs__WEBPACK_IMPORTED_MODULE_1__["default"]('antSpinMove', { to: { opacity: 1 } }); const antRotate = new _util_cssinjs__WEBPACK_IMPORTED_MODULE_1__["default"]('antRotate', { to: { transform: 'rotate(405deg)' } }); const genSpinStyle = token => ({ [`${token.componentCls}`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_2__.resetComponent)(token)), { position: 'absolute', display: 'none', color: token.colorPrimary, textAlign: 'center', verticalAlign: 'middle', opacity: 0, transition: `transform ${token.motionDurationSlow} ${token.motionEaseInOutCirc}`, '&-spinning': { position: 'static', display: 'inline-block', opacity: 1 }, '&-nested-loading': { position: 'relative', [`> div > ${token.componentCls}`]: { position: 'absolute', top: 0, insetInlineStart: 0, zIndex: 4, display: 'block', width: '100%', height: '100%', maxHeight: token.contentHeight, [`${token.componentCls}-dot`]: { position: 'absolute', top: '50%', insetInlineStart: '50%', margin: -token.spinDotSize / 2 }, [`${token.componentCls}-text`]: { position: 'absolute', top: '50%', width: '100%', paddingTop: (token.spinDotSize - token.fontSize) / 2 + 2, textShadow: `0 1px 2px ${token.colorBgContainer}` // FIXME: shadow }, [`&${token.componentCls}-show-text ${token.componentCls}-dot`]: { marginTop: -(token.spinDotSize / 2) - 10 }, '&-sm': { [`${token.componentCls}-dot`]: { margin: -token.spinDotSizeSM / 2 }, [`${token.componentCls}-text`]: { paddingTop: (token.spinDotSizeSM - token.fontSize) / 2 + 2 }, [`&${token.componentCls}-show-text ${token.componentCls}-dot`]: { marginTop: -(token.spinDotSizeSM / 2) - 10 } }, '&-lg': { [`${token.componentCls}-dot`]: { margin: -(token.spinDotSizeLG / 2) }, [`${token.componentCls}-text`]: { paddingTop: (token.spinDotSizeLG - token.fontSize) / 2 + 2 }, [`&${token.componentCls}-show-text ${token.componentCls}-dot`]: { marginTop: -(token.spinDotSizeLG / 2) - 10 } } }, [`${token.componentCls}-container`]: { position: 'relative', transition: `opacity ${token.motionDurationSlow}`, '&::after': { position: 'absolute', top: 0, insetInlineEnd: 0, bottom: 0, insetInlineStart: 0, zIndex: 10, width: '100%', height: '100%', background: token.colorBgContainer, opacity: 0, transition: `all ${token.motionDurationSlow}`, content: '""', pointerEvents: 'none' } }, [`${token.componentCls}-blur`]: { clear: 'both', opacity: 0.5, userSelect: 'none', pointerEvents: 'none', [`&::after`]: { opacity: 0.4, pointerEvents: 'auto' } } }, // tip // ------------------------------ [`&-tip`]: { color: token.spinDotDefault }, // dots // ------------------------------ [`${token.componentCls}-dot`]: { position: 'relative', display: 'inline-block', fontSize: token.spinDotSize, width: '1em', height: '1em', '&-item': { position: 'absolute', display: 'block', width: (token.spinDotSize - token.marginXXS / 2) / 2, height: (token.spinDotSize - token.marginXXS / 2) / 2, backgroundColor: token.colorPrimary, borderRadius: '100%', transform: 'scale(0.75)', transformOrigin: '50% 50%', opacity: 0.3, animationName: antSpinMove, animationDuration: '1s', animationIterationCount: 'infinite', animationTimingFunction: 'linear', animationDirection: 'alternate', '&:nth-child(1)': { top: 0, insetInlineStart: 0 }, '&:nth-child(2)': { top: 0, insetInlineEnd: 0, animationDelay: '0.4s' }, '&:nth-child(3)': { insetInlineEnd: 0, bottom: 0, animationDelay: '0.8s' }, '&:nth-child(4)': { bottom: 0, insetInlineStart: 0, animationDelay: '1.2s' } }, '&-spin': { transform: 'rotate(45deg)', animationName: antRotate, animationDuration: '1.2s', animationIterationCount: 'infinite', animationTimingFunction: 'linear' } }, // Sizes // ------------------------------ // small [`&-sm ${token.componentCls}-dot`]: { fontSize: token.spinDotSizeSM, i: { width: (token.spinDotSizeSM - token.marginXXS / 2) / 2, height: (token.spinDotSizeSM - token.marginXXS / 2) / 2 } }, // large [`&-lg ${token.componentCls}-dot`]: { fontSize: token.spinDotSizeLG, i: { width: (token.spinDotSizeLG - token.marginXXS) / 2, height: (token.spinDotSizeLG - token.marginXXS) / 2 } }, [`&${token.componentCls}-show-text ${token.componentCls}-text`]: { display: 'block' } }) }); // ============================== Export ============================== /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_theme_internal__WEBPACK_IMPORTED_MODULE_3__["default"])('Spin', token => { const spinToken = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_4__.merge)(token, { spinDotDefault: token.colorTextDescription, spinDotSize: token.controlHeightLG / 2, spinDotSizeSM: token.controlHeightLG * 0.35, spinDotSizeLG: token.controlHeight }); return [genSpinStyle(spinToken)]; }, { contentHeight: 400 })); /***/ }), /***/ "./components/statistic/Countdown.tsx": /*!********************************************!*\ !*** ./components/statistic/Countdown.tsx ***! \********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ countdownProps: () => (/* binding */ countdownProps), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_omit__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../_util/omit */ "./components/_util/omit.ts"); /* harmony import */ var _util_props_util_initDefaultProps__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../_util/props-util/initDefaultProps */ "./components/_util/props-util/initDefaultProps.ts"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); /* harmony import */ var _Statistic__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Statistic */ "./components/statistic/Statistic.tsx"); /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./utils */ "./components/statistic/utils.ts"); const REFRESH_INTERVAL = 1000 / 30; function getTime(value) { return new Date(value).getTime(); } const countdownProps = () => { return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, (0,_Statistic__WEBPACK_IMPORTED_MODULE_3__.statisticProps)()), { value: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.someType)([Number, String, Object]), format: String, onFinish: Function, onChange: Function }); }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'AStatisticCountdown', props: (0,_util_props_util_initDefaultProps__WEBPACK_IMPORTED_MODULE_5__["default"])(countdownProps(), { format: 'HH:mm:ss' }), // emits: ['finish', 'change'], setup(props, _ref) { let { emit, slots } = _ref; const countdownId = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(); const statistic = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(); const syncTimer = () => { const { value } = props; const timestamp = getTime(value); if (timestamp >= Date.now()) { startTimer(); } else { stopTimer(); } }; const startTimer = () => { if (countdownId.value) return; const timestamp = getTime(props.value); countdownId.value = setInterval(() => { statistic.value.$forceUpdate(); if (timestamp > Date.now()) { emit('change', timestamp - Date.now()); } syncTimer(); }, REFRESH_INTERVAL); }; const stopTimer = () => { const { value } = props; if (countdownId.value) { clearInterval(countdownId.value); countdownId.value = undefined; const timestamp = getTime(value); if (timestamp < Date.now()) { emit('finish'); } } }; const formatCountdown = _ref2 => { let { value, config } = _ref2; const { format } = props; return (0,_utils__WEBPACK_IMPORTED_MODULE_6__.formatCountdown)(value, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, config), { format })); }; const valueRenderHtml = node => node; (0,vue__WEBPACK_IMPORTED_MODULE_2__.onMounted)(() => { syncTimer(); }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.onUpdated)(() => { syncTimer(); }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.onBeforeUnmount)(() => { stopTimer(); }); return () => { const value = props.value; return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_Statistic__WEBPACK_IMPORTED_MODULE_3__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "ref": statistic }, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, (0,_util_omit__WEBPACK_IMPORTED_MODULE_7__["default"])(props, ['onFinish', 'onChange'])), { value, valueRender: valueRenderHtml, formatter: formatCountdown })), slots); }; } })); /***/ }), /***/ "./components/statistic/Number.tsx": /*!*****************************************!*\ !*** ./components/statistic/Number.tsx ***! \*****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); const StatisticNumber = props => { const { value, formatter, precision, decimalSeparator, groupSeparator = '', prefixCls } = props; let valueNode; if (typeof formatter === 'function') { // Customize formatter valueNode = formatter({ value }); } else { // Internal formatter const val = String(value); const cells = val.match(/^(-?)(\d*)(\.(\d+))?$/); // Process if illegal number if (!cells) { valueNode = val; } else { const negative = cells[1]; let int = cells[2] || '0'; let decimal = cells[4] || ''; int = int.replace(/\B(?=(\d{3})+(?!\d))/g, groupSeparator); if (typeof precision === 'number') { decimal = decimal.padEnd(precision, '0').slice(0, precision > 0 ? precision : 0); } if (decimal) { decimal = `${decimalSeparator}${decimal}`; } valueNode = [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("span", { "key": "int", "class": `${prefixCls}-content-value-int` }, [negative, int]), decimal && (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("span", { "key": "decimal", "class": `${prefixCls}-content-value-decimal` }, [decimal])]; } } return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("span", { "class": `${prefixCls}-content-value` }, [valueNode]); }; StatisticNumber.displayName = 'StatisticNumber'; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (StatisticNumber); /***/ }), /***/ "./components/statistic/Statistic.tsx": /*!********************************************!*\ !*** ./components/statistic/Statistic.tsx ***! \********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ statisticProps: () => (/* binding */ statisticProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_props_util_initDefaultProps__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/props-util/initDefaultProps */ "./components/_util/props-util/initDefaultProps.ts"); /* harmony import */ var _Number__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./Number */ "./components/statistic/Number.tsx"); /* harmony import */ var _skeleton_Skeleton__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../skeleton/Skeleton */ "./components/skeleton/Skeleton.tsx"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./style */ "./components/statistic/style/index.tsx"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); // CSSINJS const statisticProps = () => ({ prefixCls: String, decimalSeparator: String, groupSeparator: String, format: String, value: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.someType)([Number, String, Object]), valueStyle: { type: Object, default: undefined }, valueRender: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.functionType)(), formatter: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.anyType)(), precision: Number, prefix: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.vNodeType)(), suffix: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.vNodeType)(), title: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.vNodeType)(), loading: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.booleanType)() }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'AStatistic', inheritAttrs: false, props: (0,_util_props_util_initDefaultProps__WEBPACK_IMPORTED_MODULE_4__["default"])(statisticProps(), { decimalSeparator: '.', groupSeparator: ',', loading: false }), slots: Object, setup(props, _ref) { let { slots, attrs } = _ref; const { prefixCls, direction } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_5__["default"])('statistic', props); // Style const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_6__["default"])(prefixCls); return () => { var _a, _b, _c, _d, _e, _f, _g; const { value = 0, valueStyle, valueRender } = props; const pre = prefixCls.value; const title = (_a = props.title) !== null && _a !== void 0 ? _a : (_b = slots.title) === null || _b === void 0 ? void 0 : _b.call(slots); const prefix = (_c = props.prefix) !== null && _c !== void 0 ? _c : (_d = slots.prefix) === null || _d === void 0 ? void 0 : _d.call(slots); const suffix = (_e = props.suffix) !== null && _e !== void 0 ? _e : (_f = slots.suffix) === null || _f === void 0 ? void 0 : _f.call(slots); const formatter = (_g = props.formatter) !== null && _g !== void 0 ? _g : slots.formatter; // data-for-update just for update component // https://github.com/vueComponent/ant-design-vue/pull/3170 let valueNode = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_Number__WEBPACK_IMPORTED_MODULE_7__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "data-for-update": Date.now() }, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, props), { prefixCls: pre, value, formatter })), null); if (valueRender) { valueNode = valueRender(valueNode); } return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, attrs), {}, { "class": [pre, { [`${pre}-rtl`]: direction.value === 'rtl' }, attrs.class, hashId.value] }), [title && (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": `${pre}-title` }, [title]), (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_skeleton_Skeleton__WEBPACK_IMPORTED_MODULE_8__["default"], { "paragraph": false, "loading": props.loading }, { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "style": valueStyle, "class": `${pre}-content` }, [prefix && (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", { "class": `${pre}-content-prefix` }, [prefix]), valueNode, suffix && (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", { "class": `${pre}-content-suffix` }, [suffix])])] })])); }; } })); /***/ }), /***/ "./components/statistic/index.ts": /*!***************************************!*\ !*** ./components/statistic/index.ts ***! \***************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ StatisticCountdown: () => (/* binding */ StatisticCountdown), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _Statistic__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Statistic */ "./components/statistic/Statistic.tsx"); /* harmony import */ var _Countdown__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Countdown */ "./components/statistic/Countdown.tsx"); _Statistic__WEBPACK_IMPORTED_MODULE_0__["default"].Countdown = _Countdown__WEBPACK_IMPORTED_MODULE_1__["default"]; /* istanbul ignore next */ _Statistic__WEBPACK_IMPORTED_MODULE_0__["default"].install = function (app) { app.component(_Statistic__WEBPACK_IMPORTED_MODULE_0__["default"].name, _Statistic__WEBPACK_IMPORTED_MODULE_0__["default"]); app.component(_Statistic__WEBPACK_IMPORTED_MODULE_0__["default"].Countdown.name, _Statistic__WEBPACK_IMPORTED_MODULE_0__["default"].Countdown); return app; }; const StatisticCountdown = _Statistic__WEBPACK_IMPORTED_MODULE_0__["default"].Countdown; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_Statistic__WEBPACK_IMPORTED_MODULE_0__["default"]); /***/ }), /***/ "./components/statistic/style/index.tsx": /*!**********************************************!*\ !*** ./components/statistic/style/index.tsx ***! \**********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/genComponentStyleHook.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/statistic.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../style */ "./components/style/index.ts"); const genStatisticStyle = token => { const { componentCls, marginXXS, padding, colorTextDescription, statisticTitleFontSize, colorTextHeading, statisticContentFontSize, statisticFontFamily } = token; return { [`${componentCls}`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_1__.resetComponent)(token)), { [`${componentCls}-title`]: { marginBottom: marginXXS, color: colorTextDescription, fontSize: statisticTitleFontSize }, [`${componentCls}-skeleton`]: { paddingTop: padding }, [`${componentCls}-content`]: { color: colorTextHeading, fontSize: statisticContentFontSize, fontFamily: statisticFontFamily, [`${componentCls}-content-value`]: { display: 'inline-block', direction: 'ltr' }, [`${componentCls}-content-prefix, ${componentCls}-content-suffix`]: { display: 'inline-block' }, [`${componentCls}-content-prefix`]: { marginInlineEnd: marginXXS }, [`${componentCls}-content-suffix`]: { marginInlineStart: marginXXS } } }) }; }; // ============================== Export ============================== /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_theme_internal__WEBPACK_IMPORTED_MODULE_2__["default"])('Statistic', token => { const { fontSizeHeading3, fontSize, fontFamily } = token; const statisticToken = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_3__.merge)(token, { statisticTitleFontSize: fontSize, statisticContentFontSize: fontSizeHeading3, statisticFontFamily: fontFamily }); return [genStatisticStyle(statisticToken)]; })); /***/ }), /***/ "./components/statistic/utils.ts": /*!***************************************!*\ !*** ./components/statistic/utils.ts ***! \***************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ formatCountdown: () => (/* binding */ formatCountdown), /* harmony export */ formatTimeStr: () => (/* binding */ formatTimeStr) /* harmony export */ }); // Countdown const timeUnits = [['Y', 1000 * 60 * 60 * 24 * 365], ['M', 1000 * 60 * 60 * 24 * 30], ['D', 1000 * 60 * 60 * 24], ['H', 1000 * 60 * 60], ['m', 1000 * 60], ['s', 1000], ['S', 1] // million seconds ]; function formatTimeStr(duration, format) { let leftDuration = duration; const escapeRegex = /\[[^\]]*]/g; const keepList = (format.match(escapeRegex) || []).map(str => str.slice(1, -1)); const templateText = format.replace(escapeRegex, '[]'); const replacedText = timeUnits.reduce((current, _ref) => { let [name, unit] = _ref; if (current.includes(name)) { const value = Math.floor(leftDuration / unit); leftDuration -= value * unit; return current.replace(new RegExp(`${name}+`, 'g'), match => { const len = match.length; return value.toString().padStart(len, '0'); }); } return current; }, templateText); let index = 0; return replacedText.replace(escapeRegex, () => { const match = keepList[index]; index += 1; return match; }); } function formatCountdown(value, config) { const { format = '' } = config; const target = new Date(value).getTime(); const current = Date.now(); const diff = Math.max(target - current, 0); return formatTimeStr(diff, format); } /***/ }), /***/ "./components/steps/index.tsx": /*!************************************!*\ !*** ./components/steps/index.tsx ***! \************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ Step: () => (/* binding */ Step), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ stepProps: () => (/* binding */ stepProps), /* harmony export */ stepsProps: () => (/* binding */ stepsProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_vue_es_icons_CloseOutlined__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/CloseOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/CloseOutlined.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_CheckOutlined__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/CheckOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/CheckOutlined.js"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); /* harmony import */ var _util_props_util_initDefaultProps__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/props-util/initDefaultProps */ "./components/_util/props-util/initDefaultProps.ts"); /* harmony import */ var _vc_steps__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../vc-steps */ "./components/vc-steps/index.ts"); /* harmony import */ var _vc_steps__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../vc-steps/Step */ "./components/vc-steps/Step.tsx"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _util_hooks_useBreakpoint__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../_util/hooks/useBreakpoint */ "./components/_util/hooks/useBreakpoint.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _progress__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../progress */ "./components/progress/index.ts"); /* harmony import */ var _util_omit__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../_util/omit */ "./components/_util/omit.ts"); /* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../tooltip */ "./components/tooltip/index.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../theme/internal */ "./components/theme/internal.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./style */ "./components/steps/style/index.tsx"); // CSSINJS const stepsProps = () => ({ prefixCls: String, iconPrefix: String, current: Number, initial: Number, percent: Number, responsive: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.booleanType)(), items: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.arrayType)(), labelPlacement: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.stringType)(), status: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.stringType)(), size: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.stringType)(), direction: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.stringType)(), progressDot: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.someType)([Boolean, Function]), type: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.stringType)(), onChange: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.functionType)(), 'onUpdate:current': (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.functionType)() }); const stepProps = () => ({ description: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.anyType)(), icon: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.anyType)(), status: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.stringType)(), disabled: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.booleanType)(), title: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.anyType)(), subTitle: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.anyType)(), onClick: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.functionType)() }); const Steps = (0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'ASteps', inheritAttrs: false, props: (0,_util_props_util_initDefaultProps__WEBPACK_IMPORTED_MODULE_4__["default"])(stepsProps(), { current: 0, responsive: true, labelPlacement: 'horizontal' }), slots: Object, // emits: ['update:current', 'change'], setup(props, _ref) { let { attrs, slots, emit } = _ref; const { prefixCls, direction: rtlDirection, configProvider } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_5__["default"])('steps', props); // style const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_6__["default"])(prefixCls); const [, token] = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_7__.useToken)(); const screens = (0,_util_hooks_useBreakpoint__WEBPACK_IMPORTED_MODULE_8__["default"])(); const direction = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.responsive && screens.value.xs ? 'vertical' : props.direction); const iconPrefix = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => configProvider.getPrefixCls('', props.iconPrefix)); const handleChange = current => { emit('update:current', current); emit('change', current); }; const isInline = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.type === 'inline'); const mergedPercent = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => isInline.value ? undefined : props.percent); const stepIconRender = _ref2 => { let { node, status } = _ref2; if (status === 'process' && props.percent !== undefined) { // currently it's hard-coded, since we can't easily read the actually width of icon const progressWidth = props.size === 'small' ? token.value.controlHeight : token.value.controlHeightLG; const iconWithProgress = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": `${prefixCls.value}-progress-icon` }, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_progress__WEBPACK_IMPORTED_MODULE_9__["default"], { "type": "circle", "percent": mergedPercent.value, "size": progressWidth, "strokeWidth": 4, "format": () => null }, null), node]); return iconWithProgress; } return node; }; const icons = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => ({ finish: (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_ant_design_icons_vue_es_icons_CheckOutlined__WEBPACK_IMPORTED_MODULE_10__["default"], { "class": `${prefixCls.value}-finish-icon` }, null), error: (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_ant_design_icons_vue_es_icons_CloseOutlined__WEBPACK_IMPORTED_MODULE_11__["default"], { "class": `${prefixCls.value}-error-icon` }, null) })); return () => { const stepsClassName = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_12__["default"])({ [`${prefixCls.value}-rtl`]: rtlDirection.value === 'rtl', [`${prefixCls.value}-with-progress`]: mergedPercent.value !== undefined }, attrs.class, hashId.value); const itemRender = (item, stepItem) => item.description ? (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_tooltip__WEBPACK_IMPORTED_MODULE_13__["default"], { "title": item.description }, { default: () => [stepItem] }) : stepItem; return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_vc_steps__WEBPACK_IMPORTED_MODULE_14__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "icons": icons.value }, attrs), (0,_util_omit__WEBPACK_IMPORTED_MODULE_15__["default"])(props, ['percent', 'responsive'])), {}, { "items": props.items, "direction": direction.value, "prefixCls": prefixCls.value, "iconPrefix": iconPrefix.value, "class": stepsClassName, "onChange": handleChange, "isInline": isInline.value, "itemRender": isInline.value ? itemRender : undefined }), (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({ stepIcon: stepIconRender }, slots))); }; } }); /* istanbul ignore next */ const Step = (0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({ compatConfig: { MODE: 3 } }, _vc_steps__WEBPACK_IMPORTED_MODULE_16__["default"]), { name: 'AStep', props: (0,_vc_steps__WEBPACK_IMPORTED_MODULE_16__.VcStepProps)() })); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])(Steps, { Step, install: app => { app.component(Steps.name, Steps); app.component(Step.name, Step); return app; } })); /***/ }), /***/ "./components/steps/style/custom-icon.ts": /*!***********************************************!*\ !*** ./components/steps/style/custom-icon.ts ***! \***********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); const genStepsCustomIconStyle = token => { const { componentCls, stepsIconCustomTop, stepsIconCustomSize, stepsIconCustomFontSize } = token; return { [`${componentCls}-item-custom`]: { [`> ${componentCls}-item-container > ${componentCls}-item-icon`]: { height: 'auto', background: 'none', border: 0, [`> ${componentCls}-icon`]: { top: stepsIconCustomTop, width: stepsIconCustomSize, height: stepsIconCustomSize, fontSize: stepsIconCustomFontSize, lineHeight: `${stepsIconCustomSize}px` } } }, // Only adjust horizontal customize icon width [`&:not(${componentCls}-vertical)`]: { [`${componentCls}-item-custom`]: { [`${componentCls}-item-icon`]: { width: 'auto', background: 'none' } } } }; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (genStepsCustomIconStyle); /***/ }), /***/ "./components/steps/style/index.tsx": /*!******************************************!*\ !*** ./components/steps/style/index.tsx ***! \******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/genComponentStyleHook.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/statistic.ts"); /* harmony import */ var _custom_icon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./custom-icon */ "./components/steps/style/custom-icon.ts"); /* harmony import */ var _label_placement__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./label-placement */ "./components/steps/style/label-placement.ts"); /* harmony import */ var _nav__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./nav */ "./components/steps/style/nav.ts"); /* harmony import */ var _progress__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./progress */ "./components/steps/style/progress.ts"); /* harmony import */ var _progress_dot__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./progress-dot */ "./components/steps/style/progress-dot.ts"); /* harmony import */ var _rtl__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./rtl */ "./components/steps/style/rtl.ts"); /* harmony import */ var _small__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./small */ "./components/steps/style/small.ts"); /* harmony import */ var _vertical__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./vertical */ "./components/steps/style/vertical.ts"); /* harmony import */ var _inline__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./inline */ "./components/steps/style/inline.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../style */ "./components/style/index.ts"); var StepItemStatusEnum; (function (StepItemStatusEnum) { StepItemStatusEnum["wait"] = "wait"; StepItemStatusEnum["process"] = "process"; StepItemStatusEnum["finish"] = "finish"; StepItemStatusEnum["error"] = "error"; })(StepItemStatusEnum || (StepItemStatusEnum = {})); const genStepsItemStatusStyle = (status, token) => { const prefix = `${token.componentCls}-item`; const iconColorKey = `${status}IconColor`; const titleColorKey = `${status}TitleColor`; const descriptionColorKey = `${status}DescriptionColor`; const tailColorKey = `${status}TailColor`; const iconBgColorKey = `${status}IconBgColor`; const iconBorderColorKey = `${status}IconBorderColor`; const dotColorKey = `${status}DotColor`; return { [`${prefix}-${status} ${prefix}-icon`]: { backgroundColor: token[iconBgColorKey], borderColor: token[iconBorderColorKey], [`> ${token.componentCls}-icon`]: { color: token[iconColorKey], [`${token.componentCls}-icon-dot`]: { background: token[dotColorKey] } } }, [`${prefix}-${status}${prefix}-custom ${prefix}-icon`]: { [`> ${token.componentCls}-icon`]: { color: token[dotColorKey] } }, [`${prefix}-${status} > ${prefix}-container > ${prefix}-content > ${prefix}-title`]: { color: token[titleColorKey], '&::after': { backgroundColor: token[tailColorKey] } }, [`${prefix}-${status} > ${prefix}-container > ${prefix}-content > ${prefix}-description`]: { color: token[descriptionColorKey] }, [`${prefix}-${status} > ${prefix}-container > ${prefix}-tail::after`]: { backgroundColor: token[tailColorKey] } }; }; const genStepsItemStyle = token => { const { componentCls, motionDurationSlow } = token; const stepsItemCls = `${componentCls}-item`; // .ant-steps-item return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ [stepsItemCls]: { position: 'relative', display: 'inline-block', flex: 1, overflow: 'hidden', verticalAlign: 'top', '&:last-child': { flex: 'none', [`> ${stepsItemCls}-container > ${stepsItemCls}-tail, > ${stepsItemCls}-container > ${stepsItemCls}-content > ${stepsItemCls}-title::after`]: { display: 'none' } } }, [`${stepsItemCls}-container`]: { outline: 'none' }, [`${stepsItemCls}-icon, ${stepsItemCls}-content`]: { display: 'inline-block', verticalAlign: 'top' }, [`${stepsItemCls}-icon`]: { width: token.stepsIconSize, height: token.stepsIconSize, marginTop: 0, marginBottom: 0, marginInlineStart: 0, marginInlineEnd: token.marginXS, fontSize: token.stepsIconFontSize, fontFamily: token.fontFamily, lineHeight: `${token.stepsIconSize}px`, textAlign: 'center', borderRadius: token.stepsIconSize, border: `${token.lineWidth}px ${token.lineType} transparent`, transition: `background-color ${motionDurationSlow}, border-color ${motionDurationSlow}`, [`${componentCls}-icon`]: { position: 'relative', top: token.stepsIconTop, color: token.colorPrimary, lineHeight: 1 } }, [`${stepsItemCls}-tail`]: { position: 'absolute', top: token.stepsIconSize / 2 - token.paddingXXS, insetInlineStart: 0, width: '100%', '&::after': { display: 'inline-block', width: '100%', height: token.lineWidth, background: token.colorSplit, borderRadius: token.lineWidth, transition: `background ${motionDurationSlow}`, content: '""' } }, [`${stepsItemCls}-title`]: { position: 'relative', display: 'inline-block', paddingInlineEnd: token.padding, color: token.colorText, fontSize: token.fontSizeLG, lineHeight: `${token.stepsTitleLineHeight}px`, '&::after': { position: 'absolute', top: token.stepsTitleLineHeight / 2, insetInlineStart: '100%', display: 'block', width: 9999, height: token.lineWidth, background: token.processTailColor, content: '""' } }, [`${stepsItemCls}-subtitle`]: { display: 'inline', marginInlineStart: token.marginXS, color: token.colorTextDescription, fontWeight: 'normal', fontSize: token.fontSize }, [`${stepsItemCls}-description`]: { color: token.colorTextDescription, fontSize: token.fontSize } }, genStepsItemStatusStyle(StepItemStatusEnum.wait, token)), genStepsItemStatusStyle(StepItemStatusEnum.process, token)), { [`${stepsItemCls}-process > ${stepsItemCls}-container > ${stepsItemCls}-title`]: { fontWeight: token.fontWeightStrong } }), genStepsItemStatusStyle(StepItemStatusEnum.finish, token)), genStepsItemStatusStyle(StepItemStatusEnum.error, token)), { [`${stepsItemCls}${componentCls}-next-error > ${componentCls}-item-title::after`]: { background: token.colorError }, [`${stepsItemCls}-disabled`]: { cursor: 'not-allowed' } }); }; // ============================= Clickable =========================== const genStepsClickableStyle = token => { const { componentCls, motionDurationSlow } = token; return { [`& ${componentCls}-item`]: { [`&:not(${componentCls}-item-active)`]: { [`& > ${componentCls}-item-container[role='button']`]: { cursor: 'pointer', [`${componentCls}-item`]: { [`&-title, &-subtitle, &-description, &-icon ${componentCls}-icon`]: { transition: `color ${motionDurationSlow}` } }, '&:hover': { [`${componentCls}-item`]: { [`&-title, &-subtitle, &-description`]: { color: token.colorPrimary } } } }, [`&:not(${componentCls}-item-process)`]: { [`& > ${componentCls}-item-container[role='button']:hover`]: { [`${componentCls}-item`]: { '&-icon': { borderColor: token.colorPrimary, [`${componentCls}-icon`]: { color: token.colorPrimary } } } } } } }, [`&${componentCls}-horizontal:not(${componentCls}-label-vertical)`]: { [`${componentCls}-item`]: { paddingInlineStart: token.padding, whiteSpace: 'nowrap', '&:first-child': { paddingInlineStart: 0 }, [`&:last-child ${componentCls}-item-title`]: { paddingInlineEnd: 0 }, '&-tail': { display: 'none' }, '&-description': { maxWidth: token.descriptionWidth, whiteSpace: 'normal' } } } }; }; const genStepsStyle = token => { const { componentCls } = token; // .ant-steps return { [componentCls]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_1__.resetComponent)(token)), { display: 'flex', width: '100%', fontSize: 0, textAlign: 'initial' }), genStepsItemStyle(token)), genStepsClickableStyle(token)), (0,_custom_icon__WEBPACK_IMPORTED_MODULE_2__["default"])(token)), (0,_small__WEBPACK_IMPORTED_MODULE_3__["default"])(token)), (0,_vertical__WEBPACK_IMPORTED_MODULE_4__["default"])(token)), (0,_label_placement__WEBPACK_IMPORTED_MODULE_5__["default"])(token)), (0,_progress_dot__WEBPACK_IMPORTED_MODULE_6__["default"])(token)), (0,_nav__WEBPACK_IMPORTED_MODULE_7__["default"])(token)), (0,_rtl__WEBPACK_IMPORTED_MODULE_8__["default"])(token)), (0,_progress__WEBPACK_IMPORTED_MODULE_9__["default"])(token)), (0,_inline__WEBPACK_IMPORTED_MODULE_10__["default"])(token)) }; }; // ============================== Export ============================== /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_theme_internal__WEBPACK_IMPORTED_MODULE_11__["default"])('Steps', token => { const { wireframe, colorTextDisabled, fontSizeHeading3, fontSize, controlHeight, controlHeightLG, colorTextLightSolid, colorText, colorPrimary, colorTextLabel, colorTextDescription, colorTextQuaternary, colorFillContent, controlItemBgActive, colorError, colorBgContainer, colorBorderSecondary } = token; const stepsIconSize = token.controlHeight; const processTailColor = token.colorSplit; const stepsToken = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_12__.merge)(token, { // Steps variable default.less processTailColor, stepsNavArrowColor: colorTextDisabled, stepsIconSize, stepsIconCustomSize: stepsIconSize, stepsIconCustomTop: 0, stepsIconCustomFontSize: controlHeightLG / 2, stepsIconTop: -0.5, stepsIconFontSize: fontSize, stepsTitleLineHeight: controlHeight, stepsSmallIconSize: fontSizeHeading3, stepsDotSize: controlHeight / 4, stepsCurrentDotSize: controlHeightLG / 4, stepsNavContentMaxWidth: 'auto', // Steps component less variable processIconColor: colorTextLightSolid, processTitleColor: colorText, processDescriptionColor: colorText, processIconBgColor: colorPrimary, processIconBorderColor: colorPrimary, processDotColor: colorPrimary, waitIconColor: wireframe ? colorTextDisabled : colorTextLabel, waitTitleColor: colorTextDescription, waitDescriptionColor: colorTextDescription, waitTailColor: processTailColor, waitIconBgColor: wireframe ? colorBgContainer : colorFillContent, waitIconBorderColor: wireframe ? colorTextDisabled : 'transparent', waitDotColor: colorTextDisabled, finishIconColor: colorPrimary, finishTitleColor: colorText, finishDescriptionColor: colorTextDescription, finishTailColor: colorPrimary, finishIconBgColor: wireframe ? colorBgContainer : controlItemBgActive, finishIconBorderColor: wireframe ? colorPrimary : controlItemBgActive, finishDotColor: colorPrimary, errorIconColor: colorTextLightSolid, errorTitleColor: colorError, errorDescriptionColor: colorError, errorTailColor: processTailColor, errorIconBgColor: colorError, errorIconBorderColor: colorError, errorDotColor: colorError, stepsNavActiveColor: colorPrimary, stepsProgressSize: controlHeightLG, // Steps inline variable inlineDotSize: 6, inlineTitleColor: colorTextQuaternary, inlineTailColor: colorBorderSecondary }); return [genStepsStyle(stepsToken)]; }, { descriptionWidth: 140 })); /***/ }), /***/ "./components/steps/style/inline.ts": /*!******************************************!*\ !*** ./components/steps/style/inline.ts ***! \******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); const genStepsInlineStyle = token => { const { componentCls, inlineDotSize, inlineTitleColor, inlineTailColor } = token; const containerPaddingTop = token.paddingXS + token.lineWidth; const titleStyle = { [`${componentCls}-item-container ${componentCls}-item-content ${componentCls}-item-title`]: { color: inlineTitleColor } }; return { [`&${componentCls}-inline`]: { width: 'auto', display: 'inline-flex', [`${componentCls}-item`]: { flex: 'none', '&-container': { padding: `${containerPaddingTop}px ${token.paddingXXS}px 0`, margin: `0 ${token.marginXXS / 2}px`, borderRadius: token.borderRadiusSM, cursor: 'pointer', transition: `background-color ${token.motionDurationMid}`, '&:hover': { background: token.controlItemBgHover }, [`&[role='button']:hover`]: { opacity: 1 } }, '&-icon': { width: inlineDotSize, height: inlineDotSize, marginInlineStart: `calc(50% - ${inlineDotSize / 2}px)`, [`> ${componentCls}-icon`]: { top: 0 }, [`${componentCls}-icon-dot`]: { borderRadius: token.fontSizeSM / 4 } }, '&-content': { width: 'auto', marginTop: token.marginXS - token.lineWidth }, '&-title': { color: inlineTitleColor, fontSize: token.fontSizeSM, lineHeight: token.lineHeightSM, fontWeight: 'normal', marginBottom: token.marginXXS / 2 }, '&-description': { display: 'none' }, '&-tail': { marginInlineStart: 0, top: containerPaddingTop + inlineDotSize / 2, transform: `translateY(-50%)`, '&:after': { width: '100%', height: token.lineWidth, borderRadius: 0, marginInlineStart: 0, background: inlineTailColor } }, [`&:first-child ${componentCls}-item-tail`]: { width: '50%', marginInlineStart: '50%' }, [`&:last-child ${componentCls}-item-tail`]: { display: 'block', width: '50%' }, '&-wait': (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ [`${componentCls}-item-icon ${componentCls}-icon ${componentCls}-icon-dot`]: { backgroundColor: token.colorBorderBg, border: `${token.lineWidth}px ${token.lineType} ${inlineTailColor}` } }, titleStyle), '&-finish': (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ [`${componentCls}-item-tail::after`]: { backgroundColor: inlineTailColor }, [`${componentCls}-item-icon ${componentCls}-icon ${componentCls}-icon-dot`]: { backgroundColor: inlineTailColor, border: `${token.lineWidth}px ${token.lineType} ${inlineTailColor}` } }, titleStyle), '&-error': titleStyle, '&-active, &-process': (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ [`${componentCls}-item-icon`]: { width: inlineDotSize, height: inlineDotSize, marginInlineStart: `calc(50% - ${inlineDotSize / 2}px)`, top: 0 } }, titleStyle), [`&:not(${componentCls}-item-active) > ${componentCls}-item-container[role='button']:hover`]: { [`${componentCls}-item-title`]: { color: inlineTitleColor } } } } }; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (genStepsInlineStyle); /***/ }), /***/ "./components/steps/style/label-placement.ts": /*!***************************************************!*\ !*** ./components/steps/style/label-placement.ts ***! \***************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); const genStepsLabelPlacementStyle = token => { const { componentCls, stepsIconSize, lineHeight, stepsSmallIconSize } = token; return { [`&${componentCls}-label-vertical`]: { [`${componentCls}-item`]: { overflow: 'visible', '&-tail': { marginInlineStart: stepsIconSize / 2 + token.controlHeightLG, padding: `${token.paddingXXS}px ${token.paddingLG}px` }, '&-content': { display: 'block', width: (stepsIconSize / 2 + token.controlHeightLG) * 2, marginTop: token.marginSM, textAlign: 'center' }, '&-icon': { display: 'inline-block', marginInlineStart: token.controlHeightLG }, '&-title': { paddingInlineEnd: 0, paddingInlineStart: 0, '&::after': { display: 'none' } }, '&-subtitle': { display: 'block', marginBottom: token.marginXXS, marginInlineStart: 0, lineHeight } }, [`&${componentCls}-small:not(${componentCls}-dot)`]: { [`${componentCls}-item`]: { '&-icon': { marginInlineStart: token.controlHeightLG + (stepsIconSize - stepsSmallIconSize) / 2 } } } } }; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (genStepsLabelPlacementStyle); /***/ }), /***/ "./components/steps/style/nav.ts": /*!***************************************!*\ !*** ./components/steps/style/nav.ts ***! \***************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../style */ "./components/style/index.ts"); const genStepsNavStyle = token => { const { componentCls, stepsNavContentMaxWidth, stepsNavArrowColor, stepsNavActiveColor, motionDurationSlow } = token; return { [`&${componentCls}-navigation`]: { paddingTop: token.paddingSM, [`&${componentCls}-small`]: { [`${componentCls}-item`]: { '&-container': { marginInlineStart: -token.marginSM } } }, [`${componentCls}-item`]: { overflow: 'visible', textAlign: 'center', '&-container': { display: 'inline-block', height: '100%', marginInlineStart: -token.margin, paddingBottom: token.paddingSM, textAlign: 'start', transition: `opacity ${motionDurationSlow}`, [`${componentCls}-item-content`]: { maxWidth: stepsNavContentMaxWidth }, [`${componentCls}-item-title`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ maxWidth: '100%', paddingInlineEnd: 0 }, _style__WEBPACK_IMPORTED_MODULE_1__.textEllipsis), { '&::after': { display: 'none' } }) }, [`&:not(${componentCls}-item-active)`]: { [`${componentCls}-item-container[role='button']`]: { cursor: 'pointer', '&:hover': { opacity: 0.85 } } }, '&:last-child': { flex: 1, '&::after': { display: 'none' } }, '&::after': { position: 'absolute', top: `calc(50% - ${token.paddingSM / 2}px)`, insetInlineStart: '100%', display: 'inline-block', width: token.fontSizeIcon, height: token.fontSizeIcon, borderTop: `${token.lineWidth}px ${token.lineType} ${stepsNavArrowColor}`, borderBottom: 'none', borderInlineStart: 'none', borderInlineEnd: `${token.lineWidth}px ${token.lineType} ${stepsNavArrowColor}`, transform: 'translateY(-50%) translateX(-50%) rotate(45deg)', content: '""' }, '&::before': { position: 'absolute', bottom: 0, insetInlineStart: '50%', display: 'inline-block', width: 0, height: token.lineWidthBold, backgroundColor: stepsNavActiveColor, transition: `width ${motionDurationSlow}, inset-inline-start ${motionDurationSlow}`, transitionTimingFunction: 'ease-out', content: '""' } }, [`${componentCls}-item${componentCls}-item-active::before`]: { insetInlineStart: 0, width: '100%' } }, [`&${componentCls}-navigation${componentCls}-vertical`]: { [`> ${componentCls}-item`]: { marginInlineEnd: 0, '&::before': { display: 'none' }, [`&${componentCls}-item-active::before`]: { top: 0, insetInlineEnd: 0, insetInlineStart: 'unset', display: 'block', width: token.lineWidth * 3, height: `calc(100% - ${token.marginLG}px)` }, '&::after': { position: 'relative', insetInlineStart: '50%', display: 'block', width: token.controlHeight * 0.25, height: token.controlHeight * 0.25, marginBottom: token.marginXS, textAlign: 'center', transform: 'translateY(-50%) translateX(-50%) rotate(135deg)' }, [`> ${componentCls}-item-container > ${componentCls}-item-tail`]: { visibility: 'hidden' } } }, [`&${componentCls}-navigation${componentCls}-horizontal`]: { [`> ${componentCls}-item > ${componentCls}-item-container > ${componentCls}-item-tail`]: { visibility: 'hidden' } } }; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (genStepsNavStyle); /***/ }), /***/ "./components/steps/style/progress-dot.ts": /*!************************************************!*\ !*** ./components/steps/style/progress-dot.ts ***! \************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); const genStepsProgressDotStyle = token => { const { componentCls, descriptionWidth, lineHeight, stepsCurrentDotSize, stepsDotSize, motionDurationSlow } = token; return { [`&${componentCls}-dot, &${componentCls}-dot${componentCls}-small`]: { [`${componentCls}-item`]: { '&-title': { lineHeight }, '&-tail': { top: Math.floor((token.stepsDotSize - token.lineWidth * 3) / 2), width: '100%', marginTop: 0, marginBottom: 0, marginInline: `${descriptionWidth / 2}px 0`, padding: 0, '&::after': { width: `calc(100% - ${token.marginSM * 2}px)`, height: token.lineWidth * 3, marginInlineStart: token.marginSM } }, '&-icon': { width: stepsDotSize, height: stepsDotSize, marginInlineStart: (token.descriptionWidth - stepsDotSize) / 2, paddingInlineEnd: 0, lineHeight: `${stepsDotSize}px`, background: 'transparent', border: 0, [`${componentCls}-icon-dot`]: { position: 'relative', float: 'left', width: '100%', height: '100%', borderRadius: 100, transition: `all ${motionDurationSlow}`, /* expand hover area */ '&::after': { position: 'absolute', top: -token.marginSM, insetInlineStart: (stepsDotSize - token.controlHeightLG * 1.5) / 2, width: token.controlHeightLG * 1.5, height: token.controlHeight, background: 'transparent', content: '""' } } }, '&-content': { width: descriptionWidth }, [`&-process ${componentCls}-item-icon`]: { position: 'relative', top: (stepsDotSize - stepsCurrentDotSize) / 2, width: stepsCurrentDotSize, height: stepsCurrentDotSize, lineHeight: `${stepsCurrentDotSize}px`, background: 'none', marginInlineStart: (token.descriptionWidth - stepsCurrentDotSize) / 2 }, [`&-process ${componentCls}-icon`]: { [`&:first-child ${componentCls}-icon-dot`]: { insetInlineStart: 0 } } } }, [`&${componentCls}-vertical${componentCls}-dot`]: { [`${componentCls}-item-icon`]: { marginTop: (token.controlHeight - stepsDotSize) / 2, marginInlineStart: 0, background: 'none' }, [`${componentCls}-item-process ${componentCls}-item-icon`]: { marginTop: (token.controlHeight - stepsCurrentDotSize) / 2, top: 0, insetInlineStart: (stepsDotSize - stepsCurrentDotSize) / 2, marginInlineStart: 0 }, // https://github.com/ant-design/ant-design/issues/18354 [`${componentCls}-item > ${componentCls}-item-container > ${componentCls}-item-tail`]: { top: (token.controlHeight - stepsDotSize) / 2, insetInlineStart: 0, margin: 0, padding: `${stepsDotSize + token.paddingXS}px 0 ${token.paddingXS}px`, '&::after': { marginInlineStart: (stepsDotSize - token.lineWidth) / 2 } }, [`&${componentCls}-small`]: { [`${componentCls}-item-icon`]: { marginTop: (token.controlHeightSM - stepsDotSize) / 2 }, [`${componentCls}-item-process ${componentCls}-item-icon`]: { marginTop: (token.controlHeightSM - stepsCurrentDotSize) / 2 }, [`${componentCls}-item > ${componentCls}-item-container > ${componentCls}-item-tail`]: { top: (token.controlHeightSM - stepsDotSize) / 2 } }, [`${componentCls}-item:first-child ${componentCls}-icon-dot`]: { insetInlineStart: 0 }, [`${componentCls}-item-content`]: { width: 'inherit' } } }; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (genStepsProgressDotStyle); /***/ }), /***/ "./components/steps/style/progress.ts": /*!********************************************!*\ !*** ./components/steps/style/progress.ts ***! \********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); const genStepsProgressStyle = token => { const { antCls, componentCls } = token; return { [`&${componentCls}-with-progress`]: { [`${componentCls}-item`]: { paddingTop: token.paddingXXS, [`&-process ${componentCls}-item-container ${componentCls}-item-icon ${componentCls}-icon`]: { color: token.processIconColor } }, [`&${componentCls}-vertical > ${componentCls}-item `]: { paddingInlineStart: token.paddingXXS, [`> ${componentCls}-item-container > ${componentCls}-item-tail`]: { top: token.marginXXS, insetInlineStart: token.stepsIconSize / 2 - token.lineWidth + token.paddingXXS } }, [`&, &${componentCls}-small`]: { [`&${componentCls}-horizontal ${componentCls}-item:first-child`]: { paddingBottom: token.paddingXXS, paddingInlineStart: token.paddingXXS } }, [`&${componentCls}-small${componentCls}-vertical > ${componentCls}-item > ${componentCls}-item-container > ${componentCls}-item-tail`]: { insetInlineStart: token.stepsSmallIconSize / 2 - token.lineWidth + token.paddingXXS }, [`&${componentCls}-label-vertical`]: { [`${componentCls}-item ${componentCls}-item-tail`]: { top: token.margin - 2 * token.lineWidth } }, [`${componentCls}-item-icon`]: { position: 'relative', [`${antCls}-progress`]: { position: 'absolute', insetBlockStart: (token.stepsIconSize - token.stepsProgressSize - token.lineWidth * 2) / 2, insetInlineStart: (token.stepsIconSize - token.stepsProgressSize - token.lineWidth * 2) / 2 } } } }; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (genStepsProgressStyle); /***/ }), /***/ "./components/steps/style/rtl.ts": /*!***************************************!*\ !*** ./components/steps/style/rtl.ts ***! \***************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); const genStepsRTLStyle = token => { const { componentCls } = token; return { [`&${componentCls}-rtl`]: { direction: 'rtl', [`${componentCls}-item`]: { '&-subtitle': { float: 'left' } }, // nav [`&${componentCls}-navigation`]: { [`${componentCls}-item::after`]: { transform: 'rotate(-45deg)' } }, // vertical [`&${componentCls}-vertical`]: { [`> ${componentCls}-item`]: { '&::after': { transform: 'rotate(225deg)' }, [`${componentCls}-item-icon`]: { float: 'right' } } }, // progress-dot [`&${componentCls}-dot`]: { [`${componentCls}-item-icon ${componentCls}-icon-dot, &${componentCls}-small ${componentCls}-item-icon ${componentCls}-icon-dot`]: { float: 'right' } } } }; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (genStepsRTLStyle); /***/ }), /***/ "./components/steps/style/small.ts": /*!*****************************************!*\ !*** ./components/steps/style/small.ts ***! \*****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); const genStepsSmallStyle = token => { const { componentCls, stepsSmallIconSize, // stepsSmallIconMargin, fontSizeSM, fontSize, colorTextDescription } = token; return { [`&${componentCls}-small`]: { [`&${componentCls}-horizontal:not(${componentCls}-label-vertical) ${componentCls}-item`]: { paddingInlineStart: token.paddingSM, '&:first-child': { paddingInlineStart: 0 } }, [`${componentCls}-item-icon`]: { width: stepsSmallIconSize, height: stepsSmallIconSize, // margin: stepsSmallIconMargin, marginTop: 0, marginBottom: 0, marginInline: `0 ${token.marginXS}px`, fontSize: fontSizeSM, lineHeight: `${stepsSmallIconSize}px`, textAlign: 'center', borderRadius: stepsSmallIconSize }, [`${componentCls}-item-title`]: { paddingInlineEnd: token.paddingSM, fontSize, lineHeight: `${stepsSmallIconSize}px`, '&::after': { top: stepsSmallIconSize / 2 } }, [`${componentCls}-item-description`]: { color: colorTextDescription, fontSize }, [`${componentCls}-item-tail`]: { top: stepsSmallIconSize / 2 - token.paddingXXS }, [`${componentCls}-item-custom ${componentCls}-item-icon`]: { width: 'inherit', height: 'inherit', lineHeight: 'inherit', background: 'none', border: 0, borderRadius: 0, [`> ${componentCls}-icon`]: { fontSize: stepsSmallIconSize, lineHeight: `${stepsSmallIconSize}px`, transform: 'none' } } } }; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (genStepsSmallStyle); /***/ }), /***/ "./components/steps/style/vertical.ts": /*!********************************************!*\ !*** ./components/steps/style/vertical.ts ***! \********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); const genStepsVerticalStyle = token => { const { componentCls, stepsSmallIconSize, stepsIconSize } = token; return { [`&${componentCls}-vertical`]: { display: 'flex', flexDirection: 'column', [`> ${componentCls}-item`]: { display: 'block', flex: '1 0 auto', paddingInlineStart: 0, overflow: 'visible', [`${componentCls}-item-icon`]: { float: 'left', marginInlineEnd: token.margin }, [`${componentCls}-item-content`]: { display: 'block', minHeight: token.controlHeight * 1.5, overflow: 'hidden' }, [`${componentCls}-item-title`]: { lineHeight: `${stepsIconSize}px` }, [`${componentCls}-item-description`]: { paddingBottom: token.paddingSM } }, [`> ${componentCls}-item > ${componentCls}-item-container > ${componentCls}-item-tail`]: { position: 'absolute', top: 0, insetInlineStart: token.stepsIconSize / 2 - token.lineWidth, width: token.lineWidth, height: '100%', padding: `${stepsIconSize + token.marginXXS * 1.5}px 0 ${token.marginXXS * 1.5}px`, '&::after': { width: token.lineWidth, height: '100%' } }, [`> ${componentCls}-item:not(:last-child) > ${componentCls}-item-container > ${componentCls}-item-tail`]: { display: 'block' }, [` > ${componentCls}-item > ${componentCls}-item-container > ${componentCls}-item-content > ${componentCls}-item-title`]: { '&::after': { display: 'none' } }, [`&${componentCls}-small ${componentCls}-item-container`]: { [`${componentCls}-item-tail`]: { position: 'absolute', top: 0, insetInlineStart: token.stepsSmallIconSize / 2 - token.lineWidth, padding: `${stepsSmallIconSize + token.marginXXS * 1.5}px 0 ${token.marginXXS * 1.5}px` }, [`${componentCls}-item-title`]: { lineHeight: `${stepsSmallIconSize}px` } } } }; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (genStepsVerticalStyle); /***/ }), /***/ "./components/style/compact-item-vertical.ts": /*!***************************************************!*\ !*** ./components/style/compact-item-vertical.ts ***! \***************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ genCompactItemVerticalStyle: () => (/* binding */ genCompactItemVerticalStyle) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); function compactItemVerticalBorder(token, parentCls) { return { // border collapse [`&-item:not(${parentCls}-last-item)`]: { marginBottom: -token.lineWidth }, '&-item': { '&:hover,&:focus,&:active': { zIndex: 2 }, '&[disabled]': { zIndex: 0 } } }; } function compactItemBorderVerticalRadius(prefixCls, parentCls) { return { [`&-item:not(${parentCls}-first-item):not(${parentCls}-last-item)`]: { borderRadius: 0 }, [`&-item${parentCls}-first-item:not(${parentCls}-last-item)`]: { [`&, &${prefixCls}-sm, &${prefixCls}-lg`]: { borderEndEndRadius: 0, borderEndStartRadius: 0 } }, [`&-item${parentCls}-last-item:not(${parentCls}-first-item)`]: { [`&, &${prefixCls}-sm, &${prefixCls}-lg`]: { borderStartStartRadius: 0, borderStartEndRadius: 0 } } }; } function genCompactItemVerticalStyle(token) { const compactCls = `${token.componentCls}-compact-vertical`; return { [compactCls]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, compactItemVerticalBorder(token, compactCls)), compactItemBorderVerticalRadius(token.componentCls, compactCls)) }; } /***/ }), /***/ "./components/style/compact-item.ts": /*!******************************************!*\ !*** ./components/style/compact-item.ts ***! \******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ genCompactItemStyle: () => (/* binding */ genCompactItemStyle) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); // handle border collapse function compactItemBorder(token, parentCls, options) { const { focusElCls, focus, borderElCls } = options; const childCombinator = borderElCls ? '> *' : ''; const hoverEffects = ['hover', focus ? 'focus' : null, 'active'].filter(Boolean).map(n => `&:${n} ${childCombinator}`).join(','); return { [`&-item:not(${parentCls}-last-item)`]: { marginInlineEnd: -token.lineWidth }, '&-item': (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ [hoverEffects]: { zIndex: 2 } }, focusElCls ? { [`&${focusElCls}`]: { zIndex: 2 } } : {}), { [`&[disabled] ${childCombinator}`]: { zIndex: 0 } }) }; } // handle border-radius function compactItemBorderRadius(prefixCls, parentCls, options) { const { borderElCls } = options; const childCombinator = borderElCls ? `> ${borderElCls}` : ''; return { [`&-item:not(${parentCls}-first-item):not(${parentCls}-last-item) ${childCombinator}`]: { borderRadius: 0 }, [`&-item:not(${parentCls}-last-item)${parentCls}-first-item`]: { [`& ${childCombinator}, &${prefixCls}-sm ${childCombinator}, &${prefixCls}-lg ${childCombinator}`]: { borderStartEndRadius: 0, borderEndEndRadius: 0 } }, [`&-item:not(${parentCls}-first-item)${parentCls}-last-item`]: { [`& ${childCombinator}, &${prefixCls}-sm ${childCombinator}, &${prefixCls}-lg ${childCombinator}`]: { borderStartStartRadius: 0, borderEndStartRadius: 0 } } }; } function genCompactItemStyle(token) { let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : { focus: true }; const { componentCls } = token; const compactCls = `${componentCls}-compact`; return { [compactCls]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, compactItemBorder(token, compactCls, options)), compactItemBorderRadius(componentCls, compactCls, options)) }; } /***/ }), /***/ "./components/style/index.ts": /*!***********************************!*\ !*** ./components/style/index.ts ***! \***********************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ clearFix: () => (/* binding */ clearFix), /* harmony export */ genCommonStyle: () => (/* binding */ genCommonStyle), /* harmony export */ genFocusOutline: () => (/* binding */ genFocusOutline), /* harmony export */ genFocusStyle: () => (/* binding */ genFocusStyle), /* harmony export */ genLinkStyle: () => (/* binding */ genLinkStyle), /* harmony export */ genPresetColor: () => (/* reexport safe */ _presetColor__WEBPACK_IMPORTED_MODULE_3__.genPresetColor), /* harmony export */ operationUnit: () => (/* reexport safe */ _operationUnit__WEBPACK_IMPORTED_MODULE_1__.operationUnit), /* harmony export */ resetComponent: () => (/* binding */ resetComponent), /* harmony export */ resetIcon: () => (/* binding */ resetIcon), /* harmony export */ roundedArrow: () => (/* reexport safe */ _roundedArrow__WEBPACK_IMPORTED_MODULE_2__.roundedArrow), /* harmony export */ textEllipsis: () => (/* binding */ textEllipsis) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _operationUnit__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./operationUnit */ "./components/style/operationUnit.ts"); /* harmony import */ var _roundedArrow__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./roundedArrow */ "./components/style/roundedArrow.ts"); /* harmony import */ var _presetColor__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./presetColor */ "./components/style/presetColor.tsx"); const textEllipsis = { overflow: 'hidden', whiteSpace: 'nowrap', textOverflow: 'ellipsis' }; const resetComponent = token => ({ boxSizing: 'border-box', margin: 0, padding: 0, color: token.colorText, fontSize: token.fontSize, // font-variant: @font-variant-base; lineHeight: token.lineHeight, listStyle: 'none', // font-feature-settings: @font-feature-settings-base; fontFamily: token.fontFamily }); const resetIcon = () => ({ display: 'inline-flex', alignItems: 'center', color: 'inherit', fontStyle: 'normal', lineHeight: 0, textAlign: 'center', textTransform: 'none', // for SVG icon, see https://blog.prototypr.io/align-svg-icons-to-text-and-say-goodbye-to-font-icons-d44b3d7b26b4 verticalAlign: '-0.125em', textRendering: 'optimizeLegibility', '-webkit-font-smoothing': 'antialiased', '-moz-osx-font-smoothing': 'grayscale', '> *': { lineHeight: 1 }, svg: { display: 'inline-block' } }); const clearFix = () => ({ // https://github.com/ant-design/ant-design/issues/21301#issuecomment-583955229 '&::before': { display: 'table', content: '""' }, '&::after': { // https://github.com/ant-design/ant-design/issues/21864 display: 'table', clear: 'both', content: '""' } }); const genLinkStyle = token => ({ a: { color: token.colorLink, textDecoration: token.linkDecoration, backgroundColor: 'transparent', outline: 'none', cursor: 'pointer', transition: `color ${token.motionDurationSlow}`, '-webkit-text-decoration-skip': 'objects', '&:hover': { color: token.colorLinkHover }, '&:active': { color: token.colorLinkActive }, [`&:active, &:hover`]: { textDecoration: token.linkHoverDecoration, outline: 0 }, // https://github.com/ant-design/ant-design/issues/22503 '&:focus': { textDecoration: token.linkFocusDecoration, outline: 0 }, '&[disabled]': { color: token.colorTextDisabled, cursor: 'not-allowed' } } }); const genCommonStyle = (token, componentPrefixCls) => { const { fontFamily, fontSize } = token; const rootPrefixSelector = `[class^="${componentPrefixCls}"], [class*=" ${componentPrefixCls}"]`; return { [rootPrefixSelector]: { fontFamily, fontSize, boxSizing: 'border-box', '&::before, &::after': { boxSizing: 'border-box' }, [rootPrefixSelector]: { boxSizing: 'border-box', '&::before, &::after': { boxSizing: 'border-box' } } } }; }; const genFocusOutline = token => ({ outline: `${token.lineWidthBold}px solid ${token.colorPrimaryBorder}`, outlineOffset: 1, transition: 'outline-offset 0s, outline 0s' }); const genFocusStyle = token => ({ '&:focus-visible': (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, genFocusOutline(token)) }); /***/ }), /***/ "./components/style/motion/collapse.ts": /*!*********************************************!*\ !*** ./components/style/motion/collapse.ts ***! \*********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); const genCollapseMotion = token => ({ [token.componentCls]: { // For common/openAnimation [`${token.antCls}-motion-collapse-legacy`]: { overflow: 'hidden', '&-active': { transition: `height ${token.motionDurationMid} ${token.motionEaseInOut}, opacity ${token.motionDurationMid} ${token.motionEaseInOut} !important` } }, [`${token.antCls}-motion-collapse`]: { overflow: 'hidden', transition: `height ${token.motionDurationMid} ${token.motionEaseInOut}, opacity ${token.motionDurationMid} ${token.motionEaseInOut} !important` } } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (genCollapseMotion); /***/ }), /***/ "./components/style/motion/fade.ts": /*!*****************************************!*\ !*** ./components/style/motion/fade.ts ***! \*****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ fadeIn: () => (/* binding */ fadeIn), /* harmony export */ fadeOut: () => (/* binding */ fadeOut), /* harmony export */ initFadeMotion: () => (/* binding */ initFadeMotion) /* harmony export */ }); /* harmony import */ var _util_cssinjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../_util/cssinjs */ "./components/_util/cssinjs/Keyframes.ts"); /* harmony import */ var _motion__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./motion */ "./components/style/motion/motion.ts"); const fadeIn = new _util_cssinjs__WEBPACK_IMPORTED_MODULE_0__["default"]('antFadeIn', { '0%': { opacity: 0 }, '100%': { opacity: 1 } }); const fadeOut = new _util_cssinjs__WEBPACK_IMPORTED_MODULE_0__["default"]('antFadeOut', { '0%': { opacity: 1 }, '100%': { opacity: 0 } }); const initFadeMotion = function (token) { let sameLevel = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false; const { antCls } = token; const motionCls = `${antCls}-fade`; const sameLevelPrefix = sameLevel ? '&' : ''; return [(0,_motion__WEBPACK_IMPORTED_MODULE_1__.initMotion)(motionCls, fadeIn, fadeOut, token.motionDurationMid, sameLevel), { [` ${sameLevelPrefix}${motionCls}-enter, ${sameLevelPrefix}${motionCls}-appear `]: { opacity: 0, animationTimingFunction: 'linear' }, [`${sameLevelPrefix}${motionCls}-leave`]: { animationTimingFunction: 'linear' } }]; }; /***/ }), /***/ "./components/style/motion/motion.ts": /*!*******************************************!*\ !*** ./components/style/motion/motion.ts ***! \*******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ initMotion: () => (/* binding */ initMotion) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); const initMotionCommon = duration => ({ animationDuration: duration, animationFillMode: 'both' }); // FIXME: origin less code seems same as initMotionCommon. Maybe we can safe remove const initMotionCommonLeave = duration => ({ animationDuration: duration, animationFillMode: 'both' }); const initMotion = function (motionCls, inKeyframes, outKeyframes, duration) { let sameLevel = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false; const sameLevelPrefix = sameLevel ? '&' : ''; return { [` ${sameLevelPrefix}${motionCls}-enter, ${sameLevelPrefix}${motionCls}-appear `]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, initMotionCommon(duration)), { animationPlayState: 'paused' }), [`${sameLevelPrefix}${motionCls}-leave`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, initMotionCommonLeave(duration)), { animationPlayState: 'paused' }), [` ${sameLevelPrefix}${motionCls}-enter${motionCls}-enter-active, ${sameLevelPrefix}${motionCls}-appear${motionCls}-appear-active `]: { animationName: inKeyframes, animationPlayState: 'running' }, [`${sameLevelPrefix}${motionCls}-leave${motionCls}-leave-active`]: { animationName: outKeyframes, animationPlayState: 'running', pointerEvents: 'none' } }; }; /***/ }), /***/ "./components/style/motion/move.ts": /*!*****************************************!*\ !*** ./components/style/motion/move.ts ***! \*****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ initMoveMotion: () => (/* binding */ initMoveMotion), /* harmony export */ moveDownIn: () => (/* binding */ moveDownIn), /* harmony export */ moveDownOut: () => (/* binding */ moveDownOut), /* harmony export */ moveLeftIn: () => (/* binding */ moveLeftIn), /* harmony export */ moveLeftOut: () => (/* binding */ moveLeftOut), /* harmony export */ moveRightIn: () => (/* binding */ moveRightIn), /* harmony export */ moveRightOut: () => (/* binding */ moveRightOut), /* harmony export */ moveUpIn: () => (/* binding */ moveUpIn), /* harmony export */ moveUpOut: () => (/* binding */ moveUpOut) /* harmony export */ }); /* harmony import */ var _util_cssinjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../_util/cssinjs */ "./components/_util/cssinjs/Keyframes.ts"); /* harmony import */ var _motion__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./motion */ "./components/style/motion/motion.ts"); const moveDownIn = new _util_cssinjs__WEBPACK_IMPORTED_MODULE_0__["default"]('antMoveDownIn', { '0%': { transform: 'translate3d(0, 100%, 0)', transformOrigin: '0 0', opacity: 0 }, '100%': { transform: 'translate3d(0, 0, 0)', transformOrigin: '0 0', opacity: 1 } }); const moveDownOut = new _util_cssinjs__WEBPACK_IMPORTED_MODULE_0__["default"]('antMoveDownOut', { '0%': { transform: 'translate3d(0, 0, 0)', transformOrigin: '0 0', opacity: 1 }, '100%': { transform: 'translate3d(0, 100%, 0)', transformOrigin: '0 0', opacity: 0 } }); const moveLeftIn = new _util_cssinjs__WEBPACK_IMPORTED_MODULE_0__["default"]('antMoveLeftIn', { '0%': { transform: 'translate3d(-100%, 0, 0)', transformOrigin: '0 0', opacity: 0 }, '100%': { transform: 'translate3d(0, 0, 0)', transformOrigin: '0 0', opacity: 1 } }); const moveLeftOut = new _util_cssinjs__WEBPACK_IMPORTED_MODULE_0__["default"]('antMoveLeftOut', { '0%': { transform: 'translate3d(0, 0, 0)', transformOrigin: '0 0', opacity: 1 }, '100%': { transform: 'translate3d(-100%, 0, 0)', transformOrigin: '0 0', opacity: 0 } }); const moveRightIn = new _util_cssinjs__WEBPACK_IMPORTED_MODULE_0__["default"]('antMoveRightIn', { '0%': { transform: 'translate3d(100%, 0, 0)', transformOrigin: '0 0', opacity: 0 }, '100%': { transform: 'translate3d(0, 0, 0)', transformOrigin: '0 0', opacity: 1 } }); const moveRightOut = new _util_cssinjs__WEBPACK_IMPORTED_MODULE_0__["default"]('antMoveRightOut', { '0%': { transform: 'translate3d(0, 0, 0)', transformOrigin: '0 0', opacity: 1 }, '100%': { transform: 'translate3d(100%, 0, 0)', transformOrigin: '0 0', opacity: 0 } }); const moveUpIn = new _util_cssinjs__WEBPACK_IMPORTED_MODULE_0__["default"]('antMoveUpIn', { '0%': { transform: 'translate3d(0, -100%, 0)', transformOrigin: '0 0', opacity: 0 }, '100%': { transform: 'translate3d(0, 0, 0)', transformOrigin: '0 0', opacity: 1 } }); const moveUpOut = new _util_cssinjs__WEBPACK_IMPORTED_MODULE_0__["default"]('antMoveUpOut', { '0%': { transform: 'translate3d(0, 0, 0)', transformOrigin: '0 0', opacity: 1 }, '100%': { transform: 'translate3d(0, -100%, 0)', transformOrigin: '0 0', opacity: 0 } }); const moveMotion = { 'move-up': { inKeyframes: moveUpIn, outKeyframes: moveUpOut }, 'move-down': { inKeyframes: moveDownIn, outKeyframes: moveDownOut }, 'move-left': { inKeyframes: moveLeftIn, outKeyframes: moveLeftOut }, 'move-right': { inKeyframes: moveRightIn, outKeyframes: moveRightOut } }; const initMoveMotion = (token, motionName) => { const { antCls } = token; const motionCls = `${antCls}-${motionName}`; const { inKeyframes, outKeyframes } = moveMotion[motionName]; return [(0,_motion__WEBPACK_IMPORTED_MODULE_1__.initMotion)(motionCls, inKeyframes, outKeyframes, token.motionDurationMid), { [` ${motionCls}-enter, ${motionCls}-appear `]: { opacity: 0, animationTimingFunction: token.motionEaseOutCirc }, [`${motionCls}-leave`]: { animationTimingFunction: token.motionEaseInOutCirc } }]; }; /***/ }), /***/ "./components/style/motion/slide.ts": /*!******************************************!*\ !*** ./components/style/motion/slide.ts ***! \******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ initSlideMotion: () => (/* binding */ initSlideMotion), /* harmony export */ slideDownIn: () => (/* binding */ slideDownIn), /* harmony export */ slideDownOut: () => (/* binding */ slideDownOut), /* harmony export */ slideLeftIn: () => (/* binding */ slideLeftIn), /* harmony export */ slideLeftOut: () => (/* binding */ slideLeftOut), /* harmony export */ slideRightIn: () => (/* binding */ slideRightIn), /* harmony export */ slideRightOut: () => (/* binding */ slideRightOut), /* harmony export */ slideUpIn: () => (/* binding */ slideUpIn), /* harmony export */ slideUpOut: () => (/* binding */ slideUpOut) /* harmony export */ }); /* harmony import */ var _util_cssinjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../_util/cssinjs */ "./components/_util/cssinjs/Keyframes.ts"); /* harmony import */ var _motion__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./motion */ "./components/style/motion/motion.ts"); const slideUpIn = new _util_cssinjs__WEBPACK_IMPORTED_MODULE_0__["default"]('antSlideUpIn', { '0%': { transform: 'scaleY(0.8)', transformOrigin: '0% 0%', opacity: 0 }, '100%': { transform: 'scaleY(1)', transformOrigin: '0% 0%', opacity: 1 } }); const slideUpOut = new _util_cssinjs__WEBPACK_IMPORTED_MODULE_0__["default"]('antSlideUpOut', { '0%': { transform: 'scaleY(1)', transformOrigin: '0% 0%', opacity: 1 }, '100%': { transform: 'scaleY(0.8)', transformOrigin: '0% 0%', opacity: 0 } }); const slideDownIn = new _util_cssinjs__WEBPACK_IMPORTED_MODULE_0__["default"]('antSlideDownIn', { '0%': { transform: 'scaleY(0.8)', transformOrigin: '100% 100%', opacity: 0 }, '100%': { transform: 'scaleY(1)', transformOrigin: '100% 100%', opacity: 1 } }); const slideDownOut = new _util_cssinjs__WEBPACK_IMPORTED_MODULE_0__["default"]('antSlideDownOut', { '0%': { transform: 'scaleY(1)', transformOrigin: '100% 100%', opacity: 1 }, '100%': { transform: 'scaleY(0.8)', transformOrigin: '100% 100%', opacity: 0 } }); const slideLeftIn = new _util_cssinjs__WEBPACK_IMPORTED_MODULE_0__["default"]('antSlideLeftIn', { '0%': { transform: 'scaleX(0.8)', transformOrigin: '0% 0%', opacity: 0 }, '100%': { transform: 'scaleX(1)', transformOrigin: '0% 0%', opacity: 1 } }); const slideLeftOut = new _util_cssinjs__WEBPACK_IMPORTED_MODULE_0__["default"]('antSlideLeftOut', { '0%': { transform: 'scaleX(1)', transformOrigin: '0% 0%', opacity: 1 }, '100%': { transform: 'scaleX(0.8)', transformOrigin: '0% 0%', opacity: 0 } }); const slideRightIn = new _util_cssinjs__WEBPACK_IMPORTED_MODULE_0__["default"]('antSlideRightIn', { '0%': { transform: 'scaleX(0.8)', transformOrigin: '100% 0%', opacity: 0 }, '100%': { transform: 'scaleX(1)', transformOrigin: '100% 0%', opacity: 1 } }); const slideRightOut = new _util_cssinjs__WEBPACK_IMPORTED_MODULE_0__["default"]('antSlideRightOut', { '0%': { transform: 'scaleX(1)', transformOrigin: '100% 0%', opacity: 1 }, '100%': { transform: 'scaleX(0.8)', transformOrigin: '100% 0%', opacity: 0 } }); const slideMotion = { 'slide-up': { inKeyframes: slideUpIn, outKeyframes: slideUpOut }, 'slide-down': { inKeyframes: slideDownIn, outKeyframes: slideDownOut }, 'slide-left': { inKeyframes: slideLeftIn, outKeyframes: slideLeftOut }, 'slide-right': { inKeyframes: slideRightIn, outKeyframes: slideRightOut } }; const initSlideMotion = (token, motionName) => { const { antCls } = token; const motionCls = `${antCls}-${motionName}`; const { inKeyframes, outKeyframes } = slideMotion[motionName]; return [(0,_motion__WEBPACK_IMPORTED_MODULE_1__.initMotion)(motionCls, inKeyframes, outKeyframes, token.motionDurationMid), { [` ${motionCls}-enter, ${motionCls}-appear `]: { transform: 'scale(0)', transformOrigin: '0% 0%', opacity: 0, animationTimingFunction: token.motionEaseOutQuint }, [`${motionCls}-leave`]: { animationTimingFunction: token.motionEaseInQuint } }]; }; /***/ }), /***/ "./components/style/motion/zoom.ts": /*!*****************************************!*\ !*** ./components/style/motion/zoom.ts ***! \*****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ initZoomMotion: () => (/* binding */ initZoomMotion), /* harmony export */ zoomBigIn: () => (/* binding */ zoomBigIn), /* harmony export */ zoomBigOut: () => (/* binding */ zoomBigOut), /* harmony export */ zoomDownIn: () => (/* binding */ zoomDownIn), /* harmony export */ zoomDownOut: () => (/* binding */ zoomDownOut), /* harmony export */ zoomIn: () => (/* binding */ zoomIn), /* harmony export */ zoomLeftIn: () => (/* binding */ zoomLeftIn), /* harmony export */ zoomLeftOut: () => (/* binding */ zoomLeftOut), /* harmony export */ zoomOut: () => (/* binding */ zoomOut), /* harmony export */ zoomRightIn: () => (/* binding */ zoomRightIn), /* harmony export */ zoomRightOut: () => (/* binding */ zoomRightOut), /* harmony export */ zoomUpIn: () => (/* binding */ zoomUpIn), /* harmony export */ zoomUpOut: () => (/* binding */ zoomUpOut) /* harmony export */ }); /* harmony import */ var _util_cssinjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../_util/cssinjs */ "./components/_util/cssinjs/Keyframes.ts"); /* harmony import */ var _motion__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./motion */ "./components/style/motion/motion.ts"); const zoomIn = new _util_cssinjs__WEBPACK_IMPORTED_MODULE_0__["default"]('antZoomIn', { '0%': { transform: 'scale(0.2)', opacity: 0 }, '100%': { transform: 'scale(1)', opacity: 1 } }); const zoomOut = new _util_cssinjs__WEBPACK_IMPORTED_MODULE_0__["default"]('antZoomOut', { '0%': { transform: 'scale(1)' }, '100%': { transform: 'scale(0.2)', opacity: 0 } }); const zoomBigIn = new _util_cssinjs__WEBPACK_IMPORTED_MODULE_0__["default"]('antZoomBigIn', { '0%': { transform: 'scale(0.8)', opacity: 0 }, '100%': { transform: 'scale(1)', opacity: 1 } }); const zoomBigOut = new _util_cssinjs__WEBPACK_IMPORTED_MODULE_0__["default"]('antZoomBigOut', { '0%': { transform: 'scale(1)' }, '100%': { transform: 'scale(0.8)', opacity: 0 } }); const zoomUpIn = new _util_cssinjs__WEBPACK_IMPORTED_MODULE_0__["default"]('antZoomUpIn', { '0%': { transform: 'scale(0.8)', transformOrigin: '50% 0%', opacity: 0 }, '100%': { transform: 'scale(1)', transformOrigin: '50% 0%' } }); const zoomUpOut = new _util_cssinjs__WEBPACK_IMPORTED_MODULE_0__["default"]('antZoomUpOut', { '0%': { transform: 'scale(1)', transformOrigin: '50% 0%' }, '100%': { transform: 'scale(0.8)', transformOrigin: '50% 0%', opacity: 0 } }); const zoomLeftIn = new _util_cssinjs__WEBPACK_IMPORTED_MODULE_0__["default"]('antZoomLeftIn', { '0%': { transform: 'scale(0.8)', transformOrigin: '0% 50%', opacity: 0 }, '100%': { transform: 'scale(1)', transformOrigin: '0% 50%' } }); const zoomLeftOut = new _util_cssinjs__WEBPACK_IMPORTED_MODULE_0__["default"]('antZoomLeftOut', { '0%': { transform: 'scale(1)', transformOrigin: '0% 50%' }, '100%': { transform: 'scale(0.8)', transformOrigin: '0% 50%', opacity: 0 } }); const zoomRightIn = new _util_cssinjs__WEBPACK_IMPORTED_MODULE_0__["default"]('antZoomRightIn', { '0%': { transform: 'scale(0.8)', transformOrigin: '100% 50%', opacity: 0 }, '100%': { transform: 'scale(1)', transformOrigin: '100% 50%' } }); const zoomRightOut = new _util_cssinjs__WEBPACK_IMPORTED_MODULE_0__["default"]('antZoomRightOut', { '0%': { transform: 'scale(1)', transformOrigin: '100% 50%' }, '100%': { transform: 'scale(0.8)', transformOrigin: '100% 50%', opacity: 0 } }); const zoomDownIn = new _util_cssinjs__WEBPACK_IMPORTED_MODULE_0__["default"]('antZoomDownIn', { '0%': { transform: 'scale(0.8)', transformOrigin: '50% 100%', opacity: 0 }, '100%': { transform: 'scale(1)', transformOrigin: '50% 100%' } }); const zoomDownOut = new _util_cssinjs__WEBPACK_IMPORTED_MODULE_0__["default"]('antZoomDownOut', { '0%': { transform: 'scale(1)', transformOrigin: '50% 100%' }, '100%': { transform: 'scale(0.8)', transformOrigin: '50% 100%', opacity: 0 } }); const zoomMotion = { zoom: { inKeyframes: zoomIn, outKeyframes: zoomOut }, 'zoom-big': { inKeyframes: zoomBigIn, outKeyframes: zoomBigOut }, 'zoom-big-fast': { inKeyframes: zoomBigIn, outKeyframes: zoomBigOut }, 'zoom-left': { inKeyframes: zoomLeftIn, outKeyframes: zoomLeftOut }, 'zoom-right': { inKeyframes: zoomRightIn, outKeyframes: zoomRightOut }, 'zoom-up': { inKeyframes: zoomUpIn, outKeyframes: zoomUpOut }, 'zoom-down': { inKeyframes: zoomDownIn, outKeyframes: zoomDownOut } }; const initZoomMotion = (token, motionName) => { const { antCls } = token; const motionCls = `${antCls}-${motionName}`; const { inKeyframes, outKeyframes } = zoomMotion[motionName]; return [(0,_motion__WEBPACK_IMPORTED_MODULE_1__.initMotion)(motionCls, inKeyframes, outKeyframes, motionName === 'zoom-big-fast' ? token.motionDurationFast : token.motionDurationMid), { [` ${motionCls}-enter, ${motionCls}-appear `]: { transform: 'scale(0)', opacity: 0, animationTimingFunction: token.motionEaseOutCirc, '&-prepare': { transform: 'none' } }, [`${motionCls}-leave`]: { animationTimingFunction: token.motionEaseInOutCirc } }]; }; /***/ }), /***/ "./components/style/operationUnit.ts": /*!*******************************************!*\ !*** ./components/style/operationUnit.ts ***! \*******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ operationUnit: () => (/* binding */ operationUnit) /* harmony export */ }); // eslint-disable-next-line import/prefer-default-export const operationUnit = token => ({ // FIXME: This use link but is a operation unit. Seems should be a colorPrimary. // And Typography use this to generate link style which should not do this. color: token.colorLink, textDecoration: 'none', outline: 'none', cursor: 'pointer', transition: `color ${token.motionDurationSlow}`, '&:focus, &:hover': { color: token.colorLinkHover }, '&:active': { color: token.colorLinkActive } }); /***/ }), /***/ "./components/style/placementArrow.ts": /*!********************************************!*\ !*** ./components/style/placementArrow.ts ***! \********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ MAX_VERTICAL_CONTENT_RADIUS: () => (/* binding */ MAX_VERTICAL_CONTENT_RADIUS), /* harmony export */ "default": () => (/* binding */ getArrowStyle), /* harmony export */ getArrowOffset: () => (/* binding */ getArrowOffset) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _roundedArrow__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./roundedArrow */ "./components/style/roundedArrow.ts"); function connectArrowCls(classList) { let showArrowCls = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ''; return classList.map(cls => `${showArrowCls}${cls}`).join(','); } const MAX_VERTICAL_CONTENT_RADIUS = 8; function getArrowOffset(options) { const maxVerticalContentRadius = MAX_VERTICAL_CONTENT_RADIUS; const { sizePopupArrow, contentRadius, borderRadiusOuter, limitVerticalRadius } = options; const arrowInnerOffset = sizePopupArrow / 2 - Math.ceil(borderRadiusOuter * (Math.sqrt(2) - 1)); const dropdownArrowOffset = (contentRadius > 12 ? contentRadius + 2 : 12) - arrowInnerOffset; const dropdownArrowOffsetVertical = limitVerticalRadius ? maxVerticalContentRadius - arrowInnerOffset : dropdownArrowOffset; return { dropdownArrowOffset, dropdownArrowOffsetVertical }; } function getArrowStyle(token, options) { const { componentCls, sizePopupArrow, marginXXS, borderRadiusXS, borderRadiusOuter, boxShadowPopoverArrow } = token; const { colorBg, showArrowCls, contentRadius = token.borderRadiusLG, limitVerticalRadius } = options; const { dropdownArrowOffsetVertical, dropdownArrowOffset } = getArrowOffset({ sizePopupArrow, contentRadius, borderRadiusOuter, limitVerticalRadius }); const dropdownArrowDistance = sizePopupArrow / 2 + marginXXS; return { [componentCls]: { // ============================ Basic ============================ [`${componentCls}-arrow`]: [(0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ position: 'absolute', zIndex: 1, display: 'block' }, (0,_roundedArrow__WEBPACK_IMPORTED_MODULE_1__.roundedArrow)(sizePopupArrow, borderRadiusXS, borderRadiusOuter, colorBg, boxShadowPopoverArrow)), { '&:before': { background: colorBg } })], // ========================== Placement ========================== // Here handle the arrow position and rotate stuff // >>>>> Top [[`&-placement-top ${componentCls}-arrow`, `&-placement-topLeft ${componentCls}-arrow`, `&-placement-topRight ${componentCls}-arrow`].join(',')]: { bottom: 0, transform: 'translateY(100%) rotate(180deg)' }, [`&-placement-top ${componentCls}-arrow`]: { left: { _skip_check_: true, value: '50%' }, transform: 'translateX(-50%) translateY(100%) rotate(180deg)' }, [`&-placement-topLeft ${componentCls}-arrow`]: { left: { _skip_check_: true, value: dropdownArrowOffset } }, [`&-placement-topRight ${componentCls}-arrow`]: { right: { _skip_check_: true, value: dropdownArrowOffset } }, // >>>>> Bottom [[`&-placement-bottom ${componentCls}-arrow`, `&-placement-bottomLeft ${componentCls}-arrow`, `&-placement-bottomRight ${componentCls}-arrow`].join(',')]: { top: 0, transform: `translateY(-100%)` }, [`&-placement-bottom ${componentCls}-arrow`]: { left: { _skip_check_: true, value: '50%' }, transform: `translateX(-50%) translateY(-100%)` }, [`&-placement-bottomLeft ${componentCls}-arrow`]: { left: { _skip_check_: true, value: dropdownArrowOffset } }, [`&-placement-bottomRight ${componentCls}-arrow`]: { right: { _skip_check_: true, value: dropdownArrowOffset } }, // >>>>> Left [[`&-placement-left ${componentCls}-arrow`, `&-placement-leftTop ${componentCls}-arrow`, `&-placement-leftBottom ${componentCls}-arrow`].join(',')]: { right: { _skip_check_: true, value: 0 }, transform: 'translateX(100%) rotate(90deg)' }, [`&-placement-left ${componentCls}-arrow`]: { top: { _skip_check_: true, value: '50%' }, transform: 'translateY(-50%) translateX(100%) rotate(90deg)' }, [`&-placement-leftTop ${componentCls}-arrow`]: { top: dropdownArrowOffsetVertical }, [`&-placement-leftBottom ${componentCls}-arrow`]: { bottom: dropdownArrowOffsetVertical }, // >>>>> Right [[`&-placement-right ${componentCls}-arrow`, `&-placement-rightTop ${componentCls}-arrow`, `&-placement-rightBottom ${componentCls}-arrow`].join(',')]: { left: { _skip_check_: true, value: 0 }, transform: 'translateX(-100%) rotate(-90deg)' }, [`&-placement-right ${componentCls}-arrow`]: { top: { _skip_check_: true, value: '50%' }, transform: 'translateY(-50%) translateX(-100%) rotate(-90deg)' }, [`&-placement-rightTop ${componentCls}-arrow`]: { top: dropdownArrowOffsetVertical }, [`&-placement-rightBottom ${componentCls}-arrow`]: { bottom: dropdownArrowOffsetVertical }, // =========================== Offset ============================ // Offset the popover to account for the dropdown arrow // >>>>> Top [connectArrowCls([`&-placement-topLeft`, `&-placement-top`, `&-placement-topRight`].map(cls => cls += ':not(&-arrow-hidden)'), showArrowCls)]: { paddingBottom: dropdownArrowDistance }, // >>>>> Bottom [connectArrowCls([`&-placement-bottomLeft`, `&-placement-bottom`, `&-placement-bottomRight`].map(cls => cls += ':not(&-arrow-hidden)'), showArrowCls)]: { paddingTop: dropdownArrowDistance }, // >>>>> Left [connectArrowCls([`&-placement-leftTop`, `&-placement-left`, `&-placement-leftBottom`].map(cls => cls += ':not(&-arrow-hidden)'), showArrowCls)]: { paddingRight: { _skip_check_: true, value: dropdownArrowDistance } }, // >>>>> Right [connectArrowCls([`&-placement-rightTop`, `&-placement-right`, `&-placement-rightBottom`].map(cls => cls += ':not(&-arrow-hidden)'), showArrowCls)]: { paddingLeft: { _skip_check_: true, value: dropdownArrowDistance } } } }; } /***/ }), /***/ "./components/style/presetColor.tsx": /*!******************************************!*\ !*** ./components/style/presetColor.tsx ***! \******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ genPresetColor: () => (/* binding */ genPresetColor) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _theme_interface__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../theme/interface */ "./components/theme/interface/presetColors.ts"); function genPresetColor(token, genCss) { return _theme_interface__WEBPACK_IMPORTED_MODULE_1__.PresetColors.reduce((prev, colorKey) => { const lightColor = token[`${colorKey}-1`]; const lightBorderColor = token[`${colorKey}-3`]; const darkColor = token[`${colorKey}-6`]; const textColor = token[`${colorKey}-7`]; return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, prev), genCss(colorKey, { lightColor, lightBorderColor, darkColor, textColor })); }, {}); } /***/ }), /***/ "./components/style/roundedArrow.ts": /*!******************************************!*\ !*** ./components/style/roundedArrow.ts ***! \******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ roundedArrow: () => (/* binding */ roundedArrow) /* harmony export */ }); const roundedArrow = (width, innerRadius, outerRadius, bgColor, boxShadow) => { const unitWidth = width / 2; const ax = 0; const ay = unitWidth; const bx = outerRadius * 1 / Math.sqrt(2); const by = unitWidth - outerRadius * (1 - 1 / Math.sqrt(2)); const cx = unitWidth - innerRadius * (1 / Math.sqrt(2)); const cy = outerRadius * (Math.sqrt(2) - 1) + innerRadius * (1 / Math.sqrt(2)); const dx = 2 * unitWidth - cx; const dy = cy; const ex = 2 * unitWidth - bx; const ey = by; const fx = 2 * unitWidth - ax; const fy = ay; const shadowWidth = unitWidth * Math.sqrt(2) + outerRadius * (Math.sqrt(2) - 2); const polygonOffset = outerRadius * (Math.sqrt(2) - 1); return { pointerEvents: 'none', width, height: width, overflow: 'hidden', '&::after': { content: '""', position: 'absolute', width: shadowWidth, height: shadowWidth, bottom: 0, insetInline: 0, margin: 'auto', borderRadius: { _skip_check_: true, value: `0 0 ${innerRadius}px 0` }, transform: 'translateY(50%) rotate(-135deg)', boxShadow, zIndex: 0, background: 'transparent' }, '&::before': { position: 'absolute', bottom: 0, insetInlineStart: 0, width, height: width / 2, background: bgColor, clipPath: { _multi_value_: true, value: [`polygon(${polygonOffset}px 100%, 50% ${polygonOffset}px, ${2 * unitWidth - polygonOffset}px 100%, ${polygonOffset}px 100%)`, `path('M ${ax} ${ay} A ${outerRadius} ${outerRadius} 0 0 0 ${bx} ${by} L ${cx} ${cy} A ${innerRadius} ${innerRadius} 0 0 1 ${dx} ${dy} L ${ex} ${ey} A ${outerRadius} ${outerRadius} 0 0 0 ${fx} ${fy} Z')`] }, content: '""' } }; }; /***/ }), /***/ "./components/switch/index.tsx": /*!*************************************!*\ !*** ./components/switch/index.tsx ***! \*************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ SwitchSizes: () => (/* binding */ SwitchSizes), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ switchProps: () => (/* binding */ switchProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_vue_es_icons_LoadingOutlined__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/LoadingOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/LoadingOutlined.js"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _util_KeyCode__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../_util/KeyCode */ "./components/_util/KeyCode.ts"); /* harmony import */ var _util_wave__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../_util/wave */ "./components/_util/wave/index.tsx"); /* harmony import */ var _util_warning__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../_util/warning */ "./components/_util/warning.ts"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/index.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _form_FormItemContext__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../form/FormItemContext */ "./components/form/FormItemContext.ts"); /* harmony import */ var _util_omit__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../_util/omit */ "./components/_util/omit.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./style */ "./components/switch/style/index.ts"); /* harmony import */ var _config_provider_DisabledContext__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../config-provider/DisabledContext */ "./components/config-provider/DisabledContext.ts"); const SwitchSizes = (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.tuple)('small', 'default'); const switchProps = () => ({ id: String, prefixCls: String, size: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].oneOf(SwitchSizes), disabled: { type: Boolean, default: undefined }, checkedChildren: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].any, unCheckedChildren: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].any, tabindex: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].oneOfType([_util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].string, _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].number]), autofocus: { type: Boolean, default: undefined }, loading: { type: Boolean, default: undefined }, checked: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].oneOfType([_util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].string, _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].number, _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].looseBool]), checkedValue: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].oneOfType([_util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].string, _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].number, _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].looseBool]).def(true), unCheckedValue: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].oneOfType([_util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].string, _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].number, _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].looseBool]).def(false), onChange: { type: Function }, onClick: { type: Function }, onKeydown: { type: Function }, onMouseup: { type: Function }, 'onUpdate:checked': { type: Function }, onBlur: Function, onFocus: Function }); const Switch = (0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'ASwitch', __ANT_SWITCH: true, inheritAttrs: false, props: switchProps(), slots: Object, // emits: ['update:checked', 'mouseup', 'change', 'click', 'keydown', 'blur'], setup(props, _ref) { let { attrs, slots, expose, emit } = _ref; const formItemContext = (0,_form_FormItemContext__WEBPACK_IMPORTED_MODULE_4__.useInjectFormItemContext)(); const disabledContext = (0,_config_provider_DisabledContext__WEBPACK_IMPORTED_MODULE_5__.useInjectDisabled)(); const mergedDisabled = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { var _a; return (_a = props.disabled) !== null && _a !== void 0 ? _a : disabledContext.value; }); (0,vue__WEBPACK_IMPORTED_MODULE_1__.onBeforeMount)(() => { (0,_util_warning__WEBPACK_IMPORTED_MODULE_6__["default"])(!('defaultChecked' in attrs), 'Switch', `'defaultChecked' is deprecated, please use 'v-model:checked'`); (0,_util_warning__WEBPACK_IMPORTED_MODULE_6__["default"])(!('value' in attrs), 'Switch', '`value` is not validate prop, do you mean `checked`?'); }); const checked = (0,vue__WEBPACK_IMPORTED_MODULE_1__.ref)(props.checked !== undefined ? props.checked : attrs.defaultChecked); const checkedStatus = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => checked.value === props.checkedValue); (0,vue__WEBPACK_IMPORTED_MODULE_1__.watch)(() => props.checked, () => { checked.value = props.checked; }); const { prefixCls, direction, size } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_7__["default"])('switch', props); const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_8__["default"])(prefixCls); const refSwitchNode = (0,vue__WEBPACK_IMPORTED_MODULE_1__.ref)(); const focus = () => { var _a; (_a = refSwitchNode.value) === null || _a === void 0 ? void 0 : _a.focus(); }; const blur = () => { var _a; (_a = refSwitchNode.value) === null || _a === void 0 ? void 0 : _a.blur(); }; expose({ focus, blur }); (0,vue__WEBPACK_IMPORTED_MODULE_1__.onMounted)(() => { (0,vue__WEBPACK_IMPORTED_MODULE_1__.nextTick)(() => { if (props.autofocus && !mergedDisabled.value) { refSwitchNode.value.focus(); } }); }); const setChecked = (check, e) => { if (mergedDisabled.value) { return; } emit('update:checked', check); emit('change', check, e); formItemContext.onFieldChange(); }; const handleBlur = e => { emit('blur', e); }; const handleClick = e => { focus(); const newChecked = checkedStatus.value ? props.unCheckedValue : props.checkedValue; setChecked(newChecked, e); emit('click', newChecked, e); }; const handleKeyDown = e => { if (e.keyCode === _util_KeyCode__WEBPACK_IMPORTED_MODULE_9__["default"].LEFT) { setChecked(props.unCheckedValue, e); } else if (e.keyCode === _util_KeyCode__WEBPACK_IMPORTED_MODULE_9__["default"].RIGHT) { setChecked(props.checkedValue, e); } emit('keydown', e); }; const handleMouseUp = e => { var _a; (_a = refSwitchNode.value) === null || _a === void 0 ? void 0 : _a.blur(); emit('mouseup', e); }; const classNames = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => ({ [`${prefixCls.value}-small`]: size.value === 'small', [`${prefixCls.value}-loading`]: props.loading, [`${prefixCls.value}-checked`]: checkedStatus.value, [`${prefixCls.value}-disabled`]: mergedDisabled.value, [prefixCls.value]: true, [`${prefixCls.value}-rtl`]: direction.value === 'rtl', [hashId.value]: true })); return () => { var _a; return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_util_wave__WEBPACK_IMPORTED_MODULE_10__["default"], null, { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("button", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_util_omit__WEBPACK_IMPORTED_MODULE_11__["default"])(props, ['prefixCls', 'checkedChildren', 'unCheckedChildren', 'checked', 'autofocus', 'checkedValue', 'unCheckedValue', 'id', 'onChange', 'onUpdate:checked'])), attrs), {}, { "id": (_a = props.id) !== null && _a !== void 0 ? _a : formItemContext.id.value, "onKeydown": handleKeyDown, "onClick": handleClick, "onBlur": handleBlur, "onMouseup": handleMouseUp, "type": "button", "role": "switch", "aria-checked": checked.value, "disabled": mergedDisabled.value || props.loading, "class": [attrs.class, classNames.value], "ref": refSwitchNode }), [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${prefixCls.value}-handle` }, [props.loading ? (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_ant_design_icons_vue_es_icons_LoadingOutlined__WEBPACK_IMPORTED_MODULE_12__["default"], { "class": `${prefixCls.value}-loading-icon` }, null) : null]), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", { "class": `${prefixCls.value}-inner` }, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", { "class": `${prefixCls.value}-inner-checked` }, [(0,_util_props_util__WEBPACK_IMPORTED_MODULE_13__.getPropsSlot)(slots, props, 'checkedChildren')]), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", { "class": `${prefixCls.value}-inner-unchecked` }, [(0,_util_props_util__WEBPACK_IMPORTED_MODULE_13__.getPropsSlot)(slots, props, 'unCheckedChildren')])])])] })); }; } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_util_type__WEBPACK_IMPORTED_MODULE_2__.withInstall)(Switch)); /***/ }), /***/ "./components/switch/style/index.ts": /*!******************************************!*\ !*** ./components/switch/style/index.ts ***! \******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @ctrl/tinycolor */ "./node_modules/@ctrl/tinycolor/dist/module/index.js"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/genComponentStyleHook.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/statistic.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../style */ "./components/style/index.ts"); const genSwitchSmallStyle = token => { const { componentCls } = token; const switchInnerCls = `${componentCls}-inner`; return { [componentCls]: { [`&${componentCls}-small`]: { minWidth: token.switchMinWidthSM, height: token.switchHeightSM, lineHeight: `${token.switchHeightSM}px`, [`${componentCls}-inner`]: { paddingInlineStart: token.switchInnerMarginMaxSM, paddingInlineEnd: token.switchInnerMarginMinSM, [`${switchInnerCls}-checked`]: { marginInlineStart: `calc(-100% + ${token.switchPinSizeSM + token.switchPadding * 2}px - ${token.switchInnerMarginMaxSM * 2}px)`, marginInlineEnd: `calc(100% - ${token.switchPinSizeSM + token.switchPadding * 2}px + ${token.switchInnerMarginMaxSM * 2}px)` }, [`${switchInnerCls}-unchecked`]: { marginTop: -token.switchHeightSM, marginInlineStart: 0, marginInlineEnd: 0 } }, [`${componentCls}-handle`]: { width: token.switchPinSizeSM, height: token.switchPinSizeSM }, [`${componentCls}-loading-icon`]: { top: (token.switchPinSizeSM - token.switchLoadingIconSize) / 2, fontSize: token.switchLoadingIconSize }, [`&${componentCls}-checked`]: { [`${componentCls}-inner`]: { paddingInlineStart: token.switchInnerMarginMinSM, paddingInlineEnd: token.switchInnerMarginMaxSM, [`${switchInnerCls}-checked`]: { marginInlineStart: 0, marginInlineEnd: 0 }, [`${switchInnerCls}-unchecked`]: { marginInlineStart: `calc(100% - ${token.switchPinSizeSM + token.switchPadding * 2}px + ${token.switchInnerMarginMaxSM * 2}px)`, marginInlineEnd: `calc(-100% + ${token.switchPinSizeSM + token.switchPadding * 2}px - ${token.switchInnerMarginMaxSM * 2}px)` } }, [`${componentCls}-handle`]: { insetInlineStart: `calc(100% - ${token.switchPinSizeSM + token.switchPadding}px)` } }, [`&:not(${componentCls}-disabled):active`]: { [`&:not(${componentCls}-checked) ${switchInnerCls}`]: { [`${switchInnerCls}-unchecked`]: { marginInlineStart: token.marginXXS / 2, marginInlineEnd: -token.marginXXS / 2 } }, [`&${componentCls}-checked ${switchInnerCls}`]: { [`${switchInnerCls}-checked`]: { marginInlineStart: -token.marginXXS / 2, marginInlineEnd: token.marginXXS / 2 } } } } } }; }; const genSwitchLoadingStyle = token => { const { componentCls } = token; return { [componentCls]: { [`${componentCls}-loading-icon${token.iconCls}`]: { position: 'relative', top: (token.switchPinSize - token.fontSize) / 2, color: token.switchLoadingIconColor, verticalAlign: 'top' }, [`&${componentCls}-checked ${componentCls}-loading-icon`]: { color: token.switchColor } } }; }; const genSwitchHandleStyle = token => { const { componentCls } = token; const switchHandleCls = `${componentCls}-handle`; return { [componentCls]: { [switchHandleCls]: { position: 'absolute', top: token.switchPadding, insetInlineStart: token.switchPadding, width: token.switchPinSize, height: token.switchPinSize, transition: `all ${token.switchDuration} ease-in-out`, '&::before': { position: 'absolute', top: 0, insetInlineEnd: 0, bottom: 0, insetInlineStart: 0, backgroundColor: token.colorWhite, borderRadius: token.switchPinSize / 2, boxShadow: token.switchHandleShadow, transition: `all ${token.switchDuration} ease-in-out`, content: '""' } }, [`&${componentCls}-checked ${switchHandleCls}`]: { insetInlineStart: `calc(100% - ${token.switchPinSize + token.switchPadding}px)` }, [`&:not(${componentCls}-disabled):active`]: { [`${switchHandleCls}::before`]: { insetInlineEnd: token.switchHandleActiveInset, insetInlineStart: 0 }, [`&${componentCls}-checked ${switchHandleCls}::before`]: { insetInlineEnd: 0, insetInlineStart: token.switchHandleActiveInset } } } }; }; const genSwitchInnerStyle = token => { const { componentCls } = token; const switchInnerCls = `${componentCls}-inner`; return { [componentCls]: { [switchInnerCls]: { display: 'block', overflow: 'hidden', borderRadius: 100, height: '100%', paddingInlineStart: token.switchInnerMarginMax, paddingInlineEnd: token.switchInnerMarginMin, transition: `padding-inline-start ${token.switchDuration} ease-in-out, padding-inline-end ${token.switchDuration} ease-in-out`, [`${switchInnerCls}-checked, ${switchInnerCls}-unchecked`]: { display: 'block', color: token.colorTextLightSolid, fontSize: token.fontSizeSM, transition: `margin-inline-start ${token.switchDuration} ease-in-out, margin-inline-end ${token.switchDuration} ease-in-out`, pointerEvents: 'none' }, [`${switchInnerCls}-checked`]: { marginInlineStart: `calc(-100% + ${token.switchPinSize + token.switchPadding * 2}px - ${token.switchInnerMarginMax * 2}px)`, marginInlineEnd: `calc(100% - ${token.switchPinSize + token.switchPadding * 2}px + ${token.switchInnerMarginMax * 2}px)` }, [`${switchInnerCls}-unchecked`]: { marginTop: -token.switchHeight, marginInlineStart: 0, marginInlineEnd: 0 } }, [`&${componentCls}-checked ${switchInnerCls}`]: { paddingInlineStart: token.switchInnerMarginMin, paddingInlineEnd: token.switchInnerMarginMax, [`${switchInnerCls}-checked`]: { marginInlineStart: 0, marginInlineEnd: 0 }, [`${switchInnerCls}-unchecked`]: { marginInlineStart: `calc(100% - ${token.switchPinSize + token.switchPadding * 2}px + ${token.switchInnerMarginMax * 2}px)`, marginInlineEnd: `calc(-100% + ${token.switchPinSize + token.switchPadding * 2}px - ${token.switchInnerMarginMax * 2}px)` } }, [`&:not(${componentCls}-disabled):active`]: { [`&:not(${componentCls}-checked) ${switchInnerCls}`]: { [`${switchInnerCls}-unchecked`]: { marginInlineStart: token.switchPadding * 2, marginInlineEnd: -token.switchPadding * 2 } }, [`&${componentCls}-checked ${switchInnerCls}`]: { [`${switchInnerCls}-checked`]: { marginInlineStart: -token.switchPadding * 2, marginInlineEnd: token.switchPadding * 2 } } } } }; }; const genSwitchStyle = token => { const { componentCls } = token; return { [componentCls]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_1__.resetComponent)(token)), { position: 'relative', display: 'inline-block', boxSizing: 'border-box', minWidth: token.switchMinWidth, height: token.switchHeight, lineHeight: `${token.switchHeight}px`, verticalAlign: 'middle', background: token.colorTextQuaternary, border: '0', borderRadius: 100, cursor: 'pointer', transition: `all ${token.motionDurationMid}`, userSelect: 'none', [`&:hover:not(${componentCls}-disabled)`]: { background: token.colorTextTertiary } }), (0,_style__WEBPACK_IMPORTED_MODULE_1__.genFocusStyle)(token)), { [`&${componentCls}-checked`]: { background: token.switchColor, [`&:hover:not(${componentCls}-disabled)`]: { background: token.colorPrimaryHover } }, [`&${componentCls}-loading, &${componentCls}-disabled`]: { cursor: 'not-allowed', opacity: token.switchDisabledOpacity, '*': { boxShadow: 'none', cursor: 'not-allowed' } }, // rtl style [`&${componentCls}-rtl`]: { direction: 'rtl' } }) }; }; // ============================== Export ============================== /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_theme_internal__WEBPACK_IMPORTED_MODULE_2__["default"])('Switch', token => { const switchHeight = token.fontSize * token.lineHeight; const switchHeightSM = token.controlHeight / 2; const switchPadding = 2; // This is magic const switchPinSize = switchHeight - switchPadding * 2; const switchPinSizeSM = switchHeightSM - switchPadding * 2; const switchToken = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_3__.merge)(token, { switchMinWidth: switchPinSize * 2 + switchPadding * 4, switchHeight, switchDuration: token.motionDurationMid, switchColor: token.colorPrimary, switchDisabledOpacity: token.opacityLoading, switchInnerMarginMin: switchPinSize / 2, switchInnerMarginMax: switchPinSize + switchPadding + switchPadding * 2, switchPadding, switchPinSize, switchBg: token.colorBgContainer, switchMinWidthSM: switchPinSizeSM * 2 + switchPadding * 2, switchHeightSM, switchInnerMarginMinSM: switchPinSizeSM / 2, switchInnerMarginMaxSM: switchPinSizeSM + switchPadding + switchPadding * 2, switchPinSizeSM, switchHandleShadow: `0 2px 4px 0 ${new _ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_4__.TinyColor('#00230b').setAlpha(0.2).toRgbString()}`, switchLoadingIconSize: token.fontSizeIcon * 0.75, switchLoadingIconColor: `rgba(0, 0, 0, ${token.opacityLoading})`, switchHandleActiveInset: '-30%' }); return [genSwitchStyle(switchToken), // inner style genSwitchInnerStyle(switchToken), // handle style genSwitchHandleStyle(switchToken), // loading style genSwitchLoadingStyle(switchToken), // small style genSwitchSmallStyle(switchToken)]; })); /***/ }), /***/ "./components/table/Column.tsx": /*!*************************************!*\ !*** ./components/table/Column.tsx ***! \*************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)({ name: 'ATableColumn', slots: Object, render() { return null; } })); /***/ }), /***/ "./components/table/ColumnGroup.tsx": /*!******************************************!*\ !*** ./components/table/ColumnGroup.tsx ***! \******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)({ name: 'ATableColumnGroup', slots: Object, __ANT_TABLE_COLUMN_GROUP: true, render() { return null; } })); /***/ }), /***/ "./components/table/ExpandIcon.tsx": /*!*****************************************!*\ !*** ./components/table/ExpandIcon.tsx ***! \*****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); function renderExpandIcon(locale) { return function expandIcon(_ref) { let { prefixCls, onExpand, record, expanded, expandable } = _ref; const iconPrefix = `${prefixCls}-row-expand-icon`; return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("button", { "type": "button", "onClick": e => { onExpand(record, e); e.stopPropagation(); }, "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_1__["default"])(iconPrefix, { [`${iconPrefix}-spaced`]: !expandable, [`${iconPrefix}-expanded`]: expandable && expanded, [`${iconPrefix}-collapsed`]: expandable && !expanded }), "aria-label": expanded ? locale.collapse : locale.expand, "aria-expanded": expanded }, null); }; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (renderExpandIcon); /***/ }), /***/ "./components/table/Table.tsx": /*!************************************!*\ !*** ./components/table/Table.tsx ***! \************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ tableProps: () => (/* binding */ tableProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _vc_table__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ../vc-table */ "./components/vc-table/index.ts"); /* harmony import */ var _vc_table_Table__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ../vc-table/Table */ "./components/vc-table/Table.tsx"); /* harmony import */ var _spin__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ../spin */ "./components/spin/index.ts"); /* harmony import */ var _pagination__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../pagination */ "./components/pagination/index.ts"); /* harmony import */ var _hooks_usePagination__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./hooks/usePagination */ "./components/table/hooks/usePagination.ts"); /* harmony import */ var _hooks_useLazyKVMap__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./hooks/useLazyKVMap */ "./components/table/hooks/useLazyKVMap.ts"); /* harmony import */ var _hooks_useSelection__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./hooks/useSelection */ "./components/table/hooks/useSelection.tsx"); /* harmony import */ var _hooks_useSorter__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./hooks/useSorter */ "./components/table/hooks/useSorter.tsx"); /* harmony import */ var _hooks_useFilter__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./hooks/useFilter */ "./components/table/hooks/useFilter/index.tsx"); /* harmony import */ var _hooks_useTitleColumns__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./hooks/useTitleColumns */ "./components/table/hooks/useTitleColumns.tsx"); /* harmony import */ var _ExpandIcon__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./ExpandIcon */ "./components/table/ExpandIcon.tsx"); /* harmony import */ var _util_scrollTo__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../_util/scrollTo */ "./components/_util/scrollTo.ts"); /* harmony import */ var _locale_en_US__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../locale/en_US */ "./components/locale/en_US.ts"); /* harmony import */ var _vc_util_devWarning__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../vc-util/devWarning */ "./components/vc-util/devWarning.ts"); /* harmony import */ var _util_hooks_useBreakpoint__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../_util/hooks/useBreakpoint */ "./components/_util/hooks/useBreakpoint.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _locale_provider_LocaleReceiver__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../locale-provider/LocaleReceiver */ "./components/locale/LocaleReceiver.tsx"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _util_omit__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../_util/omit */ "./components/_util/omit.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/initDefaultProps.ts"); /* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./context */ "./components/table/context.ts"); /* harmony import */ var _hooks_useColumns__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./hooks/useColumns */ "./components/table/hooks/useColumns.tsx"); /* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ./util */ "./components/table/util.ts"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./style */ "./components/table/style/index.ts"); // CSSINJS const EMPTY_LIST = []; const tableProps = () => { return { prefixCls: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.stringType)(), columns: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.arrayType)(), rowKey: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.someType)([String, Function]), tableLayout: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.stringType)(), rowClassName: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.someType)([String, Function]), title: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.functionType)(), footer: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.functionType)(), id: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.stringType)(), showHeader: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.booleanType)(), components: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.objectType)(), customRow: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.functionType)(), customHeaderRow: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.functionType)(), direction: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.stringType)(), expandFixed: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.someType)([Boolean, String]), expandColumnWidth: Number, expandedRowKeys: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.arrayType)(), defaultExpandedRowKeys: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.arrayType)(), expandedRowRender: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.functionType)(), expandRowByClick: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.booleanType)(), expandIcon: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.functionType)(), onExpand: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.functionType)(), onExpandedRowsChange: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.functionType)(), 'onUpdate:expandedRowKeys': (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.functionType)(), defaultExpandAllRows: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.booleanType)(), indentSize: Number, /** @deprecated Please use `EXPAND_COLUMN` in `columns` directly */ expandIconColumnIndex: Number, showExpandColumn: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.booleanType)(), expandedRowClassName: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.functionType)(), childrenColumnName: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.stringType)(), rowExpandable: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.functionType)(), sticky: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.someType)([Boolean, Object]), dropdownPrefixCls: String, dataSource: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.arrayType)(), pagination: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.someType)([Boolean, Object]), loading: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.someType)([Boolean, Object]), size: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.stringType)(), bordered: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.booleanType)(), locale: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.objectType)(), onChange: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.functionType)(), onResizeColumn: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.functionType)(), rowSelection: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.objectType)(), getPopupContainer: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.functionType)(), scroll: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.objectType)(), sortDirections: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.arrayType)(), showSorterTooltip: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.someType)([Boolean, Object], true), transformCellText: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.functionType)() }; }; const InternalTable = (0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ name: 'InternalTable', inheritAttrs: false, props: (0,_util_props_util__WEBPACK_IMPORTED_MODULE_4__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, tableProps()), { contextSlots: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.objectType)() }), { rowKey: 'key' }), setup(props, _ref) { let { attrs, slots, expose, emit } = _ref; (0,_vc_util_devWarning__WEBPACK_IMPORTED_MODULE_5__["default"])(!(typeof props.rowKey === 'function' && props.rowKey.length > 1), 'Table', '`index` parameter of `rowKey` function is deprecated. There is no guarantee that it will work as expected.'); (0,_context__WEBPACK_IMPORTED_MODULE_6__.useProvideSlots)((0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.contextSlots)); (0,_context__WEBPACK_IMPORTED_MODULE_6__.useProvideTableContext)({ onResizeColumn: (w, col) => { emit('resizeColumn', w, col); } }); const screens = (0,_util_hooks_useBreakpoint__WEBPACK_IMPORTED_MODULE_7__["default"])(); const mergedColumns = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { const matched = new Set(Object.keys(screens.value).filter(m => screens.value[m])); return props.columns.filter(c => !c.responsive || c.responsive.some(r => matched.has(r))); }); const { size: mergedSize, renderEmpty, direction, prefixCls, configProvider } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_8__["default"])('table', props); // Style const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_9__["default"])(prefixCls); const transformCellText = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { var _a; return props.transformCellText || ((_a = configProvider.transformCellText) === null || _a === void 0 ? void 0 : _a.value); }); const [tableLocale] = (0,_locale_provider_LocaleReceiver__WEBPACK_IMPORTED_MODULE_10__.useLocaleReceiver)('Table', _locale_en_US__WEBPACK_IMPORTED_MODULE_11__["default"].Table, (0,vue__WEBPACK_IMPORTED_MODULE_2__.toRef)(props, 'locale')); const rawData = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.dataSource || EMPTY_LIST); const dropdownPrefixCls = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => configProvider.getPrefixCls('dropdown', props.dropdownPrefixCls)); const childrenColumnName = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.childrenColumnName || 'children'); const expandType = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { if (rawData.value.some(item => item === null || item === void 0 ? void 0 : item[childrenColumnName.value])) { return 'nest'; } if (props.expandedRowRender) { return 'row'; } return null; }); const internalRefs = (0,vue__WEBPACK_IMPORTED_MODULE_2__.reactive)({ body: null }); const updateInternalRefs = refs => { (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])(internalRefs, refs); }; // ============================ RowKey ============================ const getRowKey = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { if (typeof props.rowKey === 'function') { return props.rowKey; } return record => record === null || record === void 0 ? void 0 : record[props.rowKey]; }); const [getRecordByKey] = (0,_hooks_useLazyKVMap__WEBPACK_IMPORTED_MODULE_12__["default"])(rawData, childrenColumnName, getRowKey); // ============================ Events ============================= const changeEventInfo = {}; const triggerOnChange = function (info, action) { let reset = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false; const { pagination, scroll, onChange } = props; const changeInfo = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, changeEventInfo), info); if (reset) { changeEventInfo.resetPagination(); // Reset event param if (changeInfo.pagination.current) { changeInfo.pagination.current = 1; } // Trigger pagination events if (pagination && pagination.onChange) { pagination.onChange(1, changeInfo.pagination.pageSize); } } if (scroll && scroll.scrollToFirstRowOnChange !== false && internalRefs.body) { (0,_util_scrollTo__WEBPACK_IMPORTED_MODULE_13__["default"])(0, { getContainer: () => internalRefs.body }); } onChange === null || onChange === void 0 ? void 0 : onChange(changeInfo.pagination, changeInfo.filters, changeInfo.sorter, { currentDataSource: (0,_hooks_useFilter__WEBPACK_IMPORTED_MODULE_14__.getFilterData)((0,_hooks_useSorter__WEBPACK_IMPORTED_MODULE_15__.getSortData)(rawData.value, changeInfo.sorterStates, childrenColumnName.value), changeInfo.filterStates), action }); }; /** * Controlled state in `columns` is not a good idea that makes too many code (1000+ line?) to read * state out and then put it back to title render. Move these code into `hooks` but still too * complex. We should provides Table props like `sorter` & `filter` to handle control in next big version. */ // ============================ Sorter ============================= const onSorterChange = (sorter, sorterStates) => { triggerOnChange({ sorter, sorterStates }, 'sort', false); }; const [transformSorterColumns, sortStates, sorterTitleProps, sorters] = (0,_hooks_useSorter__WEBPACK_IMPORTED_MODULE_15__["default"])({ prefixCls, mergedColumns, onSorterChange, sortDirections: (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.sortDirections || ['ascend', 'descend']), tableLocale, showSorterTooltip: (0,vue__WEBPACK_IMPORTED_MODULE_2__.toRef)(props, 'showSorterTooltip') }); const sortedData = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => (0,_hooks_useSorter__WEBPACK_IMPORTED_MODULE_15__.getSortData)(rawData.value, sortStates.value, childrenColumnName.value)); // ============================ Filter ============================ const onFilterChange = (filters, filterStates) => { triggerOnChange({ filters, filterStates }, 'filter', true); }; const [transformFilterColumns, filterStates, filters] = (0,_hooks_useFilter__WEBPACK_IMPORTED_MODULE_14__["default"])({ prefixCls, locale: tableLocale, dropdownPrefixCls, mergedColumns, onFilterChange, getPopupContainer: (0,vue__WEBPACK_IMPORTED_MODULE_2__.toRef)(props, 'getPopupContainer') }); const mergedData = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => (0,_hooks_useFilter__WEBPACK_IMPORTED_MODULE_14__.getFilterData)(sortedData.value, filterStates.value)); // ============================ Column ============================ const [transformBasicColumns] = (0,_hooks_useColumns__WEBPACK_IMPORTED_MODULE_16__["default"])((0,vue__WEBPACK_IMPORTED_MODULE_2__.toRef)(props, 'contextSlots')); const columnTitleProps = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { const mergedFilters = {}; const filtersValue = filters.value; Object.keys(filtersValue).forEach(filterKey => { if (filtersValue[filterKey] !== null) { mergedFilters[filterKey] = filtersValue[filterKey]; } }); return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, sorterTitleProps.value), { filters: mergedFilters }); }); const [transformTitleColumns] = (0,_hooks_useTitleColumns__WEBPACK_IMPORTED_MODULE_17__["default"])(columnTitleProps); // ========================== Pagination ========================== const onPaginationChange = (current, pageSize) => { triggerOnChange({ pagination: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, changeEventInfo.pagination), { current, pageSize }) }, 'paginate'); }; const [mergedPagination, resetPagination] = (0,_hooks_usePagination__WEBPACK_IMPORTED_MODULE_18__["default"])((0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => mergedData.value.length), (0,vue__WEBPACK_IMPORTED_MODULE_2__.toRef)(props, 'pagination'), onPaginationChange); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watchEffect)(() => { changeEventInfo.sorter = sorters.value; changeEventInfo.sorterStates = sortStates.value; changeEventInfo.filters = filters.value; changeEventInfo.filterStates = filterStates.value; changeEventInfo.pagination = props.pagination === false ? {} : (0,_hooks_usePagination__WEBPACK_IMPORTED_MODULE_18__.getPaginationParam)(mergedPagination.value, props.pagination); changeEventInfo.resetPagination = resetPagination; }); // ============================= Data ============================= const pageData = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { if (props.pagination === false || !mergedPagination.value.pageSize) { return mergedData.value; } const { current = 1, total, pageSize = _hooks_usePagination__WEBPACK_IMPORTED_MODULE_18__.DEFAULT_PAGE_SIZE } = mergedPagination.value; (0,_vc_util_devWarning__WEBPACK_IMPORTED_MODULE_5__["default"])(current > 0, 'Table', '`current` should be positive number.'); // Dynamic table data if (mergedData.value.length < total) { if (mergedData.value.length > pageSize) { return mergedData.value.slice((current - 1) * pageSize, current * pageSize); } return mergedData.value; } return mergedData.value.slice((current - 1) * pageSize, current * pageSize); }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watchEffect)(() => { (0,vue__WEBPACK_IMPORTED_MODULE_2__.nextTick)(() => { const { total, pageSize = _hooks_usePagination__WEBPACK_IMPORTED_MODULE_18__.DEFAULT_PAGE_SIZE } = mergedPagination.value; // Dynamic table data if (mergedData.value.length < total) { if (mergedData.value.length > pageSize) { (0,_vc_util_devWarning__WEBPACK_IMPORTED_MODULE_5__["default"])(false, 'Table', '`dataSource` length is less than `pagination.total` but large than `pagination.pageSize`. Please make sure your config correct data with async mode.'); } } }); }, { flush: 'post' }); const expandIconColumnIndex = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { if (props.showExpandColumn === false) return -1; // Adjust expand icon index, no overwrite expandIconColumnIndex if set. if (expandType.value === 'nest' && props.expandIconColumnIndex === undefined) { return props.rowSelection ? 1 : 0; } else if (props.expandIconColumnIndex > 0 && props.rowSelection) { return props.expandIconColumnIndex - 1; } return props.expandIconColumnIndex; }); const rowSelection = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)(() => props.rowSelection, () => { rowSelection.value = props.rowSelection ? (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, props.rowSelection) : props.rowSelection; }, { deep: true, immediate: true }); // ========================== Selections ========================== const [transformSelectionColumns, selectedKeySet] = (0,_hooks_useSelection__WEBPACK_IMPORTED_MODULE_19__["default"])(rowSelection, { prefixCls, data: mergedData, pageData, getRowKey, getRecordByKey, expandType, childrenColumnName, locale: tableLocale, getPopupContainer: (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.getPopupContainer) }); const internalRowClassName = (record, index, indent) => { let mergedRowClassName; const { rowClassName } = props; if (typeof rowClassName === 'function') { mergedRowClassName = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_20__["default"])(rowClassName(record, index, indent)); } else { mergedRowClassName = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_20__["default"])(rowClassName); } return (0,_util_classNames__WEBPACK_IMPORTED_MODULE_20__["default"])({ [`${prefixCls.value}-row-selected`]: selectedKeySet.value.has(getRowKey.value(record, index)) }, mergedRowClassName); }; expose({ selectedKeySet }); const indentSize = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { // Indent size return typeof props.indentSize === 'number' ? props.indentSize : 15; }); const transformColumns = innerColumns => { const res = transformTitleColumns(transformSelectionColumns(transformFilterColumns(transformSorterColumns(transformBasicColumns(innerColumns))))); return res; }; return () => { var _a; const { expandIcon = slots.expandIcon || (0,_ExpandIcon__WEBPACK_IMPORTED_MODULE_21__["default"])(tableLocale.value), pagination, loading, bordered } = props; let topPaginationNode; let bottomPaginationNode; if (pagination !== false && ((_a = mergedPagination.value) === null || _a === void 0 ? void 0 : _a.total)) { let paginationSize; if (mergedPagination.value.size) { paginationSize = mergedPagination.value.size; } else { paginationSize = mergedSize.value === 'small' || mergedSize.value === 'middle' ? 'small' : undefined; } const renderPagination = position => (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_pagination__WEBPACK_IMPORTED_MODULE_22__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, mergedPagination.value), {}, { "class": [`${prefixCls.value}-pagination ${prefixCls.value}-pagination-${position}`, mergedPagination.value.class], "size": paginationSize }), null); const defaultPosition = direction.value === 'rtl' ? 'left' : 'right'; const { position } = mergedPagination.value; if (position !== null && Array.isArray(position)) { const topPos = position.find(p => p.includes('top')); const bottomPos = position.find(p => p.includes('bottom')); const isDisable = position.every(p => `${p}` === 'none'); if (!topPos && !bottomPos && !isDisable) { bottomPaginationNode = renderPagination(defaultPosition); } if (topPos) { topPaginationNode = renderPagination(topPos.toLowerCase().replace('top', '')); } if (bottomPos) { bottomPaginationNode = renderPagination(bottomPos.toLowerCase().replace('bottom', '')); } } else { bottomPaginationNode = renderPagination(defaultPosition); } } // >>>>>>>>> Spinning let spinProps; if (typeof loading === 'boolean') { spinProps = { spinning: loading }; } else if (typeof loading === 'object') { spinProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({ spinning: true }, loading); } const wrapperClassNames = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_20__["default"])(`${prefixCls.value}-wrapper`, { [`${prefixCls.value}-wrapper-rtl`]: direction.value === 'rtl' }, attrs.class, hashId.value); const tableProps = (0,_util_omit__WEBPACK_IMPORTED_MODULE_23__["default"])(props, ['columns']); return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": wrapperClassNames, "style": attrs.style }, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_spin__WEBPACK_IMPORTED_MODULE_24__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "spinning": false }, spinProps), { default: () => [topPaginationNode, (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_vc_table__WEBPACK_IMPORTED_MODULE_25__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, attrs), tableProps), {}, { "expandedRowKeys": props.expandedRowKeys, "defaultExpandedRowKeys": props.defaultExpandedRowKeys, "expandIconColumnIndex": expandIconColumnIndex.value, "indentSize": indentSize.value, "expandIcon": expandIcon, "columns": mergedColumns.value, "direction": direction.value, "prefixCls": prefixCls.value, "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_20__["default"])({ [`${prefixCls.value}-middle`]: mergedSize.value === 'middle', [`${prefixCls.value}-small`]: mergedSize.value === 'small', [`${prefixCls.value}-bordered`]: bordered, [`${prefixCls.value}-empty`]: rawData.value.length === 0 }), "data": pageData.value, "rowKey": getRowKey.value, "rowClassName": internalRowClassName, "internalHooks": _vc_table_Table__WEBPACK_IMPORTED_MODULE_26__.INTERNAL_HOOKS, "internalRefs": internalRefs, "onUpdateInternalRefs": updateInternalRefs, "transformColumns": transformColumns, "transformCellText": transformCellText.value }), (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, slots), { emptyText: () => { var _a, _b; return ((_a = slots.emptyText) === null || _a === void 0 ? void 0 : _a.call(slots)) || ((_b = props.locale) === null || _b === void 0 ? void 0 : _b.emptyText) || renderEmpty('Table'); } })), bottomPaginationNode] })])); }; } }); const Table = (0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ name: 'ATable', inheritAttrs: false, props: (0,_util_props_util__WEBPACK_IMPORTED_MODULE_4__["default"])(tableProps(), { rowKey: 'key' }), slots: Object, setup(props, _ref2) { let { attrs, slots, expose } = _ref2; const table = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(); expose({ table }); return () => { var _a; const columns = props.columns || (0,_util__WEBPACK_IMPORTED_MODULE_27__.convertChildrenToColumns)((_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)); return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(InternalTable, (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "ref": table }, attrs), props), {}, { "columns": columns || [], "expandedRowRender": slots.expandedRowRender || props.expandedRowRender, "contextSlots": (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, slots) }), slots); }; } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Table); /***/ }), /***/ "./components/table/context.ts": /*!*************************************!*\ !*** ./components/table/context.ts ***! \*************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ useInjectSlots: () => (/* binding */ useInjectSlots), /* harmony export */ useInjectTableContext: () => (/* binding */ useInjectTableContext), /* harmony export */ useProvideSlots: () => (/* binding */ useProvideSlots), /* harmony export */ useProvideTableContext: () => (/* binding */ useProvideTableContext) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); const SlotsContextKey = Symbol('SlotsContextProps'); const useProvideSlots = props => { (0,vue__WEBPACK_IMPORTED_MODULE_0__.provide)(SlotsContextKey, props); }; const useInjectSlots = () => { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.inject)(SlotsContextKey, (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => ({}))); }; const ContextKey = Symbol('ContextProps'); const useProvideTableContext = props => { (0,vue__WEBPACK_IMPORTED_MODULE_0__.provide)(ContextKey, props); }; const useInjectTableContext = () => { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.inject)(ContextKey, { onResizeColumn: () => {} }); }; /***/ }), /***/ "./components/table/hooks/useColumns.tsx": /*!***********************************************!*\ !*** ./components/table/hooks/useColumns.tsx ***! \***********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ useColumns) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _vc_util_devWarning__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../vc-util/devWarning */ "./components/vc-util/devWarning.ts"); /* harmony import */ var _useSelection__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./useSelection */ "./components/table/hooks/useSelection.tsx"); /* harmony import */ var _vc_table__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../vc-table */ "./components/vc-table/constant.ts"); /* harmony import */ var _util_vnode__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../_util/vnode */ "./components/_util/vnode.ts"); function fillSlots(columns, contextSlots) { const $slots = contextSlots.value; return columns.map(column => { var _a; if (column === _useSelection__WEBPACK_IMPORTED_MODULE_1__.SELECTION_COLUMN || column === _vc_table__WEBPACK_IMPORTED_MODULE_2__.EXPAND_COLUMN) return column; const cloneColumn = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, column); const { slots = {} } = cloneColumn; cloneColumn.__originColumn__ = column; (0,_vc_util_devWarning__WEBPACK_IMPORTED_MODULE_3__["default"])(!('slots' in cloneColumn), 'Table', '`column.slots` is deprecated. Please use `v-slot:headerCell` `v-slot:bodyCell` instead.'); Object.keys(slots).forEach(key => { const name = slots[key]; if (cloneColumn[key] === undefined && $slots[name]) { cloneColumn[key] = $slots[name]; } }); if (contextSlots.value.headerCell && !((_a = column.slots) === null || _a === void 0 ? void 0 : _a.title)) { cloneColumn.title = (0,_util_vnode__WEBPACK_IMPORTED_MODULE_4__.customRenderSlot)(contextSlots.value, 'headerCell', { title: column.title, column }, () => [column.title]); } if ('children' in cloneColumn && Array.isArray(cloneColumn.children)) { cloneColumn.children = fillSlots(cloneColumn.children, contextSlots); } return cloneColumn; }); } function useColumns(contextSlots) { const filledColumns = columns => fillSlots(columns, contextSlots); return [filledColumns]; } /***/ }), /***/ "./components/table/hooks/useFilter/FilterDropdown.tsx": /*!*************************************************************!*\ !*** ./components/table/hooks/useFilter/FilterDropdown.tsx ***! \*************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_vue_es_icons_FilterFilled__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/FilterFilled */ "./node_modules/@ant-design/icons-vue/es/icons/FilterFilled.js"); /* harmony import */ var _button__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../../button */ "./components/button/index.ts"); /* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../menu */ "./components/menu/index.tsx"); /* harmony import */ var _checkbox__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../checkbox */ "./components/checkbox/index.ts"); /* harmony import */ var _radio__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../radio */ "./components/radio/index.ts"); /* harmony import */ var _dropdown__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../../../dropdown */ "./components/dropdown/index.ts"); /* harmony import */ var _empty__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../empty */ "./components/empty/index.tsx"); /* harmony import */ var _FilterWrapper__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./FilterWrapper */ "./components/table/hooks/useFilter/FilterWrapper.tsx"); /* harmony import */ var ___WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! . */ "./components/table/hooks/useFilter/index.tsx"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../context */ "./components/table/context.ts"); /* harmony import */ var _FilterSearch__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./FilterSearch */ "./components/table/hooks/useFilter/FilterSearch.tsx"); /* harmony import */ var _tree__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../tree */ "./components/tree/index.tsx"); /* harmony import */ var _vc_util_devWarning__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../vc-util/devWarning */ "./components/vc-util/devWarning.ts"); /* harmony import */ var _vc_util_isEqual__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../vc-util/isEqual */ "./components/vc-util/isEqual.ts"); const { SubMenu, Item: MenuItem } = _menu__WEBPACK_IMPORTED_MODULE_2__["default"]; function hasSubMenu(filters) { return filters.some(_ref => { let { children } = _ref; return children && children.length > 0; }); } function searchValueMatched(searchValue, text) { if (typeof text === 'string' || typeof text === 'number') { return text === null || text === void 0 ? void 0 : text.toString().toLowerCase().includes(searchValue.trim().toLowerCase()); } return false; } function renderFilterItems(_ref2) { let { filters, prefixCls, filteredKeys, filterMultiple, searchValue, filterSearch } = _ref2; return filters.map((filter, index) => { const key = String(filter.value); if (filter.children) { return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(SubMenu, { "key": key || index, "title": filter.text, "popupClassName": `${prefixCls}-dropdown-submenu` }, { default: () => [renderFilterItems({ filters: filter.children, prefixCls, filteredKeys, filterMultiple, searchValue, filterSearch })] }); } const Component = filterMultiple ? _checkbox__WEBPACK_IMPORTED_MODULE_3__["default"] : _radio__WEBPACK_IMPORTED_MODULE_4__["default"]; const item = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(MenuItem, { "key": filter.value !== undefined ? key : index }, { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(Component, { "checked": filteredKeys.includes(key) }, null), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", null, [filter.text])] }); if (searchValue.trim()) { if (typeof filterSearch === 'function') { return filterSearch(searchValue, filter) ? item : undefined; } return searchValueMatched(searchValue, filter.text) ? item : undefined; } return item; }); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ name: 'FilterDropdown', props: ['tablePrefixCls', 'prefixCls', 'dropdownPrefixCls', 'column', 'filterState', 'filterMultiple', 'filterMode', 'filterSearch', 'columnKey', 'triggerFilter', 'locale', 'getPopupContainer'], setup(props, _ref3) { let { slots } = _ref3; const contextSlots = (0,_context__WEBPACK_IMPORTED_MODULE_5__.useInjectSlots)(); const filterMode = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { var _a; return (_a = props.filterMode) !== null && _a !== void 0 ? _a : 'menu'; }); const filterSearch = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { var _a; return (_a = props.filterSearch) !== null && _a !== void 0 ? _a : false; }); const filterDropdownOpen = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => props.column.filterDropdownOpen || props.column.filterDropdownVisible); const onFilterDropdownOpenChange = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => props.column.onFilterDropdownOpenChange || props.column.onFilterDropdownVisibleChange); if (true) { [['filterDropdownVisible', 'filterDropdownOpen', props.column.filterDropdownVisible], ['onFilterDropdownVisibleChange', 'onFilterDropdownOpenChange', props.column.onFilterDropdownVisibleChange]].forEach(_ref4 => { let [deprecatedName, newName, prop] = _ref4; (0,_vc_util_devWarning__WEBPACK_IMPORTED_MODULE_6__["default"])(prop === undefined || prop === null, 'Table', `\`${deprecatedName}\` is deprecated. Please use \`${newName}\` instead.`); }); } const visible = (0,vue__WEBPACK_IMPORTED_MODULE_1__.shallowRef)(false); const filtered = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { var _a; return !!(props.filterState && (((_a = props.filterState.filteredKeys) === null || _a === void 0 ? void 0 : _a.length) || props.filterState.forceFiltered)); }); const filterFlattenKeys = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { var _a; return (0,___WEBPACK_IMPORTED_MODULE_7__.flattenKeys)((_a = props.column) === null || _a === void 0 ? void 0 : _a.filters); }); const filterDropdownRef = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { const { filterDropdown, slots = {}, customFilterDropdown } = props.column; return filterDropdown || slots.filterDropdown && contextSlots.value[slots.filterDropdown] || customFilterDropdown && contextSlots.value.customFilterDropdown; }); const filterIconRef = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { const { filterIcon, slots = {} } = props.column; return filterIcon || slots.filterIcon && contextSlots.value[slots.filterIcon] || contextSlots.value.customFilterIcon; }); const triggerVisible = newVisible => { var _a; visible.value = newVisible; (_a = onFilterDropdownOpenChange.value) === null || _a === void 0 ? void 0 : _a.call(onFilterDropdownOpenChange, newVisible); }; const mergedVisible = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => typeof filterDropdownOpen.value === 'boolean' ? filterDropdownOpen.value : visible.value); const propFilteredKeys = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { var _a; return (_a = props.filterState) === null || _a === void 0 ? void 0 : _a.filteredKeys; }); const filteredKeys = (0,vue__WEBPACK_IMPORTED_MODULE_1__.shallowRef)([]); const onSelectKeys = _ref5 => { let { selectedKeys } = _ref5; filteredKeys.value = selectedKeys; }; const onCheck = (keys, _ref6) => { let { node, checked } = _ref6; if (!props.filterMultiple) { onSelectKeys({ selectedKeys: checked && node.key ? [node.key] : [] }); } else { onSelectKeys({ selectedKeys: keys }); } }; (0,vue__WEBPACK_IMPORTED_MODULE_1__.watch)(propFilteredKeys, () => { if (!visible.value) { return; } onSelectKeys({ selectedKeys: propFilteredKeys.value || [] }); }, { immediate: true }); // const expandKeys = shallowRef(filterFlattenKeys.value.slice()); // const onExpandChange = keys => (expandKeys.value = keys); const openKeys = (0,vue__WEBPACK_IMPORTED_MODULE_1__.shallowRef)([]); const openRef = (0,vue__WEBPACK_IMPORTED_MODULE_1__.shallowRef)(); const onOpenChange = keys => { openRef.value = setTimeout(() => { openKeys.value = keys; }); }; const onMenuClick = () => { clearTimeout(openRef.value); }; (0,vue__WEBPACK_IMPORTED_MODULE_1__.onBeforeUnmount)(() => { clearTimeout(openRef.value); }); const searchValue = (0,vue__WEBPACK_IMPORTED_MODULE_1__.shallowRef)(''); const onSearch = e => { const { value } = e.target; searchValue.value = value; }; // clear search value after close filter dropdown (0,vue__WEBPACK_IMPORTED_MODULE_1__.watch)(visible, () => { if (!visible.value) { searchValue.value = ''; } }); // ======================= Submit ======================== const internalTriggerFilter = keys => { const { column, columnKey, filterState } = props; const mergedKeys = keys && keys.length ? keys : null; if (mergedKeys === null && (!filterState || !filterState.filteredKeys)) { return null; } if ((0,_vc_util_isEqual__WEBPACK_IMPORTED_MODULE_8__["default"])(mergedKeys, filterState === null || filterState === void 0 ? void 0 : filterState.filteredKeys, true)) { return null; } props.triggerFilter({ column, key: columnKey, filteredKeys: mergedKeys }); }; const onConfirm = () => { triggerVisible(false); internalTriggerFilter(filteredKeys.value); }; const onReset = function () { let { confirm, closeDropdown } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : { confirm: false, closeDropdown: false }; if (confirm) { internalTriggerFilter([]); } if (closeDropdown) { triggerVisible(false); } searchValue.value = ''; if (props.column.filterResetToDefaultFilteredValue) { filteredKeys.value = (props.column.defaultFilteredValue || []).map(key => String(key)); } else { filteredKeys.value = []; } }; const doFilter = function () { let { closeDropdown } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : { closeDropdown: true }; if (closeDropdown) { triggerVisible(false); } internalTriggerFilter(filteredKeys.value); }; const onVisibleChange = newVisible => { if (newVisible && propFilteredKeys.value !== undefined) { // Sync filteredKeys on appear in controlled mode (propFilteredKeys.value !== undefiend) filteredKeys.value = propFilteredKeys.value || []; } triggerVisible(newVisible); // Default will filter when closed if (!newVisible && !filterDropdownRef.value) { onConfirm(); } }; const { direction } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_9__["default"])('', props); const onCheckAll = e => { if (e.target.checked) { const allFilterKeys = filterFlattenKeys.value; filteredKeys.value = allFilterKeys; } else { filteredKeys.value = []; } }; const getTreeData = _ref7 => { let { filters } = _ref7; return (filters || []).map((filter, index) => { const key = String(filter.value); const item = { title: filter.text, key: filter.value !== undefined ? key : index }; if (filter.children) { item.children = getTreeData({ filters: filter.children }); } return item; }); }; const getFilterData = node => { var _a; return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, node), { text: node.title, value: node.key, children: ((_a = node.children) === null || _a === void 0 ? void 0 : _a.map(item => getFilterData(item))) || [] }); }; const treeData = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => getTreeData({ filters: props.column.filters })); // ======================== Style ======================== const dropdownMenuClass = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => (0,_util_classNames__WEBPACK_IMPORTED_MODULE_10__["default"])({ [`${props.dropdownPrefixCls}-menu-without-submenu`]: !hasSubMenu(props.column.filters || []) })); const getFilterComponent = () => { const selectedKeys = filteredKeys.value; const { column, locale, tablePrefixCls, filterMultiple, dropdownPrefixCls, getPopupContainer, prefixCls } = props; if ((column.filters || []).length === 0) { return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_empty__WEBPACK_IMPORTED_MODULE_11__["default"], { "image": _empty__WEBPACK_IMPORTED_MODULE_11__["default"].PRESENTED_IMAGE_SIMPLE, "description": locale.filterEmptyText, "imageStyle": { height: 24 }, "style": { margin: 0, padding: '16px 0' } }, null); } if (filterMode.value === 'tree') { return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_1__.Fragment, null, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_FilterSearch__WEBPACK_IMPORTED_MODULE_12__["default"], { "filterSearch": filterSearch.value, "value": searchValue.value, "onChange": onSearch, "tablePrefixCls": tablePrefixCls, "locale": locale }, null), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${tablePrefixCls}-filter-dropdown-tree` }, [filterMultiple ? (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_checkbox__WEBPACK_IMPORTED_MODULE_3__["default"], { "class": `${tablePrefixCls}-filter-dropdown-checkall`, "onChange": onCheckAll, "checked": selectedKeys.length === filterFlattenKeys.value.length, "indeterminate": selectedKeys.length > 0 && selectedKeys.length < filterFlattenKeys.value.length }, { default: () => [locale.filterCheckall] }) : null, (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_tree__WEBPACK_IMPORTED_MODULE_13__["default"], { "checkable": true, "selectable": false, "blockNode": true, "multiple": filterMultiple, "checkStrictly": !filterMultiple, "class": `${dropdownPrefixCls}-menu`, "onCheck": onCheck, "checkedKeys": selectedKeys, "selectedKeys": selectedKeys, "showIcon": false, "treeData": treeData.value, "autoExpandParent": true, "defaultExpandAll": true, "filterTreeNode": searchValue.value.trim() ? node => { if (typeof filterSearch.value === 'function') { return filterSearch.value(searchValue.value, getFilterData(node)); } return searchValueMatched(searchValue.value, node.title); } : undefined }, null)])]); } return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_1__.Fragment, null, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_FilterSearch__WEBPACK_IMPORTED_MODULE_12__["default"], { "filterSearch": filterSearch.value, "value": searchValue.value, "onChange": onSearch, "tablePrefixCls": tablePrefixCls, "locale": locale }, null), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_menu__WEBPACK_IMPORTED_MODULE_2__["default"], { "multiple": filterMultiple, "prefixCls": `${dropdownPrefixCls}-menu`, "class": dropdownMenuClass.value, "onClick": onMenuClick, "onSelect": onSelectKeys, "onDeselect": onSelectKeys, "selectedKeys": selectedKeys, "getPopupContainer": getPopupContainer, "openKeys": openKeys.value, "onOpenChange": onOpenChange }, { default: () => renderFilterItems({ filters: column.filters || [], filterSearch: filterSearch.value, prefixCls, filteredKeys: filteredKeys.value, filterMultiple, searchValue: searchValue.value }) })]); }; const resetDisabled = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { const selectedKeys = filteredKeys.value; if (props.column.filterResetToDefaultFilteredValue) { return (0,_vc_util_isEqual__WEBPACK_IMPORTED_MODULE_8__["default"])((props.column.defaultFilteredValue || []).map(key => String(key)), selectedKeys, true); } return selectedKeys.length === 0; }); return () => { var _a; const { tablePrefixCls, prefixCls, column, dropdownPrefixCls, locale, getPopupContainer } = props; let dropdownContent; if (typeof filterDropdownRef.value === 'function') { dropdownContent = filterDropdownRef.value({ prefixCls: `${dropdownPrefixCls}-custom`, setSelectedKeys: selectedKeys => onSelectKeys({ selectedKeys }), selectedKeys: filteredKeys.value, confirm: doFilter, clearFilters: onReset, filters: column.filters, visible: mergedVisible.value, column: column.__originColumn__, close: () => { triggerVisible(false); } }); } else if (filterDropdownRef.value) { dropdownContent = filterDropdownRef.value; } else { dropdownContent = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_1__.Fragment, null, [getFilterComponent(), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${prefixCls}-dropdown-btns` }, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_button__WEBPACK_IMPORTED_MODULE_14__["default"], { "type": "link", "size": "small", "disabled": resetDisabled.value, "onClick": () => onReset() }, { default: () => [locale.filterReset] }), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_button__WEBPACK_IMPORTED_MODULE_14__["default"], { "type": "primary", "size": "small", "onClick": onConfirm }, { default: () => [locale.filterConfirm] })])]); } const menu = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_FilterWrapper__WEBPACK_IMPORTED_MODULE_15__["default"], { "class": `${prefixCls}-dropdown` }, { default: () => [dropdownContent] }); let filterIcon; if (typeof filterIconRef.value === 'function') { filterIcon = filterIconRef.value({ filtered: filtered.value, column: column.__originColumn__ }); } else if (filterIconRef.value) { filterIcon = filterIconRef.value; } else { filterIcon = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_ant_design_icons_vue_es_icons_FilterFilled__WEBPACK_IMPORTED_MODULE_16__["default"], null, null); } return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${prefixCls}-column` }, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", { "class": `${tablePrefixCls}-column-title` }, [(_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)]), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_dropdown__WEBPACK_IMPORTED_MODULE_17__["default"], { "overlay": menu, "trigger": ['click'], "open": mergedVisible.value, "onOpenChange": onVisibleChange, "getPopupContainer": getPopupContainer, "placement": direction.value === 'rtl' ? 'bottomLeft' : 'bottomRight' }, { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", { "role": "button", "tabindex": -1, "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_10__["default"])(`${prefixCls}-trigger`, { active: filtered.value }), "onClick": e => { e.stopPropagation(); } }, [filterIcon])] })]); }; } })); /***/ }), /***/ "./components/table/hooks/useFilter/FilterSearch.tsx": /*!***********************************************************!*\ !*** ./components/table/hooks/useFilter/FilterSearch.tsx ***! \***********************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_vue_es_icons_SearchOutlined__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/SearchOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/SearchOutlined.js"); /* harmony import */ var _input__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../input */ "./components/input/index.ts"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../_util/type */ "./components/_util/type.ts"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'FilterSearch', inheritAttrs: false, props: { value: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.stringType)(), onChange: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.functionType)(), filterSearch: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.someType)([Boolean, Function]), tablePrefixCls: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.stringType)(), locale: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.objectType)() }, setup(props) { return () => { const { value, onChange, filterSearch, tablePrefixCls, locale } = props; if (!filterSearch) { return null; } return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", { "class": `${tablePrefixCls}-filter-dropdown-search` }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_input__WEBPACK_IMPORTED_MODULE_2__["default"], { "placeholder": locale.filterSearchPlaceholder, "onChange": onChange, "value": value, "htmlSize": 1, "class": `${tablePrefixCls}-filter-dropdown-search-input` }, { prefix: () => (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_ant_design_icons_vue_es_icons_SearchOutlined__WEBPACK_IMPORTED_MODULE_3__["default"], null, null) })]); }; } })); /***/ }), /***/ "./components/table/hooks/useFilter/FilterWrapper.tsx": /*!************************************************************!*\ !*** ./components/table/hooks/useFilter/FilterWrapper.tsx ***! \************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_KeyCode__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../_util/KeyCode */ "./components/_util/KeyCode.ts"); const onKeyDown = event => { const { keyCode } = event; if (keyCode === _util_KeyCode__WEBPACK_IMPORTED_MODULE_1__["default"].ENTER) { event.stopPropagation(); } }; const FilterDropdownMenuWrapper = (_props, _ref) => { let { slots } = _ref; var _a; return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", { "onClick": e => e.stopPropagation(), "onKeydown": onKeyDown }, [(_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)]); }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FilterDropdownMenuWrapper); /***/ }), /***/ "./components/table/hooks/useFilter/index.tsx": /*!****************************************************!*\ !*** ./components/table/hooks/useFilter/index.tsx ***! \****************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ flattenKeys: () => (/* binding */ flattenKeys), /* harmony export */ getFilterData: () => (/* binding */ getFilterData) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _vc_util_devWarning__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../vc-util/devWarning */ "./components/vc-util/devWarning.ts"); /* harmony import */ var _util_hooks_useState__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../_util/hooks/useState */ "./components/_util/hooks/useState.ts"); /* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../util */ "./components/table/util.ts"); /* harmony import */ var _FilterDropdown__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./FilterDropdown */ "./components/table/hooks/useFilter/FilterDropdown.tsx"); function collectFilterStates(columns, init, pos) { let filterStates = []; (columns || []).forEach((column, index) => { var _a, _b; const columnPos = (0,_util__WEBPACK_IMPORTED_MODULE_2__.getColumnPos)(index, pos); const hasFilterDropdown = column.filterDropdown || ((_a = column === null || column === void 0 ? void 0 : column.slots) === null || _a === void 0 ? void 0 : _a.filterDropdown) || column.customFilterDropdown; if (column.filters || hasFilterDropdown || 'onFilter' in column) { if ('filteredValue' in column) { // Controlled let filteredValues = column.filteredValue; if (!hasFilterDropdown) { filteredValues = (_b = filteredValues === null || filteredValues === void 0 ? void 0 : filteredValues.map(String)) !== null && _b !== void 0 ? _b : filteredValues; } filterStates.push({ column, key: (0,_util__WEBPACK_IMPORTED_MODULE_2__.getColumnKey)(column, columnPos), filteredKeys: filteredValues, forceFiltered: column.filtered }); } else { // Uncontrolled filterStates.push({ column, key: (0,_util__WEBPACK_IMPORTED_MODULE_2__.getColumnKey)(column, columnPos), filteredKeys: init && column.defaultFilteredValue ? column.defaultFilteredValue : undefined, forceFiltered: column.filtered }); } } if ('children' in column) { filterStates = [...filterStates, ...collectFilterStates(column.children, init, columnPos)]; } }); return filterStates; } function injectFilter(prefixCls, dropdownPrefixCls, columns, filterStates, locale, triggerFilter, getPopupContainer, pos) { return columns.map((column, index) => { var _a; const columnPos = (0,_util__WEBPACK_IMPORTED_MODULE_2__.getColumnPos)(index, pos); const { filterMultiple = true, filterMode, filterSearch } = column; let newColumn = column; const hasFilterDropdown = column.filterDropdown || ((_a = column === null || column === void 0 ? void 0 : column.slots) === null || _a === void 0 ? void 0 : _a.filterDropdown) || column.customFilterDropdown; if (newColumn.filters || hasFilterDropdown) { const columnKey = (0,_util__WEBPACK_IMPORTED_MODULE_2__.getColumnKey)(newColumn, columnPos); const filterState = filterStates.find(_ref => { let { key } = _ref; return columnKey === key; }); newColumn = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, newColumn), { title: renderProps => (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_FilterDropdown__WEBPACK_IMPORTED_MODULE_3__["default"], { "tablePrefixCls": prefixCls, "prefixCls": `${prefixCls}-filter`, "dropdownPrefixCls": dropdownPrefixCls, "column": newColumn, "columnKey": columnKey, "filterState": filterState, "filterMultiple": filterMultiple, "filterMode": filterMode, "filterSearch": filterSearch, "triggerFilter": triggerFilter, "locale": locale, "getPopupContainer": getPopupContainer }, { default: () => [(0,_util__WEBPACK_IMPORTED_MODULE_2__.renderColumnTitle)(column.title, renderProps)] }) }); } if ('children' in newColumn) { newColumn = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, newColumn), { children: injectFilter(prefixCls, dropdownPrefixCls, newColumn.children, filterStates, locale, triggerFilter, getPopupContainer, columnPos) }); } return newColumn; }); } function flattenKeys(filters) { let keys = []; (filters || []).forEach(_ref2 => { let { value, children } = _ref2; keys.push(value); if (children) { keys = [...keys, ...flattenKeys(children)]; } }); return keys; } function generateFilterInfo(filterStates) { const currentFilters = {}; filterStates.forEach(_ref3 => { let { key, filteredKeys, column } = _ref3; var _a; const hasFilterDropdown = column.filterDropdown || ((_a = column === null || column === void 0 ? void 0 : column.slots) === null || _a === void 0 ? void 0 : _a.filterDropdown) || column.customFilterDropdown; const { filters } = column; if (hasFilterDropdown) { currentFilters[key] = filteredKeys || null; } else if (Array.isArray(filteredKeys)) { const keys = flattenKeys(filters); currentFilters[key] = keys.filter(originKey => filteredKeys.includes(String(originKey))); } else { currentFilters[key] = null; } }); return currentFilters; } function getFilterData(data, filterStates) { return filterStates.reduce((currentData, filterState) => { const { column: { onFilter, filters }, filteredKeys } = filterState; if (onFilter && filteredKeys && filteredKeys.length) { return currentData.filter(record => filteredKeys.some(key => { const keys = flattenKeys(filters); const keyIndex = keys.findIndex(k => String(k) === String(key)); const realKey = keyIndex !== -1 ? keys[keyIndex] : key; return onFilter(realKey, record); })); } return currentData; }, data); } function getMergedColumns(rawMergedColumns) { return rawMergedColumns.flatMap(column => { if ('children' in column) { return [column, ...getMergedColumns(column.children || [])]; } return [column]; }); } function useFilter(_ref4) { let { prefixCls, dropdownPrefixCls, mergedColumns: rawMergedColumns, locale, onFilterChange, getPopupContainer } = _ref4; const mergedColumns = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => getMergedColumns(rawMergedColumns.value)); const [filterStates, setFilterStates] = (0,_util_hooks_useState__WEBPACK_IMPORTED_MODULE_4__["default"])(collectFilterStates(mergedColumns.value, true)); const mergedFilterStates = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { const collectedStates = collectFilterStates(mergedColumns.value, false); if (collectedStates.length === 0) { return collectedStates; } let filteredKeysIsAllNotControlled = true; let filteredKeysIsAllControlled = true; collectedStates.forEach(_ref5 => { let { filteredKeys } = _ref5; if (filteredKeys !== undefined) { filteredKeysIsAllNotControlled = false; } else { filteredKeysIsAllControlled = false; } }); // Return if not controlled if (filteredKeysIsAllNotControlled) { // Filter column may have been removed const keyList = (mergedColumns.value || []).map((column, index) => (0,_util__WEBPACK_IMPORTED_MODULE_2__.getColumnKey)(column, (0,_util__WEBPACK_IMPORTED_MODULE_2__.getColumnPos)(index))); return filterStates.value.filter(_ref6 => { let { key } = _ref6; return keyList.includes(key); }).map(item => { const col = mergedColumns.value[keyList.findIndex(key => key === item.key)]; return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, item), { column: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, item.column), col), forceFiltered: col.filtered }); }); } (0,_vc_util_devWarning__WEBPACK_IMPORTED_MODULE_5__["default"])(filteredKeysIsAllControlled, 'Table', 'Columns should all contain `filteredValue` or not contain `filteredValue`.'); return collectedStates; }); const filters = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => generateFilterInfo(mergedFilterStates.value)); const triggerFilter = filterState => { const newFilterStates = mergedFilterStates.value.filter(_ref7 => { let { key } = _ref7; return key !== filterState.key; }); newFilterStates.push(filterState); setFilterStates(newFilterStates); onFilterChange(generateFilterInfo(newFilterStates), newFilterStates); }; const transformColumns = innerColumns => { return injectFilter(prefixCls.value, dropdownPrefixCls.value, innerColumns, mergedFilterStates.value, locale.value, triggerFilter, getPopupContainer.value); }; return [transformColumns, mergedFilterStates, filters]; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useFilter); /***/ }), /***/ "./components/table/hooks/useLazyKVMap.ts": /*!************************************************!*\ !*** ./components/table/hooks/useLazyKVMap.ts ***! \************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ useLazyKVMap) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); function useLazyKVMap(dataRef, childrenColumnNameRef, getRowKeyRef) { const mapCacheRef = (0,vue__WEBPACK_IMPORTED_MODULE_0__.shallowRef)({}); (0,vue__WEBPACK_IMPORTED_MODULE_0__.watch)([dataRef, childrenColumnNameRef, getRowKeyRef], () => { const kvMap = new Map(); const getRowKey = getRowKeyRef.value; const childrenColumnName = childrenColumnNameRef.value; /* eslint-disable no-inner-declarations */ function dig(records) { records.forEach((record, index) => { const rowKey = getRowKey(record, index); kvMap.set(rowKey, record); if (record && typeof record === 'object' && childrenColumnName in record) { dig(record[childrenColumnName] || []); } }); } /* eslint-enable */ dig(dataRef.value); mapCacheRef.value = { kvMap }; }, { deep: true, immediate: true }); function getRecordByKey(key) { return mapCacheRef.value.kvMap.get(key); } return [getRecordByKey]; } /***/ }), /***/ "./components/table/hooks/usePagination.ts": /*!*************************************************!*\ !*** ./components/table/hooks/usePagination.ts ***! \*************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ DEFAULT_PAGE_SIZE: () => (/* binding */ DEFAULT_PAGE_SIZE), /* harmony export */ "default": () => (/* binding */ usePagination), /* harmony export */ getPaginationParam: () => (/* binding */ getPaginationParam) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _util_hooks_useState__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../_util/hooks/useState */ "./components/_util/hooks/useState.ts"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_extendsObject__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../_util/extendsObject */ "./components/_util/extendsObject.ts"); const DEFAULT_PAGE_SIZE = 10; function getPaginationParam(mergedPagination, pagination) { const param = { current: mergedPagination.current, pageSize: mergedPagination.pageSize }; const paginationObj = pagination && typeof pagination === 'object' ? pagination : {}; Object.keys(paginationObj).forEach(pageProp => { const value = mergedPagination[pageProp]; if (typeof value !== 'function') { param[pageProp] = value; } }); return param; } function usePagination(totalRef, paginationRef, onChange) { const pagination = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => paginationRef.value && typeof paginationRef.value === 'object' ? paginationRef.value : {}); const paginationTotal = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => pagination.value.total || 0); const [innerPagination, setInnerPagination] = (0,_util_hooks_useState__WEBPACK_IMPORTED_MODULE_2__["default"])(() => ({ current: 'defaultCurrent' in pagination.value ? pagination.value.defaultCurrent : 1, pageSize: 'defaultPageSize' in pagination.value ? pagination.value.defaultPageSize : DEFAULT_PAGE_SIZE })); // ============ Basic Pagination Config ============ const mergedPagination = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { const mP = (0,_util_extendsObject__WEBPACK_IMPORTED_MODULE_3__["default"])(innerPagination.value, pagination.value, { total: paginationTotal.value > 0 ? paginationTotal.value : totalRef.value }); // Reset `current` if data length or pageSize changed const maxPage = Math.ceil((paginationTotal.value || totalRef.value) / mP.pageSize); if (mP.current > maxPage) { // Prevent a maximum page count of 0 mP.current = maxPage || 1; } return mP; }); const refreshPagination = (current, pageSize) => { if (paginationRef.value === false) return; setInnerPagination({ current: current !== null && current !== void 0 ? current : 1, pageSize: pageSize || mergedPagination.value.pageSize }); }; const onInternalChange = (current, pageSize) => { var _a, _b; if (paginationRef.value) { (_b = (_a = pagination.value).onChange) === null || _b === void 0 ? void 0 : _b.call(_a, current, pageSize); } refreshPagination(current, pageSize); onChange(current, pageSize || mergedPagination.value.pageSize); }; return [(0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { return paginationRef.value === false ? {} : (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, mergedPagination.value), { onChange: onInternalChange }); }), refreshPagination]; } /***/ }), /***/ "./components/table/hooks/useSelection.tsx": /*!*************************************************!*\ !*** ./components/table/hooks/useSelection.tsx ***! \*************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ SELECTION_ALL: () => (/* binding */ SELECTION_ALL), /* harmony export */ SELECTION_COLUMN: () => (/* binding */ SELECTION_COLUMN), /* harmony export */ SELECTION_INVERT: () => (/* binding */ SELECTION_INVERT), /* harmony export */ SELECTION_NONE: () => (/* binding */ SELECTION_NONE), /* harmony export */ "default": () => (/* binding */ useSelection) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_vue_es_icons_DownOutlined__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/DownOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/DownOutlined.js"); /* harmony import */ var _vc_table__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../vc-table */ "./components/vc-table/utils/legacyUtil.ts"); /* harmony import */ var _vc_tree_util__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../vc-tree/util */ "./components/vc-tree/util.tsx"); /* harmony import */ var _vc_tree_utils_conductUtil__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../vc-tree/utils/conductUtil */ "./components/vc-tree/utils/conductUtil.ts"); /* harmony import */ var _vc_tree_utils_treeUtil__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../vc-tree/utils/treeUtil */ "./components/vc-tree/utils/treeUtil.ts"); /* harmony import */ var _vc_util_devWarning__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../vc-util/devWarning */ "./components/vc-util/devWarning.ts"); /* harmony import */ var _util_hooks_useMergedState__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../_util/hooks/useMergedState */ "./components/_util/hooks/useMergedState.ts"); /* harmony import */ var _util_hooks_useState__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../_util/hooks/useState */ "./components/_util/hooks/useState.ts"); /* harmony import */ var _checkbox__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../checkbox */ "./components/checkbox/index.ts"); /* harmony import */ var _dropdown__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../dropdown */ "./components/dropdown/index.ts"); /* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../menu */ "./components/menu/index.tsx"); /* harmony import */ var _radio__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../radio */ "./components/radio/index.ts"); /* harmony import */ var _vc_tree_useMaxLevel__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../vc-tree/useMaxLevel */ "./components/vc-tree/useMaxLevel.ts"); // TODO: warning if use ajax!!! const SELECTION_COLUMN = {}; const SELECTION_ALL = 'SELECT_ALL'; const SELECTION_INVERT = 'SELECT_INVERT'; const SELECTION_NONE = 'SELECT_NONE'; const EMPTY_LIST = []; function flattenData(childrenColumnName, data) { let list = []; (data || []).forEach(record => { list.push(record); if (record && typeof record === 'object' && childrenColumnName in record) { list = [...list, ...flattenData(childrenColumnName, record[childrenColumnName])]; } }); return list; } function useSelection(rowSelectionRef, configRef) { const mergedRowSelection = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { const temp = rowSelectionRef.value || {}; const { checkStrictly = true } = temp; return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, temp), { checkStrictly }); }); // ========================= Keys ========================= const [mergedSelectedKeys, setMergedSelectedKeys] = (0,_util_hooks_useMergedState__WEBPACK_IMPORTED_MODULE_3__["default"])(mergedRowSelection.value.selectedRowKeys || mergedRowSelection.value.defaultSelectedRowKeys || EMPTY_LIST, { value: (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => mergedRowSelection.value.selectedRowKeys) }); // ======================== Caches ======================== const preserveRecordsRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(new Map()); const updatePreserveRecordsCache = keys => { if (mergedRowSelection.value.preserveSelectedRowKeys) { const newCache = new Map(); // Keep key if mark as preserveSelectedRowKeys keys.forEach(key => { let record = configRef.getRecordByKey(key); if (!record && preserveRecordsRef.value.has(key)) { record = preserveRecordsRef.value.get(key); } newCache.set(key, record); }); // Refresh to new cache preserveRecordsRef.value = newCache; } }; (0,vue__WEBPACK_IMPORTED_MODULE_2__.watchEffect)(() => { updatePreserveRecordsCache(mergedSelectedKeys.value); }); const keyEntities = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => mergedRowSelection.value.checkStrictly ? null : (0,_vc_tree_utils_treeUtil__WEBPACK_IMPORTED_MODULE_4__.convertDataToEntities)(configRef.data.value, { externalGetKey: configRef.getRowKey.value, childrenPropName: configRef.childrenColumnName.value }).keyEntities); // Get flatten data const flattedData = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => flattenData(configRef.childrenColumnName.value, configRef.pageData.value)); // Get all checkbox props const checkboxPropsMap = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { const map = new Map(); const getRowKey = configRef.getRowKey.value; const getCheckboxProps = mergedRowSelection.value.getCheckboxProps; flattedData.value.forEach((record, index) => { const key = getRowKey(record, index); const checkboxProps = (getCheckboxProps ? getCheckboxProps(record) : null) || {}; map.set(key, checkboxProps); if ( true && ('checked' in checkboxProps || 'defaultChecked' in checkboxProps)) { (0,_vc_util_devWarning__WEBPACK_IMPORTED_MODULE_5__["default"])(false, 'Table', 'Do not set `checked` or `defaultChecked` in `getCheckboxProps`. Please use `selectedRowKeys` instead.'); } }); return map; }); const { maxLevel, levelEntities } = (0,_vc_tree_useMaxLevel__WEBPACK_IMPORTED_MODULE_6__["default"])(keyEntities); const isCheckboxDisabled = r => { var _a; return !!((_a = checkboxPropsMap.value.get(configRef.getRowKey.value(r))) === null || _a === void 0 ? void 0 : _a.disabled); }; const selectKeysState = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { if (mergedRowSelection.value.checkStrictly) { return [mergedSelectedKeys.value || [], []]; } const { checkedKeys, halfCheckedKeys } = (0,_vc_tree_utils_conductUtil__WEBPACK_IMPORTED_MODULE_7__.conductCheck)(mergedSelectedKeys.value, true, keyEntities.value, maxLevel.value, levelEntities.value, isCheckboxDisabled); return [checkedKeys || [], halfCheckedKeys]; }); const derivedSelectedKeys = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => selectKeysState.value[0]); const derivedHalfSelectedKeys = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => selectKeysState.value[1]); const derivedSelectedKeySet = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { const keys = mergedRowSelection.value.type === 'radio' ? derivedSelectedKeys.value.slice(0, 1) : derivedSelectedKeys.value; return new Set(keys); }); const derivedHalfSelectedKeySet = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => mergedRowSelection.value.type === 'radio' ? new Set() : new Set(derivedHalfSelectedKeys.value)); // Save last selected key to enable range selection const [lastSelectedKey, setLastSelectedKey] = (0,_util_hooks_useState__WEBPACK_IMPORTED_MODULE_8__["default"])(null); // // Reset if rowSelection reset // we use computed to reset, donot need setMergedSelectedKeys again like react // https://github.com/vueComponent/ant-design-vue/issues/4885 // watchEffect(() => { // if (!rowSelectionRef.value) { // setMergedSelectedKeys([]); // } // }); const setSelectedKeys = keys => { let availableKeys; let records; updatePreserveRecordsCache(keys); const { preserveSelectedRowKeys, onChange: onSelectionChange } = mergedRowSelection.value; const { getRecordByKey } = configRef; if (preserveSelectedRowKeys) { availableKeys = keys; records = keys.map(key => preserveRecordsRef.value.get(key)); } else { // Filter key which not exist in the `dataSource` availableKeys = []; records = []; keys.forEach(key => { const record = getRecordByKey(key); if (record !== undefined) { availableKeys.push(key); records.push(record); } }); } setMergedSelectedKeys(availableKeys); onSelectionChange === null || onSelectionChange === void 0 ? void 0 : onSelectionChange(availableKeys, records); }; // ====================== Selections ====================== // Trigger single `onSelect` event const triggerSingleSelection = (key, selected, keys, event) => { const { onSelect } = mergedRowSelection.value; const { getRecordByKey } = configRef || {}; if (onSelect) { const rows = keys.map(k => getRecordByKey(k)); onSelect(getRecordByKey(key), selected, rows, event); } setSelectedKeys(keys); }; const mergedSelections = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { const { onSelectInvert, onSelectNone, selections, hideSelectAll } = mergedRowSelection.value; const { data, pageData, getRowKey, locale: tableLocale } = configRef; if (!selections || hideSelectAll) { return null; } const selectionList = selections === true ? [SELECTION_ALL, SELECTION_INVERT, SELECTION_NONE] : selections; return selectionList.map(selection => { if (selection === SELECTION_ALL) { return { key: 'all', text: tableLocale.value.selectionAll, onSelect() { setSelectedKeys(data.value.map((record, index) => getRowKey.value(record, index)).filter(key => { const checkProps = checkboxPropsMap.value.get(key); return !(checkProps === null || checkProps === void 0 ? void 0 : checkProps.disabled) || derivedSelectedKeySet.value.has(key); })); } }; } if (selection === SELECTION_INVERT) { return { key: 'invert', text: tableLocale.value.selectInvert, onSelect() { const keySet = new Set(derivedSelectedKeySet.value); pageData.value.forEach((record, index) => { const key = getRowKey.value(record, index); const checkProps = checkboxPropsMap.value.get(key); if (!(checkProps === null || checkProps === void 0 ? void 0 : checkProps.disabled)) { if (keySet.has(key)) { keySet.delete(key); } else { keySet.add(key); } } }); const keys = Array.from(keySet); if (onSelectInvert) { (0,_vc_util_devWarning__WEBPACK_IMPORTED_MODULE_5__["default"])(false, 'Table', '`onSelectInvert` will be removed in future. Please use `onChange` instead.'); onSelectInvert(keys); } setSelectedKeys(keys); } }; } if (selection === SELECTION_NONE) { return { key: 'none', text: tableLocale.value.selectNone, onSelect() { onSelectNone === null || onSelectNone === void 0 ? void 0 : onSelectNone(); setSelectedKeys(Array.from(derivedSelectedKeySet.value).filter(key => { const checkProps = checkboxPropsMap.value.get(key); return checkProps === null || checkProps === void 0 ? void 0 : checkProps.disabled; })); } }; } return selection; }); }); const flattedDataLength = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => flattedData.value.length); // ======================= Columns ======================== const transformColumns = columns => { var _a; const { onSelectAll, onSelectMultiple, columnWidth: selectionColWidth, type: selectionType, fixed, renderCell: customizeRenderCell, hideSelectAll, checkStrictly } = mergedRowSelection.value; const { prefixCls, getRecordByKey, getRowKey, expandType, getPopupContainer } = configRef; if (!rowSelectionRef.value) { if (true) { (0,_vc_util_devWarning__WEBPACK_IMPORTED_MODULE_5__["default"])(!columns.includes(SELECTION_COLUMN), 'Table', '`rowSelection` is not config but `SELECTION_COLUMN` exists in the `columns`.'); } return columns.filter(col => col !== SELECTION_COLUMN); } // Support selection let cloneColumns = columns.slice(); const keySet = new Set(derivedSelectedKeySet.value); // Record key only need check with enabled const recordKeys = flattedData.value.map(getRowKey.value).filter(key => !checkboxPropsMap.value.get(key).disabled); const checkedCurrentAll = recordKeys.every(key => keySet.has(key)); const checkedCurrentSome = recordKeys.some(key => keySet.has(key)); const onSelectAllChange = () => { const changeKeys = []; if (checkedCurrentAll) { recordKeys.forEach(key => { keySet.delete(key); changeKeys.push(key); }); } else { recordKeys.forEach(key => { if (!keySet.has(key)) { keySet.add(key); changeKeys.push(key); } }); } const keys = Array.from(keySet); onSelectAll === null || onSelectAll === void 0 ? void 0 : onSelectAll(!checkedCurrentAll, keys.map(k => getRecordByKey(k)), changeKeys.map(k => getRecordByKey(k))); setSelectedKeys(keys); }; // ===================== Render ===================== // Title Cell let title; if (selectionType !== 'radio') { let customizeSelections; if (mergedSelections.value) { const menu = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_menu__WEBPACK_IMPORTED_MODULE_9__["default"], { "getPopupContainer": getPopupContainer.value }, { default: () => [mergedSelections.value.map((selection, index) => { const { key, text, onSelect: onSelectionClick } = selection; return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_menu__WEBPACK_IMPORTED_MODULE_9__["default"].Item, { "key": key || index, "onClick": () => { onSelectionClick === null || onSelectionClick === void 0 ? void 0 : onSelectionClick(recordKeys); } }, { default: () => [text] }); })] }); customizeSelections = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": `${prefixCls.value}-selection-extra` }, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_dropdown__WEBPACK_IMPORTED_MODULE_10__["default"], { "overlay": menu, "getPopupContainer": getPopupContainer.value }, { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", null, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_ant_design_icons_vue_es_icons_DownOutlined__WEBPACK_IMPORTED_MODULE_11__["default"], null, null)])] })]); } const allDisabledData = flattedData.value.map((record, index) => { const key = getRowKey.value(record, index); const checkboxProps = checkboxPropsMap.value.get(key) || {}; return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({ checked: keySet.has(key) }, checkboxProps); }).filter(_ref => { let { disabled } = _ref; return disabled; }); const allDisabled = !!allDisabledData.length && allDisabledData.length === flattedDataLength.value; const allDisabledAndChecked = allDisabled && allDisabledData.every(_ref2 => { let { checked } = _ref2; return checked; }); const allDisabledSomeChecked = allDisabled && allDisabledData.some(_ref3 => { let { checked } = _ref3; return checked; }); title = !hideSelectAll && (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": `${prefixCls.value}-selection` }, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_checkbox__WEBPACK_IMPORTED_MODULE_12__["default"], { "checked": !allDisabled ? !!flattedDataLength.value && checkedCurrentAll : allDisabledAndChecked, "indeterminate": !allDisabled ? !checkedCurrentAll && checkedCurrentSome : !allDisabledAndChecked && allDisabledSomeChecked, "onChange": onSelectAllChange, "disabled": flattedDataLength.value === 0 || allDisabled, "aria-label": customizeSelections ? 'Custom selection' : 'Select all', "skipGroup": true }, null), customizeSelections]); } // Body Cell let renderCell; if (selectionType === 'radio') { renderCell = _ref4 => { let { record, index } = _ref4; const key = getRowKey.value(record, index); const checked = keySet.has(key); return { node: (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_radio__WEBPACK_IMPORTED_MODULE_13__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, checkboxPropsMap.value.get(key)), {}, { "checked": checked, "onClick": e => e.stopPropagation(), "onChange": event => { if (!keySet.has(key)) { triggerSingleSelection(key, true, [key], event.nativeEvent); } } }), null), checked }; }; } else { renderCell = _ref5 => { let { record, index } = _ref5; var _a; const key = getRowKey.value(record, index); const checked = keySet.has(key); const indeterminate = derivedHalfSelectedKeySet.value.has(key); const checkboxProps = checkboxPropsMap.value.get(key); let mergedIndeterminate; if (expandType.value === 'nest') { mergedIndeterminate = indeterminate; (0,_vc_util_devWarning__WEBPACK_IMPORTED_MODULE_5__["default"])(typeof (checkboxProps === null || checkboxProps === void 0 ? void 0 : checkboxProps.indeterminate) !== 'boolean', 'Table', 'set `indeterminate` using `rowSelection.getCheckboxProps` is not allowed with tree structured dataSource.'); } else { mergedIndeterminate = (_a = checkboxProps === null || checkboxProps === void 0 ? void 0 : checkboxProps.indeterminate) !== null && _a !== void 0 ? _a : indeterminate; } // Record checked return { node: (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_checkbox__WEBPACK_IMPORTED_MODULE_12__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, checkboxProps), {}, { "indeterminate": mergedIndeterminate, "checked": checked, "skipGroup": true, "onClick": e => e.stopPropagation(), "onChange": _ref6 => { let { nativeEvent } = _ref6; const { shiftKey } = nativeEvent; let startIndex = -1; let endIndex = -1; // Get range of this if (shiftKey && checkStrictly) { const pointKeys = new Set([lastSelectedKey.value, key]); recordKeys.some((recordKey, recordIndex) => { if (pointKeys.has(recordKey)) { if (startIndex === -1) { startIndex = recordIndex; } else { endIndex = recordIndex; return true; } } return false; }); } if (endIndex !== -1 && startIndex !== endIndex && checkStrictly) { // Batch update selections const rangeKeys = recordKeys.slice(startIndex, endIndex + 1); const changedKeys = []; if (checked) { rangeKeys.forEach(recordKey => { if (keySet.has(recordKey)) { changedKeys.push(recordKey); keySet.delete(recordKey); } }); } else { rangeKeys.forEach(recordKey => { if (!keySet.has(recordKey)) { changedKeys.push(recordKey); keySet.add(recordKey); } }); } const keys = Array.from(keySet); onSelectMultiple === null || onSelectMultiple === void 0 ? void 0 : onSelectMultiple(!checked, keys.map(recordKey => getRecordByKey(recordKey)), changedKeys.map(recordKey => getRecordByKey(recordKey))); setSelectedKeys(keys); } else { // Single record selected const originCheckedKeys = derivedSelectedKeys.value; if (checkStrictly) { const checkedKeys = checked ? (0,_vc_tree_util__WEBPACK_IMPORTED_MODULE_14__.arrDel)(originCheckedKeys, key) : (0,_vc_tree_util__WEBPACK_IMPORTED_MODULE_14__.arrAdd)(originCheckedKeys, key); triggerSingleSelection(key, !checked, checkedKeys, nativeEvent); } else { // Always fill first const result = (0,_vc_tree_utils_conductUtil__WEBPACK_IMPORTED_MODULE_7__.conductCheck)([...originCheckedKeys, key], true, keyEntities.value, maxLevel.value, levelEntities.value, isCheckboxDisabled); const { checkedKeys, halfCheckedKeys } = result; let nextCheckedKeys = checkedKeys; // If remove, we do it again to correction if (checked) { const tempKeySet = new Set(checkedKeys); tempKeySet.delete(key); nextCheckedKeys = (0,_vc_tree_utils_conductUtil__WEBPACK_IMPORTED_MODULE_7__.conductCheck)(Array.from(tempKeySet), { checked: false, halfCheckedKeys }, keyEntities.value, maxLevel.value, levelEntities.value, isCheckboxDisabled).checkedKeys; } triggerSingleSelection(key, !checked, nextCheckedKeys, nativeEvent); } } setLastSelectedKey(key); } }), null), checked }; }; } const renderSelectionCell = _ref7 => { let { record, index } = _ref7; const { node, checked } = renderCell({ record, index }); if (customizeRenderCell) { return customizeRenderCell(checked, record, index, node); } return node; }; // Insert selection column if not exist if (!cloneColumns.includes(SELECTION_COLUMN)) { // Always after expand icon if (cloneColumns.findIndex(col => { var _a; return ((_a = col[_vc_table__WEBPACK_IMPORTED_MODULE_15__.INTERNAL_COL_DEFINE]) === null || _a === void 0 ? void 0 : _a.columnType) === 'EXPAND_COLUMN'; }) === 0) { const [expandColumn, ...restColumns] = cloneColumns; cloneColumns = [expandColumn, SELECTION_COLUMN, ...restColumns]; } else { // Normal insert at first column cloneColumns = [SELECTION_COLUMN, ...cloneColumns]; } } // Deduplicate selection column const selectionColumnIndex = cloneColumns.indexOf(SELECTION_COLUMN); if ( true && cloneColumns.filter(col => col === SELECTION_COLUMN).length > 1) { (0,_vc_util_devWarning__WEBPACK_IMPORTED_MODULE_5__["default"])(false, 'Table', 'Multiple `SELECTION_COLUMN` exist in `columns`.'); } cloneColumns = cloneColumns.filter((column, index) => column !== SELECTION_COLUMN || index === selectionColumnIndex); // Fixed column logic const prevCol = cloneColumns[selectionColumnIndex - 1]; const nextCol = cloneColumns[selectionColumnIndex + 1]; let mergedFixed = fixed; if (mergedFixed === undefined) { if ((nextCol === null || nextCol === void 0 ? void 0 : nextCol.fixed) !== undefined) { mergedFixed = nextCol.fixed; } else if ((prevCol === null || prevCol === void 0 ? void 0 : prevCol.fixed) !== undefined) { mergedFixed = prevCol.fixed; } } if (mergedFixed && prevCol && ((_a = prevCol[_vc_table__WEBPACK_IMPORTED_MODULE_15__.INTERNAL_COL_DEFINE]) === null || _a === void 0 ? void 0 : _a.columnType) === 'EXPAND_COLUMN' && prevCol.fixed === undefined) { prevCol.fixed = mergedFixed; } // Replace with real selection column const selectionColumn = { fixed: mergedFixed, width: selectionColWidth, className: `${prefixCls.value}-selection-column`, title: mergedRowSelection.value.columnTitle || title, customRender: renderSelectionCell, [_vc_table__WEBPACK_IMPORTED_MODULE_15__.INTERNAL_COL_DEFINE]: { class: `${prefixCls.value}-selection-col` } }; return cloneColumns.map(col => col === SELECTION_COLUMN ? selectionColumn : col); }; return [transformColumns, derivedSelectedKeySet]; } /***/ }), /***/ "./components/table/hooks/useSorter.tsx": /*!**********************************************!*\ !*** ./components/table/hooks/useSorter.tsx ***! \**********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ useFilterSorter), /* harmony export */ getSortData: () => (/* binding */ getSortData) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_vue_es_icons_CaretDownOutlined__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/CaretDownOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/CaretDownOutlined.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_CaretUpOutlined__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/CaretUpOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/CaretUpOutlined.js"); /* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../tooltip */ "./components/tooltip/index.ts"); /* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../util */ "./components/table/util.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _util_hooks_useState__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../_util/hooks/useState */ "./components/_util/hooks/useState.ts"); /* harmony import */ var _util_KeyCode__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../_util/KeyCode */ "./components/_util/KeyCode.ts"); const ASCEND = 'ascend'; const DESCEND = 'descend'; function getMultiplePriority(column) { if (typeof column.sorter === 'object' && typeof column.sorter.multiple === 'number') { return column.sorter.multiple; } return false; } function getSortFunction(sorter) { if (typeof sorter === 'function') { return sorter; } if (sorter && typeof sorter === 'object' && sorter.compare) { return sorter.compare; } return false; } function nextSortDirection(sortDirections, current) { if (!current) { return sortDirections[0]; } return sortDirections[sortDirections.indexOf(current) + 1]; } function collectSortStates(columns, init, pos) { let sortStates = []; function pushState(column, columnPos) { sortStates.push({ column, key: (0,_util__WEBPACK_IMPORTED_MODULE_2__.getColumnKey)(column, columnPos), multiplePriority: getMultiplePriority(column), sortOrder: column.sortOrder }); } (columns || []).forEach((column, index) => { const columnPos = (0,_util__WEBPACK_IMPORTED_MODULE_2__.getColumnPos)(index, pos); if (column.children) { if ('sortOrder' in column) { // Controlled pushState(column, columnPos); } sortStates = [...sortStates, ...collectSortStates(column.children, init, columnPos)]; } else if (column.sorter) { if ('sortOrder' in column) { // Controlled pushState(column, columnPos); } else if (init && column.defaultSortOrder) { // Default sorter sortStates.push({ column, key: (0,_util__WEBPACK_IMPORTED_MODULE_2__.getColumnKey)(column, columnPos), multiplePriority: getMultiplePriority(column), sortOrder: column.defaultSortOrder }); } } }); return sortStates; } function injectSorter(prefixCls, columns, sorterStates, triggerSorter, defaultSortDirections, tableLocale, tableShowSorterTooltip, pos) { return (columns || []).map((column, index) => { const columnPos = (0,_util__WEBPACK_IMPORTED_MODULE_2__.getColumnPos)(index, pos); let newColumn = column; if (newColumn.sorter) { const sortDirections = newColumn.sortDirections || defaultSortDirections; const showSorterTooltip = newColumn.showSorterTooltip === undefined ? tableShowSorterTooltip : newColumn.showSorterTooltip; const columnKey = (0,_util__WEBPACK_IMPORTED_MODULE_2__.getColumnKey)(newColumn, columnPos); const sorterState = sorterStates.find(_ref => { let { key } = _ref; return key === columnKey; }); const sorterOrder = sorterState ? sorterState.sortOrder : null; const nextSortOrder = nextSortDirection(sortDirections, sorterOrder); const upNode = sortDirections.includes(ASCEND) && (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_ant_design_icons_vue_es_icons_CaretUpOutlined__WEBPACK_IMPORTED_MODULE_3__["default"], { "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_4__["default"])(`${prefixCls}-column-sorter-up`, { active: sorterOrder === ASCEND }), "role": "presentation" }, null); const downNode = sortDirections.includes(DESCEND) && (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_ant_design_icons_vue_es_icons_CaretDownOutlined__WEBPACK_IMPORTED_MODULE_5__["default"], { "role": "presentation", "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_4__["default"])(`${prefixCls}-column-sorter-down`, { active: sorterOrder === DESCEND }) }, null); const { cancelSort, triggerAsc, triggerDesc } = tableLocale || {}; let sortTip = cancelSort; if (nextSortOrder === DESCEND) { sortTip = triggerDesc; } else if (nextSortOrder === ASCEND) { sortTip = triggerAsc; } const tooltipProps = typeof showSorterTooltip === 'object' ? showSorterTooltip : { title: sortTip }; newColumn = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, newColumn), { className: (0,_util_classNames__WEBPACK_IMPORTED_MODULE_4__["default"])(newColumn.className, { [`${prefixCls}-column-sort`]: sorterOrder }), title: renderProps => { const renderSortTitle = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${prefixCls}-column-sorters` }, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", { "class": `${prefixCls}-column-title` }, [(0,_util__WEBPACK_IMPORTED_MODULE_2__.renderColumnTitle)(column.title, renderProps)]), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", { "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_4__["default"])(`${prefixCls}-column-sorter`, { [`${prefixCls}-column-sorter-full`]: !!(upNode && downNode) }) }, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", { "class": `${prefixCls}-column-sorter-inner` }, [upNode, downNode])])]); return showSorterTooltip ? (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_tooltip__WEBPACK_IMPORTED_MODULE_6__["default"], tooltipProps, { default: () => [renderSortTitle] }) : renderSortTitle; }, customHeaderCell: col => { const cell = column.customHeaderCell && column.customHeaderCell(col) || {}; const originOnClick = cell.onClick; const originOKeyDown = cell.onKeydown; cell.onClick = event => { triggerSorter({ column, key: columnKey, sortOrder: nextSortOrder, multiplePriority: getMultiplePriority(column) }); if (originOnClick) { originOnClick(event); } }; cell.onKeydown = event => { if (event.keyCode === _util_KeyCode__WEBPACK_IMPORTED_MODULE_7__["default"].ENTER) { triggerSorter({ column, key: columnKey, sortOrder: nextSortOrder, multiplePriority: getMultiplePriority(column) }); originOKeyDown === null || originOKeyDown === void 0 ? void 0 : originOKeyDown(event); } }; // Inform the screen-reader so it can tell the visually impaired user which column is sorted if (sorterOrder) { cell['aria-sort'] = sorterOrder === 'ascend' ? 'ascending' : 'descending'; } cell.class = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_4__["default"])(cell.class, `${prefixCls}-column-has-sorters`); cell.tabindex = 0; return cell; } }); } if ('children' in newColumn) { newColumn = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, newColumn), { children: injectSorter(prefixCls, newColumn.children, sorterStates, triggerSorter, defaultSortDirections, tableLocale, tableShowSorterTooltip, columnPos) }); } return newColumn; }); } function stateToInfo(sorterStates) { const { column, sortOrder } = sorterStates; return { column, order: sortOrder, field: column.dataIndex, columnKey: column.key }; } function generateSorterInfo(sorterStates) { const list = sorterStates.filter(_ref2 => { let { sortOrder } = _ref2; return sortOrder; }).map(stateToInfo); // =========== Legacy compatible support =========== // https://github.com/ant-design/ant-design/pull/19226 if (list.length === 0 && sorterStates.length) { return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, stateToInfo(sorterStates[sorterStates.length - 1])), { column: undefined }); } if (list.length <= 1) { return list[0] || {}; } return list; } function getSortData(data, sortStates, childrenColumnName) { const innerSorterStates = sortStates.slice().sort((a, b) => b.multiplePriority - a.multiplePriority); const cloneData = data.slice(); const runningSorters = innerSorterStates.filter(_ref3 => { let { column: { sorter }, sortOrder } = _ref3; return getSortFunction(sorter) && sortOrder; }); // Skip if no sorter needed if (!runningSorters.length) { return cloneData; } return cloneData.sort((record1, record2) => { for (let i = 0; i < runningSorters.length; i += 1) { const sorterState = runningSorters[i]; const { column: { sorter }, sortOrder } = sorterState; const compareFn = getSortFunction(sorter); if (compareFn && sortOrder) { const compareResult = compareFn(record1, record2, sortOrder); if (compareResult !== 0) { return sortOrder === ASCEND ? compareResult : -compareResult; } } } return 0; }).map(record => { const subRecords = record[childrenColumnName]; if (subRecords) { return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, record), { [childrenColumnName]: getSortData(subRecords, sortStates, childrenColumnName) }); } return record; }); } function useFilterSorter(_ref4) { let { prefixCls, mergedColumns, onSorterChange, sortDirections, tableLocale, showSorterTooltip } = _ref4; const [sortStates, setSortStates] = (0,_util_hooks_useState__WEBPACK_IMPORTED_MODULE_8__["default"])(collectSortStates(mergedColumns.value, true)); const mergedSorterStates = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { let validate = true; const collectedStates = collectSortStates(mergedColumns.value, false); // Return if not controlled if (!collectedStates.length) { return sortStates.value; } const validateStates = []; function patchStates(state) { if (validate) { validateStates.push(state); } else { validateStates.push((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, state), { sortOrder: null })); } } let multipleMode = null; collectedStates.forEach(state => { if (multipleMode === null) { patchStates(state); if (state.sortOrder) { if (state.multiplePriority === false) { validate = false; } else { multipleMode = true; } } } else if (multipleMode && state.multiplePriority !== false) { patchStates(state); } else { validate = false; patchStates(state); } }); return validateStates; }); // Get render columns title required props const columnTitleSorterProps = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { const sortColumns = mergedSorterStates.value.map(_ref5 => { let { column, sortOrder } = _ref5; return { column, order: sortOrder }; }); return { sortColumns, // Legacy sortColumn: sortColumns[0] && sortColumns[0].column, sortOrder: sortColumns[0] && sortColumns[0].order }; }); function triggerSorter(sortState) { let newSorterStates; if (sortState.multiplePriority === false || !mergedSorterStates.value.length || mergedSorterStates.value[0].multiplePriority === false) { newSorterStates = [sortState]; } else { newSorterStates = [...mergedSorterStates.value.filter(_ref6 => { let { key } = _ref6; return key !== sortState.key; }), sortState]; } setSortStates(newSorterStates); onSorterChange(generateSorterInfo(newSorterStates), newSorterStates); } const transformColumns = innerColumns => injectSorter(prefixCls.value, innerColumns, mergedSorterStates.value, triggerSorter, sortDirections.value, tableLocale.value, showSorterTooltip.value); const sorters = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => generateSorterInfo(mergedSorterStates.value)); return [transformColumns, mergedSorterStates, columnTitleSorterProps, sorters]; } /***/ }), /***/ "./components/table/hooks/useTitleColumns.tsx": /*!****************************************************!*\ !*** ./components/table/hooks/useTitleColumns.tsx ***! \****************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ useTitleColumns) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../util */ "./components/table/util.ts"); function fillTitle(columns, columnTitleProps) { return columns.map(column => { const cloneColumn = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, column); cloneColumn.title = (0,_util__WEBPACK_IMPORTED_MODULE_1__.renderColumnTitle)(cloneColumn.title, columnTitleProps); if ('children' in cloneColumn) { cloneColumn.children = fillTitle(cloneColumn.children, columnTitleProps); } return cloneColumn; }); } function useTitleColumns(columnTitleProps) { const filledColumns = columns => fillTitle(columns, columnTitleProps.value); return [filledColumns]; } /***/ }), /***/ "./components/table/index.tsx": /*!************************************!*\ !*** ./components/table/index.tsx ***! \************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ TableColumn: () => (/* reexport safe */ _Column__WEBPACK_IMPORTED_MODULE_5__["default"]), /* harmony export */ TableColumnGroup: () => (/* reexport safe */ _ColumnGroup__WEBPACK_IMPORTED_MODULE_6__["default"]), /* harmony export */ TableSummary: () => (/* binding */ TableSummary), /* harmony export */ TableSummaryCell: () => (/* binding */ TableSummaryCell), /* harmony export */ TableSummaryRow: () => (/* binding */ TableSummaryRow), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ tableProps: () => (/* reexport safe */ _Table__WEBPACK_IMPORTED_MODULE_4__.tableProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _Table__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Table */ "./components/table/Table.tsx"); /* harmony import */ var _Column__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Column */ "./components/table/Column.tsx"); /* harmony import */ var _ColumnGroup__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./ColumnGroup */ "./components/table/ColumnGroup.tsx"); /* harmony import */ var _vc_table__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../vc-table */ "./components/vc-table/Footer/Row.tsx"); /* harmony import */ var _vc_table__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../vc-table */ "./components/vc-table/Footer/Cell.tsx"); /* harmony import */ var _vc_table__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../vc-table */ "./components/vc-table/Footer/index.tsx"); /* harmony import */ var _vc_table__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../vc-table */ "./components/vc-table/constant.ts"); /* harmony import */ var _hooks_useSelection__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./hooks/useSelection */ "./components/table/hooks/useSelection.tsx"); const TableSummaryRow = _vc_table__WEBPACK_IMPORTED_MODULE_1__["default"]; const TableSummaryCell = _vc_table__WEBPACK_IMPORTED_MODULE_2__["default"]; const TableSummary = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])(_vc_table__WEBPACK_IMPORTED_MODULE_3__.FooterComponents, { Cell: TableSummaryCell, Row: TableSummaryRow, name: 'ATableSummary' }); /* istanbul ignore next */ /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])(_Table__WEBPACK_IMPORTED_MODULE_4__["default"], { SELECTION_ALL: _hooks_useSelection__WEBPACK_IMPORTED_MODULE_7__.SELECTION_ALL, SELECTION_INVERT: _hooks_useSelection__WEBPACK_IMPORTED_MODULE_7__.SELECTION_INVERT, SELECTION_NONE: _hooks_useSelection__WEBPACK_IMPORTED_MODULE_7__.SELECTION_NONE, SELECTION_COLUMN: _hooks_useSelection__WEBPACK_IMPORTED_MODULE_7__.SELECTION_COLUMN, EXPAND_COLUMN: _vc_table__WEBPACK_IMPORTED_MODULE_8__.EXPAND_COLUMN, Column: _Column__WEBPACK_IMPORTED_MODULE_5__["default"], ColumnGroup: _ColumnGroup__WEBPACK_IMPORTED_MODULE_6__["default"], Summary: TableSummary, install: app => { app.component(TableSummary.name, TableSummary); app.component(TableSummaryCell.name, TableSummaryCell); app.component(TableSummaryRow.name, TableSummaryRow); app.component(_Table__WEBPACK_IMPORTED_MODULE_4__["default"].name, _Table__WEBPACK_IMPORTED_MODULE_4__["default"]); app.component(_Column__WEBPACK_IMPORTED_MODULE_5__["default"].name, _Column__WEBPACK_IMPORTED_MODULE_5__["default"]); app.component(_ColumnGroup__WEBPACK_IMPORTED_MODULE_6__["default"].name, _ColumnGroup__WEBPACK_IMPORTED_MODULE_6__["default"]); return app; } })); /***/ }), /***/ "./components/table/style/bordered.ts": /*!********************************************!*\ !*** ./components/table/style/bordered.ts ***! \********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); const genBorderedStyle = token => { const { componentCls } = token; const tableBorder = `${token.lineWidth}px ${token.lineType} ${token.tableBorderColor}`; const getSizeBorderStyle = (size, paddingVertical, paddingHorizontal) => ({ [`&${componentCls}-${size}`]: { [`> ${componentCls}-container`]: { [`> ${componentCls}-content, > ${componentCls}-body`]: { '> table > tbody > tr > td': { [`> ${componentCls}-expanded-row-fixed`]: { margin: `-${paddingVertical}px -${paddingHorizontal + token.lineWidth}px` } } } } } }); return { [`${componentCls}-wrapper`]: { [`${componentCls}${componentCls}-bordered`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ // ============================ Title ============================= [`> ${componentCls}-title`]: { border: tableBorder, borderBottom: 0 }, // ============================ Content ============================ [`> ${componentCls}-container`]: { borderInlineStart: tableBorder, [` > ${componentCls}-content, > ${componentCls}-header, > ${componentCls}-body, > ${componentCls}-summary `]: { '> table': { // ============================= Cell ============================= [` > thead > tr > th, > tbody > tr > td, > tfoot > tr > th, > tfoot > tr > td `]: { borderInlineEnd: tableBorder }, // ============================ Header ============================ '> thead': { '> tr:not(:last-child) > th': { borderBottom: tableBorder }, '> tr > th::before': { backgroundColor: 'transparent !important' } }, // Fixed right should provides additional border [` > thead > tr, > tbody > tr, > tfoot > tr `]: { [`> ${componentCls}-cell-fix-right-first::after`]: { borderInlineEnd: tableBorder } }, // ========================== Expandable ========================== '> tbody > tr > td': { [`> ${componentCls}-expanded-row-fixed`]: { margin: `-${token.tablePaddingVertical}px -${token.tablePaddingHorizontal + token.lineWidth}px`, '&::after': { position: 'absolute', top: 0, insetInlineEnd: token.lineWidth, bottom: 0, borderInlineEnd: tableBorder, content: '""' } } } } }, [` > ${componentCls}-content, > ${componentCls}-header `]: { '> table': { borderTop: tableBorder } } }, // ============================ Scroll ============================ [`&${componentCls}-scroll-horizontal`]: { [`> ${componentCls}-container > ${componentCls}-body`]: { '> table > tbody': { [` > tr${componentCls}-expanded-row, > tr${componentCls}-placeholder `]: { '> td': { borderInlineEnd: 0 } } } } } }, getSizeBorderStyle('middle', token.tablePaddingVerticalMiddle, token.tablePaddingHorizontalMiddle)), getSizeBorderStyle('small', token.tablePaddingVerticalSmall, token.tablePaddingHorizontalSmall)), { // ============================ Footer ============================ [`> ${componentCls}-footer`]: { border: tableBorder, borderTop: 0 } }), // ============================ Nested ============================ [`${componentCls}-cell`]: { [`${componentCls}-container:first-child`]: { // :first-child to avoid the case when bordered and title is set borderTop: 0 }, // https://github.com/ant-design/ant-design/issues/35577 '&-scrollbar:not([rowspan])': { boxShadow: `0 ${token.lineWidth}px 0 ${token.lineWidth}px ${token.tableHeaderBg}` } } } }; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (genBorderedStyle); /***/ }), /***/ "./components/table/style/ellipsis.ts": /*!********************************************!*\ !*** ./components/table/style/ellipsis.ts ***! \********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../style */ "./components/style/index.ts"); const genEllipsisStyle = token => { const { componentCls } = token; return { [`${componentCls}-wrapper`]: { [`${componentCls}-cell-ellipsis`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, _style__WEBPACK_IMPORTED_MODULE_1__.textEllipsis), { wordBreak: 'keep-all', // Fixed first or last should special process [` &${componentCls}-cell-fix-left-last, &${componentCls}-cell-fix-right-first `]: { overflow: 'visible', [`${componentCls}-cell-content`]: { display: 'block', overflow: 'hidden', textOverflow: 'ellipsis' } }, [`${componentCls}-column-title`]: { overflow: 'hidden', textOverflow: 'ellipsis', wordBreak: 'keep-all' } }) } }; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (genEllipsisStyle); /***/ }), /***/ "./components/table/style/empty.ts": /*!*****************************************!*\ !*** ./components/table/style/empty.ts ***! \*****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); // ========================= Placeholder ========================== const genEmptyStyle = token => { const { componentCls } = token; return { [`${componentCls}-wrapper`]: { [`${componentCls}-tbody > tr${componentCls}-placeholder`]: { textAlign: 'center', color: token.colorTextDisabled, '&:hover > td': { background: token.colorBgContainer } } } }; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (genEmptyStyle); /***/ }), /***/ "./components/table/style/expand.ts": /*!******************************************!*\ !*** ./components/table/style/expand.ts ***! \******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../style */ "./components/style/operationUnit.ts"); const genExpandStyle = token => { const { componentCls, antCls, controlInteractiveSize: checkboxSize, motionDurationSlow, lineWidth, paddingXS, lineType, tableBorderColor, tableExpandIconBg, tableExpandColumnWidth, borderRadius, fontSize, fontSizeSM, lineHeight, tablePaddingVertical, tablePaddingHorizontal, tableExpandedRowBg, paddingXXS } = token; const halfInnerSize = checkboxSize / 2 - lineWidth; // must be odd number, unless it cannot align center const expandIconSize = halfInnerSize * 2 + lineWidth * 3; const tableBorder = `${lineWidth}px ${lineType} ${tableBorderColor}`; const expandIconLineOffset = paddingXXS - lineWidth; return { [`${componentCls}-wrapper`]: { [`${componentCls}-expand-icon-col`]: { width: tableExpandColumnWidth }, [`${componentCls}-row-expand-icon-cell`]: { textAlign: 'center', [`${componentCls}-row-expand-icon`]: { display: 'inline-flex', float: 'none', verticalAlign: 'sub' } }, [`${componentCls}-row-indent`]: { height: 1, float: 'left' }, [`${componentCls}-row-expand-icon`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_1__.operationUnit)(token)), { position: 'relative', float: 'left', boxSizing: 'border-box', width: expandIconSize, height: expandIconSize, padding: 0, color: 'inherit', lineHeight: `${expandIconSize}px`, background: tableExpandIconBg, border: tableBorder, borderRadius, transform: `scale(${checkboxSize / expandIconSize})`, transition: `all ${motionDurationSlow}`, userSelect: 'none', [`&:focus, &:hover, &:active`]: { borderColor: 'currentcolor' }, [`&::before, &::after`]: { position: 'absolute', background: 'currentcolor', transition: `transform ${motionDurationSlow} ease-out`, content: '""' }, '&::before': { top: halfInnerSize, insetInlineEnd: expandIconLineOffset, insetInlineStart: expandIconLineOffset, height: lineWidth }, '&::after': { top: expandIconLineOffset, bottom: expandIconLineOffset, insetInlineStart: halfInnerSize, width: lineWidth, transform: 'rotate(90deg)' }, // Motion effect '&-collapsed::before': { transform: 'rotate(-180deg)' }, '&-collapsed::after': { transform: 'rotate(0deg)' }, '&-spaced': { '&::before, &::after': { display: 'none', content: 'none' }, background: 'transparent', border: 0, visibility: 'hidden' } }), [`${componentCls}-row-indent + ${componentCls}-row-expand-icon`]: { marginTop: (fontSize * lineHeight - lineWidth * 3) / 2 - Math.ceil((fontSizeSM * 1.4 - lineWidth * 3) / 2), marginInlineEnd: paddingXS }, [`tr${componentCls}-expanded-row`]: { '&, &:hover': { '> td': { background: tableExpandedRowBg } }, // https://github.com/ant-design/ant-design/issues/25573 [`${antCls}-descriptions-view`]: { display: 'flex', table: { flex: 'auto', width: 'auto' } } }, // With fixed [`${componentCls}-expanded-row-fixed`]: { position: 'relative', margin: `-${tablePaddingVertical}px -${tablePaddingHorizontal}px`, padding: `${tablePaddingVertical}px ${tablePaddingHorizontal}px` } } }; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (genExpandStyle); /***/ }), /***/ "./components/table/style/filter.ts": /*!******************************************!*\ !*** ./components/table/style/filter.ts ***! \******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../style */ "./components/style/index.ts"); const genFilterStyle = token => { const { componentCls, antCls, iconCls, tableFilterDropdownWidth, tableFilterDropdownSearchWidth, paddingXXS, paddingXS, colorText, lineWidth, lineType, tableBorderColor, tableHeaderIconColor, fontSizeSM, tablePaddingHorizontal, borderRadius, motionDurationSlow, colorTextDescription, colorPrimary, tableHeaderFilterActiveBg, colorTextDisabled, tableFilterDropdownBg, tableFilterDropdownHeight, controlItemBgHover, controlItemBgActive, boxShadowSecondary } = token; const dropdownPrefixCls = `${antCls}-dropdown`; const tableFilterDropdownPrefixCls = `${componentCls}-filter-dropdown`; const treePrefixCls = `${antCls}-tree`; const tableBorder = `${lineWidth}px ${lineType} ${tableBorderColor}`; return [{ [`${componentCls}-wrapper`]: { [`${componentCls}-filter-column`]: { display: 'flex', justifyContent: 'space-between' }, [`${componentCls}-filter-trigger`]: { position: 'relative', display: 'flex', alignItems: 'center', marginBlock: -paddingXXS, marginInline: `${paddingXXS}px ${-tablePaddingHorizontal / 2}px`, padding: `0 ${paddingXXS}px`, color: tableHeaderIconColor, fontSize: fontSizeSM, borderRadius, cursor: 'pointer', transition: `all ${motionDurationSlow}`, '&:hover': { color: colorTextDescription, background: tableHeaderFilterActiveBg }, '&.active': { color: colorPrimary } } } }, { // Dropdown [`${antCls}-dropdown`]: { [tableFilterDropdownPrefixCls]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_1__.resetComponent)(token)), { minWidth: tableFilterDropdownWidth, backgroundColor: tableFilterDropdownBg, borderRadius, boxShadow: boxShadowSecondary, // Reset menu [`${dropdownPrefixCls}-menu`]: { // https://github.com/ant-design/ant-design/issues/4916 // https://github.com/ant-design/ant-design/issues/19542 maxHeight: tableFilterDropdownHeight, overflowX: 'hidden', border: 0, boxShadow: 'none', '&:empty::after': { display: 'block', padding: `${paddingXS}px 0`, color: colorTextDisabled, fontSize: fontSizeSM, textAlign: 'center', content: '"Not Found"' } }, [`${tableFilterDropdownPrefixCls}-tree`]: { paddingBlock: `${paddingXS}px 0`, paddingInline: paddingXS, [treePrefixCls]: { padding: 0 }, [`${treePrefixCls}-treenode ${treePrefixCls}-node-content-wrapper:hover`]: { backgroundColor: controlItemBgHover }, [`${treePrefixCls}-treenode-checkbox-checked ${treePrefixCls}-node-content-wrapper`]: { '&, &:hover': { backgroundColor: controlItemBgActive } } }, [`${tableFilterDropdownPrefixCls}-search`]: { padding: paddingXS, borderBottom: tableBorder, '&-input': { input: { minWidth: tableFilterDropdownSearchWidth }, [iconCls]: { color: colorTextDisabled } } }, [`${tableFilterDropdownPrefixCls}-checkall`]: { width: '100%', marginBottom: paddingXXS, marginInlineStart: paddingXXS }, // Operation [`${tableFilterDropdownPrefixCls}-btns`]: { display: 'flex', justifyContent: 'space-between', padding: `${paddingXS - lineWidth}px ${paddingXS}px`, overflow: 'hidden', backgroundColor: 'inherit', borderTop: tableBorder } }) } }, // Dropdown Menu & SubMenu { // submenu of table filter dropdown [`${antCls}-dropdown ${tableFilterDropdownPrefixCls}, ${tableFilterDropdownPrefixCls}-submenu`]: { // Checkbox [`${antCls}-checkbox-wrapper + span`]: { paddingInlineStart: paddingXS, color: colorText }, [`> ul`]: { maxHeight: 'calc(100vh - 130px)', overflowX: 'hidden', overflowY: 'auto' } } }]; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (genFilterStyle); /***/ }), /***/ "./components/table/style/fixed.ts": /*!*****************************************!*\ !*** ./components/table/style/fixed.ts ***! \*****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); const genFixedStyle = token => { const { componentCls, lineWidth, colorSplit, motionDurationSlow, zIndexTableFixed, tableBg, zIndexTableSticky } = token; const shadowColor = colorSplit; // Follow style is magic of shadow which should not follow token: return { [`${componentCls}-wrapper`]: { [` ${componentCls}-cell-fix-left, ${componentCls}-cell-fix-right `]: { position: 'sticky !important', zIndex: zIndexTableFixed, background: tableBg }, [` ${componentCls}-cell-fix-left-first::after, ${componentCls}-cell-fix-left-last::after `]: { position: 'absolute', top: 0, right: { _skip_check_: true, value: 0 }, bottom: -lineWidth, width: 30, transform: 'translateX(100%)', transition: `box-shadow ${motionDurationSlow}`, content: '""', pointerEvents: 'none' }, [`${componentCls}-cell-fix-left-all::after`]: { display: 'none' }, [` ${componentCls}-cell-fix-right-first::after, ${componentCls}-cell-fix-right-last::after `]: { position: 'absolute', top: 0, bottom: -lineWidth, left: { _skip_check_: true, value: 0 }, width: 30, transform: 'translateX(-100%)', transition: `box-shadow ${motionDurationSlow}`, content: '""', pointerEvents: 'none' }, [`${componentCls}-container`]: { '&::before, &::after': { position: 'absolute', top: 0, bottom: 0, zIndex: zIndexTableSticky + 1, width: 30, transition: `box-shadow ${motionDurationSlow}`, content: '""', pointerEvents: 'none' }, '&::before': { insetInlineStart: 0 }, '&::after': { insetInlineEnd: 0 } }, [`${componentCls}-ping-left`]: { [`&:not(${componentCls}-has-fix-left) ${componentCls}-container`]: { position: 'relative', '&::before': { boxShadow: `inset 10px 0 8px -8px ${shadowColor}` } }, [` ${componentCls}-cell-fix-left-first::after, ${componentCls}-cell-fix-left-last::after `]: { boxShadow: `inset 10px 0 8px -8px ${shadowColor}` }, [`${componentCls}-cell-fix-left-last::before`]: { backgroundColor: 'transparent !important' } }, [`${componentCls}-ping-right`]: { [`&:not(${componentCls}-has-fix-right) ${componentCls}-container`]: { position: 'relative', '&::after': { boxShadow: `inset -10px 0 8px -8px ${shadowColor}` } }, [` ${componentCls}-cell-fix-right-first::after, ${componentCls}-cell-fix-right-last::after `]: { boxShadow: `inset -10px 0 8px -8px ${shadowColor}` } } } }; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (genFixedStyle); /***/ }), /***/ "./components/table/style/index.ts": /*!*****************************************!*\ !*** ./components/table/style/index.ts ***! \*****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @ctrl/tinycolor */ "./node_modules/@ctrl/tinycolor/dist/module/index.js"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/genComponentStyleHook.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/statistic.ts"); /* harmony import */ var _bordered__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./bordered */ "./components/table/style/bordered.ts"); /* harmony import */ var _ellipsis__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./ellipsis */ "./components/table/style/ellipsis.ts"); /* harmony import */ var _empty__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./empty */ "./components/table/style/empty.ts"); /* harmony import */ var _expand__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./expand */ "./components/table/style/expand.ts"); /* harmony import */ var _filter__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./filter */ "./components/table/style/filter.ts"); /* harmony import */ var _fixed__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./fixed */ "./components/table/style/fixed.ts"); /* harmony import */ var _pagination__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./pagination */ "./components/table/style/pagination.ts"); /* harmony import */ var _radius__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./radius */ "./components/table/style/radius.ts"); /* harmony import */ var _rtl__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./rtl */ "./components/table/style/rtl.ts"); /* harmony import */ var _selection__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./selection */ "./components/table/style/selection.ts"); /* harmony import */ var _size__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./size */ "./components/table/style/size.ts"); /* harmony import */ var _resize__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./resize */ "./components/table/style/resize.ts"); /* harmony import */ var _sorter__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./sorter */ "./components/table/style/sorter.ts"); /* harmony import */ var _sticky__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./sticky */ "./components/table/style/sticky.ts"); /* harmony import */ var _summary__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./summary */ "./components/table/style/summary.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../style */ "./components/style/index.ts"); const genTableStyle = token => { const { componentCls, fontWeightStrong, tablePaddingVertical, tablePaddingHorizontal, lineWidth, lineType, tableBorderColor, tableFontSize, tableBg, tableRadius, tableHeaderTextColor, motionDurationMid, tableHeaderBg, tableHeaderCellSplitColor, tableRowHoverBg, tableSelectedRowBg, tableSelectedRowHoverBg, tableFooterTextColor, tableFooterBg, paddingContentVerticalLG } = token; const tableBorder = `${lineWidth}px ${lineType} ${tableBorderColor}`; return { [`${componentCls}-wrapper`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ clear: 'both', maxWidth: '100%' }, (0,_style__WEBPACK_IMPORTED_MODULE_1__.clearFix)()), { [componentCls]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_1__.resetComponent)(token)), { fontSize: tableFontSize, background: tableBg, borderRadius: `${tableRadius}px ${tableRadius}px 0 0` }), // https://github.com/ant-design/ant-design/issues/17611 table: { width: '100%', textAlign: 'start', borderRadius: `${tableRadius}px ${tableRadius}px 0 0`, borderCollapse: 'separate', borderSpacing: 0 }, // ============================= Cell ============================= [` ${componentCls}-thead > tr > th, ${componentCls}-tbody > tr > td, tfoot > tr > th, tfoot > tr > td `]: { position: 'relative', padding: `${paddingContentVerticalLG}px ${tablePaddingHorizontal}px`, overflowWrap: 'break-word' }, // ============================ Title ============================= [`${componentCls}-title`]: { padding: `${tablePaddingVertical}px ${tablePaddingHorizontal}px` }, // ============================ Header ============================ [`${componentCls}-thead`]: { [` > tr > th, > tr > td `]: { position: 'relative', color: tableHeaderTextColor, fontWeight: fontWeightStrong, textAlign: 'start', background: tableHeaderBg, borderBottom: tableBorder, transition: `background ${motionDurationMid} ease`, "&[colspan]:not([colspan='1'])": { textAlign: 'center' }, [`&:not(:last-child):not(${componentCls}-selection-column):not(${componentCls}-row-expand-icon-cell):not([colspan])::before`]: { position: 'absolute', top: '50%', insetInlineEnd: 0, width: 1, height: '1.6em', backgroundColor: tableHeaderCellSplitColor, transform: 'translateY(-50%)', transition: `background-color ${motionDurationMid}`, content: '""' } }, '> tr:not(:last-child) > th[colspan]': { borderBottom: 0 } }, // ============================ Body ============================ // Borderless Table has unique hover style, which would be implemented with `borderTop`. [`${componentCls}:not(${componentCls}-bordered)`]: { [`${componentCls}-tbody`]: { '> tr': { '> td': { borderTop: tableBorder, borderBottom: 'transparent' }, '&:last-child > td': { borderBottom: tableBorder }, [`&:first-child > td, &${componentCls}-measure-row + tr > td`]: { borderTop: 'none', borderTopColor: 'transparent' } } } }, // Bordered Table remains simple `borderBottom`. // Ref issue: https://github.com/ant-design/ant-design/issues/38724 [`${componentCls}${componentCls}-bordered`]: { [`${componentCls}-tbody`]: { '> tr': { '> td': { borderBottom: tableBorder } } } }, [`${componentCls}-tbody`]: { '> tr': { '> td': { transition: `background ${motionDurationMid}, border-color ${motionDurationMid}`, // ========================= Nest Table =========================== [` > ${componentCls}-wrapper:only-child, > ${componentCls}-expanded-row-fixed > ${componentCls}-wrapper:only-child `]: { [componentCls]: { marginBlock: `-${tablePaddingVertical}px`, marginInline: `${token.tableExpandColumnWidth - tablePaddingHorizontal}px -${tablePaddingHorizontal}px`, [`${componentCls}-tbody > tr:last-child > td`]: { borderBottom: 0, '&:first-child, &:last-child': { borderRadius: 0 } } } } }, [` &${componentCls}-row:hover > td, > td${componentCls}-cell-row-hover `]: { background: tableRowHoverBg }, [`&${componentCls}-row-selected`]: { '> td': { background: tableSelectedRowBg }, '&:hover > td': { background: tableSelectedRowHoverBg } } } }, // ============================ Footer ============================ [`${componentCls}-footer`]: { padding: `${tablePaddingVertical}px ${tablePaddingHorizontal}px`, color: tableFooterTextColor, background: tableFooterBg } }) }; }; // ============================== Export ============================== /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_theme_internal__WEBPACK_IMPORTED_MODULE_2__["default"])('Table', token => { const { controlItemBgActive, controlItemBgActiveHover, colorTextPlaceholder, colorTextHeading, colorSplit, colorBorderSecondary, fontSize, padding, paddingXS, paddingSM, controlHeight, colorFillAlter, colorIcon, colorIconHover, opacityLoading, colorBgContainer, borderRadiusLG, colorFillContent, colorFillSecondary, controlInteractiveSize: checkboxSize } = token; const baseColorAction = new _ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_3__.TinyColor(colorIcon); const baseColorActionHover = new _ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_3__.TinyColor(colorIconHover); const tableSelectedRowBg = controlItemBgActive; const zIndexTableFixed = 2; const colorFillSecondarySolid = new _ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_3__.TinyColor(colorFillSecondary).onBackground(colorBgContainer).toHexString(); const colorFillContentSolid = new _ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_3__.TinyColor(colorFillContent).onBackground(colorBgContainer).toHexString(); const colorFillAlterSolid = new _ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_3__.TinyColor(colorFillAlter).onBackground(colorBgContainer).toHexString(); const tableToken = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_4__.merge)(token, { tableFontSize: fontSize, tableBg: colorBgContainer, tableRadius: borderRadiusLG, tablePaddingVertical: padding, tablePaddingHorizontal: padding, tablePaddingVerticalMiddle: paddingSM, tablePaddingHorizontalMiddle: paddingXS, tablePaddingVerticalSmall: paddingXS, tablePaddingHorizontalSmall: paddingXS, tableBorderColor: colorBorderSecondary, tableHeaderTextColor: colorTextHeading, tableHeaderBg: colorFillAlterSolid, tableFooterTextColor: colorTextHeading, tableFooterBg: colorFillAlterSolid, tableHeaderCellSplitColor: colorBorderSecondary, tableHeaderSortBg: colorFillSecondarySolid, tableHeaderSortHoverBg: colorFillContentSolid, tableHeaderIconColor: baseColorAction.clone().setAlpha(baseColorAction.getAlpha() * opacityLoading).toRgbString(), tableHeaderIconColorHover: baseColorActionHover.clone().setAlpha(baseColorActionHover.getAlpha() * opacityLoading).toRgbString(), tableBodySortBg: colorFillAlterSolid, tableFixedHeaderSortActiveBg: colorFillSecondarySolid, tableHeaderFilterActiveBg: colorFillContent, tableFilterDropdownBg: colorBgContainer, tableRowHoverBg: colorFillAlterSolid, tableSelectedRowBg, tableSelectedRowHoverBg: controlItemBgActiveHover, zIndexTableFixed, zIndexTableSticky: zIndexTableFixed + 1, tableFontSizeMiddle: fontSize, tableFontSizeSmall: fontSize, tableSelectionColumnWidth: controlHeight, tableExpandIconBg: colorBgContainer, tableExpandColumnWidth: checkboxSize + 2 * token.padding, tableExpandedRowBg: colorFillAlter, // Dropdown tableFilterDropdownWidth: 120, tableFilterDropdownHeight: 264, tableFilterDropdownSearchWidth: 140, // Virtual Scroll Bar tableScrollThumbSize: 8, tableScrollThumbBg: colorTextPlaceholder, tableScrollThumbBgHover: colorTextHeading, tableScrollBg: colorSplit }); return [genTableStyle(tableToken), (0,_pagination__WEBPACK_IMPORTED_MODULE_5__["default"])(tableToken), (0,_summary__WEBPACK_IMPORTED_MODULE_6__["default"])(tableToken), (0,_sorter__WEBPACK_IMPORTED_MODULE_7__["default"])(tableToken), (0,_filter__WEBPACK_IMPORTED_MODULE_8__["default"])(tableToken), (0,_bordered__WEBPACK_IMPORTED_MODULE_9__["default"])(tableToken), (0,_radius__WEBPACK_IMPORTED_MODULE_10__["default"])(tableToken), (0,_expand__WEBPACK_IMPORTED_MODULE_11__["default"])(tableToken), (0,_summary__WEBPACK_IMPORTED_MODULE_6__["default"])(tableToken), (0,_empty__WEBPACK_IMPORTED_MODULE_12__["default"])(tableToken), (0,_selection__WEBPACK_IMPORTED_MODULE_13__["default"])(tableToken), (0,_fixed__WEBPACK_IMPORTED_MODULE_14__["default"])(tableToken), (0,_sticky__WEBPACK_IMPORTED_MODULE_15__["default"])(tableToken), (0,_ellipsis__WEBPACK_IMPORTED_MODULE_16__["default"])(tableToken), (0,_size__WEBPACK_IMPORTED_MODULE_17__["default"])(tableToken), (0,_resize__WEBPACK_IMPORTED_MODULE_18__["default"])(tableToken), (0,_rtl__WEBPACK_IMPORTED_MODULE_19__["default"])(tableToken)]; })); /***/ }), /***/ "./components/table/style/pagination.ts": /*!**********************************************!*\ !*** ./components/table/style/pagination.ts ***! \**********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); const genPaginationStyle = token => { const { componentCls, antCls } = token; return { [`${componentCls}-wrapper`]: { // ========================== Pagination ========================== [`${componentCls}-pagination${antCls}-pagination`]: { margin: `${token.margin}px 0` }, [`${componentCls}-pagination`]: { display: 'flex', flexWrap: 'wrap', rowGap: token.paddingXS, '> *': { flex: 'none' }, '&-left': { justifyContent: 'flex-start' }, '&-center': { justifyContent: 'center' }, '&-right': { justifyContent: 'flex-end' } } } }; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (genPaginationStyle); /***/ }), /***/ "./components/table/style/radius.ts": /*!******************************************!*\ !*** ./components/table/style/radius.ts ***! \******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); const genRadiusStyle = token => { const { componentCls, tableRadius } = token; return { [`${componentCls}-wrapper`]: { [componentCls]: { // https://github.com/ant-design/ant-design/issues/39115#issuecomment-1362314574 [`${componentCls}-title, ${componentCls}-header`]: { borderRadius: `${tableRadius}px ${tableRadius}px 0 0` }, [`${componentCls}-title + ${componentCls}-container`]: { borderStartStartRadius: 0, borderStartEndRadius: 0, table: { borderRadius: 0, '> thead > tr:first-child': { 'th:first-child': { borderRadius: 0 }, 'th:last-child': { borderRadius: 0 } } } }, '&-container': { borderStartStartRadius: tableRadius, borderStartEndRadius: tableRadius, 'table > thead > tr:first-child': { '> *:first-child': { borderStartStartRadius: tableRadius }, '> *:last-child': { borderStartEndRadius: tableRadius } } }, '&-footer': { borderRadius: `0 0 ${tableRadius}px ${tableRadius}px` } } } }; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (genRadiusStyle); /***/ }), /***/ "./components/table/style/resize.ts": /*!******************************************!*\ !*** ./components/table/style/resize.ts ***! \******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); const genResizeStyle = token => { const { componentCls } = token; return { [`${componentCls}-wrapper ${componentCls}-resize-handle`]: { position: 'absolute', top: 0, height: '100% !important', bottom: 0, left: ' auto !important', right: ' -8px', cursor: 'col-resize', touchAction: 'none', userSelect: 'auto', width: '16px', zIndex: 1, [`&-line`]: { display: 'block', width: '1px', marginLeft: '7px', height: '100% !important', backgroundColor: token.colorPrimary, opacity: 0 }, [`&:hover &-line`]: { opacity: 1 } }, [`${componentCls}-wrapper ${componentCls}-resize-handle.dragging`]: { overflow: 'hidden', [`${componentCls}-resize-handle-line`]: { opacity: 1 }, [`&:before`]: { position: 'absolute', top: 0, bottom: 0, content: '" "', width: '200vw', transform: 'translateX(-50%)', opacity: 0 } } }; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (genResizeStyle); /***/ }), /***/ "./components/table/style/rtl.ts": /*!***************************************!*\ !*** ./components/table/style/rtl.ts ***! \***************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); const genStyle = token => { const { componentCls } = token; return { [`${componentCls}-wrapper-rtl`]: { direction: 'rtl', table: { direction: 'rtl' }, [`${componentCls}-pagination-left`]: { justifyContent: 'flex-end' }, [`${componentCls}-pagination-right`]: { justifyContent: 'flex-start' }, [`${componentCls}-row-expand-icon`]: { '&::after': { transform: 'rotate(-90deg)' }, '&-collapsed::before': { transform: 'rotate(180deg)' }, '&-collapsed::after': { transform: 'rotate(0deg)' } } } }; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (genStyle); /***/ }), /***/ "./components/table/style/selection.ts": /*!*********************************************!*\ !*** ./components/table/style/selection.ts ***! \*********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); const genSelectionStyle = token => { const { componentCls, antCls, iconCls, fontSizeIcon, paddingXS, tableHeaderIconColor, tableHeaderIconColorHover } = token; return { [`${componentCls}-wrapper`]: { // ========================== Selections ========================== [`${componentCls}-selection-col`]: { width: token.tableSelectionColumnWidth }, [`${componentCls}-bordered ${componentCls}-selection-col`]: { width: token.tableSelectionColumnWidth + paddingXS * 2 }, [` table tr th${componentCls}-selection-column, table tr td${componentCls}-selection-column `]: { paddingInlineEnd: token.paddingXS, paddingInlineStart: token.paddingXS, textAlign: 'center', [`${antCls}-radio-wrapper`]: { marginInlineEnd: 0 } }, [`table tr th${componentCls}-selection-column${componentCls}-cell-fix-left`]: { zIndex: token.zIndexTableFixed + 1 }, [`table tr th${componentCls}-selection-column::after`]: { backgroundColor: 'transparent !important' }, [`${componentCls}-selection`]: { position: 'relative', display: 'inline-flex', flexDirection: 'column' }, [`${componentCls}-selection-extra`]: { position: 'absolute', top: 0, zIndex: 1, cursor: 'pointer', transition: `all ${token.motionDurationSlow}`, marginInlineStart: '100%', paddingInlineStart: `${token.tablePaddingHorizontal / 4}px`, [iconCls]: { color: tableHeaderIconColor, fontSize: fontSizeIcon, verticalAlign: 'baseline', '&:hover': { color: tableHeaderIconColorHover } } } } }; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (genSelectionStyle); /***/ }), /***/ "./components/table/style/size.ts": /*!****************************************!*\ !*** ./components/table/style/size.ts ***! \****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); const genSizeStyle = token => { const { componentCls } = token; const getSizeStyle = (size, paddingVertical, paddingHorizontal, fontSize) => ({ [`${componentCls}${componentCls}-${size}`]: { fontSize, [` ${componentCls}-title, ${componentCls}-footer, ${componentCls}-thead > tr > th, ${componentCls}-tbody > tr > td, tfoot > tr > th, tfoot > tr > td `]: { padding: `${paddingVertical}px ${paddingHorizontal}px` }, [`${componentCls}-filter-trigger`]: { marginInlineEnd: `-${paddingHorizontal / 2}px` }, [`${componentCls}-expanded-row-fixed`]: { margin: `-${paddingVertical}px -${paddingHorizontal}px` }, [`${componentCls}-tbody`]: { // ========================= Nest Table =========================== [`${componentCls}-wrapper:only-child ${componentCls}`]: { marginBlock: `-${paddingVertical}px`, marginInline: `${token.tableExpandColumnWidth - paddingHorizontal}px -${paddingHorizontal}px` } }, // https://github.com/ant-design/ant-design/issues/35167 [`${componentCls}-selection-column`]: { paddingInlineStart: `${paddingHorizontal / 4}px` } } }); return { [`${componentCls}-wrapper`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, getSizeStyle('middle', token.tablePaddingVerticalMiddle, token.tablePaddingHorizontalMiddle, token.tableFontSizeMiddle)), getSizeStyle('small', token.tablePaddingVerticalSmall, token.tablePaddingHorizontalSmall, token.tableFontSizeSmall)) }; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (genSizeStyle); /***/ }), /***/ "./components/table/style/sorter.ts": /*!******************************************!*\ !*** ./components/table/style/sorter.ts ***! \******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); const genSorterStyle = token => { const { componentCls, marginXXS, fontSizeIcon, tableHeaderIconColor, tableHeaderIconColorHover } = token; return { [`${componentCls}-wrapper`]: { [`${componentCls}-thead th${componentCls}-column-has-sorters`]: { outline: 'none', cursor: 'pointer', transition: `all ${token.motionDurationSlow}`, '&:hover': { background: token.tableHeaderSortHoverBg, '&::before': { backgroundColor: 'transparent !important' } }, '&:focus-visible': { color: token.colorPrimary }, // https://github.com/ant-design/ant-design/issues/30969 [` &${componentCls}-cell-fix-left:hover, &${componentCls}-cell-fix-right:hover `]: { background: token.tableFixedHeaderSortActiveBg } }, [`${componentCls}-thead th${componentCls}-column-sort`]: { background: token.tableHeaderSortBg, '&::before': { backgroundColor: 'transparent !important' } }, [`td${componentCls}-column-sort`]: { background: token.tableBodySortBg }, [`${componentCls}-column-title`]: { position: 'relative', zIndex: 1, flex: 1 }, [`${componentCls}-column-sorters`]: { display: 'flex', flex: 'auto', alignItems: 'center', justifyContent: 'space-between', '&::after': { position: 'absolute', inset: 0, width: '100%', height: '100%', content: '""' } }, [`${componentCls}-column-sorter`]: { marginInlineStart: marginXXS, color: tableHeaderIconColor, fontSize: 0, transition: `color ${token.motionDurationSlow}`, '&-inner': { display: 'inline-flex', flexDirection: 'column', alignItems: 'center' }, '&-up, &-down': { fontSize: fontSizeIcon, '&.active': { color: token.colorPrimary } }, [`${componentCls}-column-sorter-up + ${componentCls}-column-sorter-down`]: { marginTop: '-0.3em' } }, [`${componentCls}-column-sorters:hover ${componentCls}-column-sorter`]: { color: tableHeaderIconColorHover } } }; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (genSorterStyle); /***/ }), /***/ "./components/table/style/sticky.ts": /*!******************************************!*\ !*** ./components/table/style/sticky.ts ***! \******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); const genStickyStyle = token => { const { componentCls, opacityLoading, tableScrollThumbBg, tableScrollThumbBgHover, tableScrollThumbSize, tableScrollBg, zIndexTableSticky } = token; const tableBorder = `${token.lineWidth}px ${token.lineType} ${token.tableBorderColor}`; return { [`${componentCls}-wrapper`]: { [`${componentCls}-sticky`]: { '&-holder': { position: 'sticky', zIndex: zIndexTableSticky, background: token.colorBgContainer }, '&-scroll': { position: 'sticky', bottom: 0, height: `${tableScrollThumbSize}px !important`, zIndex: zIndexTableSticky, display: 'flex', alignItems: 'center', background: tableScrollBg, borderTop: tableBorder, opacity: opacityLoading, '&:hover': { transformOrigin: 'center bottom' }, // fake scrollbar style of sticky '&-bar': { height: tableScrollThumbSize, backgroundColor: tableScrollThumbBg, borderRadius: 100, transition: `all ${token.motionDurationSlow}, transform none`, position: 'absolute', bottom: 0, '&:hover, &-active': { backgroundColor: tableScrollThumbBgHover } } } } } }; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (genStickyStyle); /***/ }), /***/ "./components/table/style/summary.ts": /*!*******************************************!*\ !*** ./components/table/style/summary.ts ***! \*******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); const genSummaryStyle = token => { const { componentCls, lineWidth, tableBorderColor } = token; const tableBorder = `${lineWidth}px ${token.lineType} ${tableBorderColor}`; return { [`${componentCls}-wrapper`]: { [`${componentCls}-summary`]: { position: 'relative', zIndex: token.zIndexTableFixed, background: token.tableBg, '> tr': { '> th, > td': { borderBottom: tableBorder } } }, [`div${componentCls}-summary`]: { boxShadow: `0 -${lineWidth}px 0 ${tableBorderColor}` } } }; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (genSummaryStyle); /***/ }), /***/ "./components/table/util.ts": /*!**********************************!*\ !*** ./components/table/util.ts ***! \**********************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ convertChildrenToColumns: () => (/* binding */ convertChildrenToColumns), /* harmony export */ getColumnKey: () => (/* binding */ getColumnKey), /* harmony export */ getColumnPos: () => (/* binding */ getColumnPos), /* harmony export */ renderColumnTitle: () => (/* binding */ renderColumnTitle) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/index.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/util.ts"); var __rest = undefined && undefined.__rest || function (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 getColumnKey(column, defaultKey) { if ('key' in column && column.key !== undefined && column.key !== null) { return column.key; } if (column.dataIndex) { return Array.isArray(column.dataIndex) ? column.dataIndex.join('.') : column.dataIndex; } return defaultKey; } function getColumnPos(index, pos) { return pos ? `${pos}-${index}` : `${index}`; } function renderColumnTitle(title, props) { if (typeof title === 'function') { return title(props); } return title; } function convertChildrenToColumns() { let elements = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : []; const flattenElements = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_1__.flattenChildren)(elements); const columns = []; flattenElements.forEach(element => { var _a, _b, _c, _d; if (!element) { return; } const key = element.key; const style = ((_a = element.props) === null || _a === void 0 ? void 0 : _a.style) || {}; const cls = ((_b = element.props) === null || _b === void 0 ? void 0 : _b.class) || ''; const props = element.props || {}; for (const [k, v] of Object.entries(props)) { props[(0,_util_props_util__WEBPACK_IMPORTED_MODULE_2__.camelize)(k)] = v; } const _e = element.children || {}, { default: children } = _e, restSlots = __rest(_e, ["default"]); const column = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, restSlots), props), { style, class: cls }); if (key) { column.key = key; } if ((_c = element.type) === null || _c === void 0 ? void 0 : _c.__ANT_TABLE_COLUMN_GROUP) { column.children = convertChildrenToColumns(typeof children === 'function' ? children() : children); } else { const customRender = (_d = element.children) === null || _d === void 0 ? void 0 : _d.default; column.customRender = column.customRender || customRender; } columns.push(column); }); return columns; } /***/ }), /***/ "./components/tabs/index.ts": /*!**********************************!*\ !*** ./components/tabs/index.ts ***! \**********************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ TabPane: () => (/* reexport safe */ _src__WEBPACK_IMPORTED_MODULE_1__["default"]), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _src__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./src */ "./components/tabs/src/index.ts"); /* harmony import */ var _src__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./src */ "./components/tabs/src/TabPanelList/TabPane.tsx"); _src__WEBPACK_IMPORTED_MODULE_0__["default"].TabPane = _src__WEBPACK_IMPORTED_MODULE_1__["default"]; /* istanbul ignore next */ _src__WEBPACK_IMPORTED_MODULE_0__["default"].install = function (app) { app.component(_src__WEBPACK_IMPORTED_MODULE_0__["default"].name, _src__WEBPACK_IMPORTED_MODULE_0__["default"]); app.component(_src__WEBPACK_IMPORTED_MODULE_1__["default"].name, _src__WEBPACK_IMPORTED_MODULE_1__["default"]); return app; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_src__WEBPACK_IMPORTED_MODULE_0__["default"]); /***/ }), /***/ "./components/tabs/src/TabContext.ts": /*!*******************************************!*\ !*** ./components/tabs/src/TabContext.ts ***! \*******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ useInjectTabs: () => (/* binding */ useInjectTabs), /* harmony export */ useProvideTabs: () => (/* binding */ useProvideTabs) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); const TabsContextKey = Symbol('tabsContextKey'); const useProvideTabs = props => { (0,vue__WEBPACK_IMPORTED_MODULE_0__.provide)(TabsContextKey, props); }; const useInjectTabs = () => { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.inject)(TabsContextKey, { tabs: (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)([]), prefixCls: (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)() }); }; const TabsContextProvider = (0,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'TabsContextProvider', inheritAttrs: false, props: { tabs: { type: Object, default: undefined }, prefixCls: { type: String, default: undefined } }, setup(props, _ref) { let { slots } = _ref; useProvideTabs((0,vue__WEBPACK_IMPORTED_MODULE_0__.toRefs)(props)); return () => { var _a; return (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots); }; } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TabsContextProvider); /***/ }), /***/ "./components/tabs/src/TabNavList/AddButton.tsx": /*!******************************************************!*\ !*** ./components/tabs/src/TabNavList/AddButton.tsx ***! \******************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'AddButton', inheritAttrs: false, props: { prefixCls: String, editable: { type: Object }, locale: { type: Object, default: undefined } }, setup(props, _ref) { let { expose, attrs } = _ref; const domRef = (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)(); expose({ domRef }); return () => { const { prefixCls, editable, locale } = props; if (!editable || editable.showAdd === false) { return null; } return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("button", { "ref": domRef, "type": "button", "class": `${prefixCls}-nav-add`, "style": attrs.style, "aria-label": (locale === null || locale === void 0 ? void 0 : locale.addAriaLabel) || 'Add tab', "onClick": event => { editable.onEdit('add', { event }); } }, [editable.addIcon ? editable.addIcon() : '+']); }; } })); /***/ }), /***/ "./components/tabs/src/TabNavList/OperationNode.tsx": /*!**********************************************************!*\ !*** ./components/tabs/src/TabNavList/OperationNode.tsx ***! \**********************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ operationNodeProps: () => (/* binding */ operationNodeProps) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../menu */ "./components/menu/index.tsx"); /* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../menu */ "./components/menu/src/MenuItem.tsx"); /* harmony import */ var _vc_dropdown__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../vc-dropdown */ "./components/vc-dropdown/index.ts"); /* harmony import */ var _AddButton__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./AddButton */ "./components/tabs/src/TabNavList/AddButton.tsx"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../_util/type */ "./components/_util/type.ts"); /* harmony import */ var _util_KeyCode__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../_util/KeyCode */ "./components/_util/KeyCode.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _util_hooks_useState__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../_util/hooks/useState */ "./components/_util/hooks/useState.ts"); /* harmony import */ var _ant_design_icons_vue_es_icons_EllipsisOutlined__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/EllipsisOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/EllipsisOutlined.js"); /* harmony import */ var _menu_src_OverrideContext__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../menu/src/OverrideContext */ "./components/menu/src/OverrideContext.ts"); const operationNodeProps = { prefixCls: { type: String }, id: { type: String }, tabs: { type: Object }, rtl: { type: Boolean }, tabBarGutter: { type: Number }, activeKey: { type: [String, Number] }, mobile: { type: Boolean }, moreIcon: _util_vue_types__WEBPACK_IMPORTED_MODULE_1__["default"].any, moreTransitionName: { type: String }, editable: { type: Object }, locale: { type: Object, default: undefined }, removeAriaLabel: String, onTabClick: { type: Function }, popupClassName: String, getPopupContainer: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.functionType)() }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'OperationNode', inheritAttrs: false, props: operationNodeProps, emits: ['tabClick'], slots: Object, setup(props, _ref) { let { attrs, slots } = _ref; // ======================== Dropdown ======================== const [open, setOpen] = (0,_util_hooks_useState__WEBPACK_IMPORTED_MODULE_3__["default"])(false); const [selectedKey, setSelectedKey] = (0,_util_hooks_useState__WEBPACK_IMPORTED_MODULE_3__["default"])(null); const selectOffset = offset => { const enabledTabs = props.tabs.filter(tab => !tab.disabled); let selectedIndex = enabledTabs.findIndex(tab => tab.key === selectedKey.value) || 0; const len = enabledTabs.length; for (let i = 0; i < len; i += 1) { selectedIndex = (selectedIndex + offset + len) % len; const tab = enabledTabs[selectedIndex]; if (!tab.disabled) { setSelectedKey(tab.key); return; } } }; const onKeyDown = e => { const { which } = e; if (!open.value) { if ([_util_KeyCode__WEBPACK_IMPORTED_MODULE_4__["default"].DOWN, _util_KeyCode__WEBPACK_IMPORTED_MODULE_4__["default"].SPACE, _util_KeyCode__WEBPACK_IMPORTED_MODULE_4__["default"].ENTER].includes(which)) { setOpen(true); e.preventDefault(); } return; } switch (which) { case _util_KeyCode__WEBPACK_IMPORTED_MODULE_4__["default"].UP: selectOffset(-1); e.preventDefault(); break; case _util_KeyCode__WEBPACK_IMPORTED_MODULE_4__["default"].DOWN: selectOffset(1); e.preventDefault(); break; case _util_KeyCode__WEBPACK_IMPORTED_MODULE_4__["default"].ESC: setOpen(false); break; case _util_KeyCode__WEBPACK_IMPORTED_MODULE_4__["default"].SPACE: case _util_KeyCode__WEBPACK_IMPORTED_MODULE_4__["default"].ENTER: if (selectedKey.value !== null) props.onTabClick(selectedKey.value, e); break; } }; const popupId = (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => `${props.id}-more-popup`); const selectedItemId = (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => selectedKey.value !== null ? `${popupId.value}-${selectedKey.value}` : null); const onRemoveTab = (event, key) => { event.preventDefault(); event.stopPropagation(); props.editable.onEdit('remove', { key, event }); }; (0,vue__WEBPACK_IMPORTED_MODULE_0__.onMounted)(() => { (0,vue__WEBPACK_IMPORTED_MODULE_0__.watch)(selectedKey, () => { const ele = document.getElementById(selectedItemId.value); if (ele && ele.scrollIntoView) { ele.scrollIntoView(false); } }, { flush: 'post', immediate: true }); }); (0,vue__WEBPACK_IMPORTED_MODULE_0__.watch)(open, () => { if (!open.value) { setSelectedKey(null); } }); (0,_menu_src_OverrideContext__WEBPACK_IMPORTED_MODULE_5__.useProvideOverride)({}); return () => { var _a; const { prefixCls, id, tabs, locale, mobile, moreIcon = ((_a = slots.moreIcon) === null || _a === void 0 ? void 0 : _a.call(slots)) || (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_ant_design_icons_vue_es_icons_EllipsisOutlined__WEBPACK_IMPORTED_MODULE_6__["default"], null, null), moreTransitionName, editable, tabBarGutter, rtl, onTabClick, popupClassName } = props; if (!tabs.length) return null; const dropdownPrefix = `${prefixCls}-dropdown`; const dropdownAriaLabel = locale === null || locale === void 0 ? void 0 : locale.dropdownAriaLabel; // ========================= Render ========================= const moreStyle = { [rtl ? 'marginRight' : 'marginLeft']: tabBarGutter }; if (!tabs.length) { moreStyle.visibility = 'hidden'; moreStyle.order = 1; } const overlayClassName = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_7__["default"])({ [`${dropdownPrefix}-rtl`]: rtl, [`${popupClassName}`]: true }); const moreNode = mobile ? null : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_vc_dropdown__WEBPACK_IMPORTED_MODULE_8__["default"], { "prefixCls": dropdownPrefix, "trigger": ['hover'], "visible": open.value, "transitionName": moreTransitionName, "onVisibleChange": setOpen, "overlayClassName": overlayClassName, "mouseEnterDelay": 0.1, "mouseLeaveDelay": 0.1, "getPopupContainer": props.getPopupContainer }, { overlay: () => (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_menu__WEBPACK_IMPORTED_MODULE_9__["default"], { "onClick": _ref2 => { let { key, domEvent } = _ref2; onTabClick(key, domEvent); setOpen(false); }, "id": popupId.value, "tabindex": -1, "role": "listbox", "aria-activedescendant": selectedItemId.value, "selectedKeys": [selectedKey.value], "aria-label": dropdownAriaLabel !== undefined ? dropdownAriaLabel : 'expanded dropdown' }, { default: () => [tabs.map(tab => { var _a, _b; const removable = editable && tab.closable !== false && !tab.disabled; return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_menu__WEBPACK_IMPORTED_MODULE_10__["default"], { "key": tab.key, "id": `${popupId.value}-${tab.key}`, "role": "option", "aria-controls": id && `${id}-panel-${tab.key}`, "disabled": tab.disabled }, { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("span", null, [typeof tab.tab === 'function' ? tab.tab() : tab.tab]), removable && (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("button", { "type": "button", "aria-label": props.removeAriaLabel || 'remove', "tabindex": 0, "class": `${dropdownPrefix}-menu-item-remove`, "onClick": e => { e.stopPropagation(); onRemoveTab(e, tab.key); } }, [((_a = tab.closeIcon) === null || _a === void 0 ? void 0 : _a.call(tab)) || ((_b = editable.removeIcon) === null || _b === void 0 ? void 0 : _b.call(editable)) || '×'])] }); })] }), default: () => (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("button", { "type": "button", "class": `${prefixCls}-nav-more`, "style": moreStyle, "tabindex": -1, "aria-hidden": "true", "aria-haspopup": "listbox", "aria-controls": popupId.value, "id": `${id}-more`, "aria-expanded": open.value, "onKeydown": onKeyDown }, [moreIcon]) }); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", { "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_7__["default"])(`${prefixCls}-nav-operations`, attrs.class), "style": attrs.style }, [moreNode, (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_AddButton__WEBPACK_IMPORTED_MODULE_11__["default"], { "prefixCls": prefixCls, "locale": locale, "editable": editable }, null)]); }; } })); /***/ }), /***/ "./components/tabs/src/TabNavList/TabNode.tsx": /*!****************************************************!*\ !*** ./components/tabs/src/TabNavList/TabNode.tsx ***! \****************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_KeyCode__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../_util/KeyCode */ "./components/_util/KeyCode.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../_util/classNames */ "./components/_util/classNames.ts"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'TabNode', props: { id: { type: String }, prefixCls: { type: String }, tab: { type: Object }, active: { type: Boolean }, closable: { type: Boolean }, editable: { type: Object }, onClick: { type: Function }, onResize: { type: Function }, renderWrapper: { type: Function }, removeAriaLabel: { type: String }, // onRemove: { type: Function as PropType<() => void> }, onFocus: { type: Function } }, emits: ['click', 'resize', 'remove', 'focus'], setup(props, _ref) { let { expose, attrs } = _ref; const domRef = (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)(); function onInternalClick(e) { var _a; if ((_a = props.tab) === null || _a === void 0 ? void 0 : _a.disabled) { return; } props.onClick(e); } expose({ domRef }); // onBeforeUnmount(() => { // props.onRemove(); // }); function onRemoveTab(event) { var _a; event.preventDefault(); event.stopPropagation(); props.editable.onEdit('remove', { key: (_a = props.tab) === null || _a === void 0 ? void 0 : _a.key, event }); } const removable = (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => { var _a; return props.editable && props.closable !== false && !((_a = props.tab) === null || _a === void 0 ? void 0 : _a.disabled); }); return () => { var _a; const { prefixCls, id, active, tab: { key, tab, disabled, closeIcon }, renderWrapper, removeAriaLabel, editable, onFocus } = props; const tabPrefix = `${prefixCls}-tab`; const node = (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", { "key": key, "ref": domRef, "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_1__["default"])(tabPrefix, { [`${tabPrefix}-with-remove`]: removable.value, [`${tabPrefix}-active`]: active, [`${tabPrefix}-disabled`]: disabled }), "style": attrs.style, "onClick": onInternalClick }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", { "role": "tab", "aria-selected": active, "id": id && `${id}-tab-${key}`, "class": `${tabPrefix}-btn`, "aria-controls": id && `${id}-panel-${key}`, "aria-disabled": disabled, "tabindex": disabled ? null : 0, "onClick": e => { e.stopPropagation(); onInternalClick(e); }, "onKeydown": e => { if ([_util_KeyCode__WEBPACK_IMPORTED_MODULE_2__["default"].SPACE, _util_KeyCode__WEBPACK_IMPORTED_MODULE_2__["default"].ENTER].includes(e.which)) { e.preventDefault(); onInternalClick(e); } }, "onFocus": onFocus }, [typeof tab === 'function' ? tab() : tab]), removable.value && (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("button", { "type": "button", "aria-label": removeAriaLabel || 'remove', "tabindex": 0, "class": `${tabPrefix}-remove`, "onClick": e => { e.stopPropagation(); onRemoveTab(e); } }, [(closeIcon === null || closeIcon === void 0 ? void 0 : closeIcon()) || ((_a = editable.removeIcon) === null || _a === void 0 ? void 0 : _a.call(editable)) || '×'])]); return renderWrapper ? renderWrapper(node) : node; }; } })); /***/ }), /***/ "./components/tabs/src/TabNavList/index.tsx": /*!**************************************************!*\ !*** ./components/tabs/src/TabNavList/index.tsx ***! \**************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ tabNavListProps: () => (/* binding */ tabNavListProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _hooks_useRaf__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../hooks/useRaf */ "./components/tabs/src/hooks/useRaf.ts"); /* harmony import */ var _TabNode__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./TabNode */ "./components/tabs/src/TabNavList/TabNode.tsx"); /* harmony import */ var _hooks_useOffsets__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../hooks/useOffsets */ "./components/tabs/src/hooks/useOffsets.ts"); /* harmony import */ var _OperationNode__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./OperationNode */ "./components/tabs/src/TabNavList/OperationNode.tsx"); /* harmony import */ var _TabContext__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../TabContext */ "./components/tabs/src/TabContext.ts"); /* harmony import */ var _hooks_useTouchMove__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../hooks/useTouchMove */ "./components/tabs/src/hooks/useTouchMove.ts"); /* harmony import */ var _AddButton__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./AddButton */ "./components/tabs/src/TabNavList/AddButton.tsx"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../_util/type */ "./components/_util/type.ts"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _hooks_useSyncState__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../hooks/useSyncState */ "./components/tabs/src/hooks/useSyncState.ts"); /* harmony import */ var _util_hooks_useState__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../_util/hooks/useState */ "./components/_util/hooks/useState.ts"); /* harmony import */ var _util_raf__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../_util/raf */ "./components/_util/raf.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _vc_resize_observer__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../../vc-resize-observer */ "./components/vc-resize-observer/index.tsx"); /* harmony import */ var _util_util__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../_util/util */ "./components/_util/util.ts"); /* harmony import */ var _util_hooks_useRefs__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../_util/hooks/useRefs */ "./components/_util/hooks/useRefs.ts"); /* harmony import */ var lodash_es_pick__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! lodash-es/pick */ "./node_modules/lodash-es/pick.js"); const DEFAULT_SIZE = { width: 0, height: 0, left: 0, top: 0, right: 0 }; const tabNavListProps = () => { return { id: { type: String }, tabPosition: { type: String }, activeKey: { type: [String, Number] }, rtl: { type: Boolean }, animated: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.objectType)(), editable: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.objectType)(), moreIcon: _util_vue_types__WEBPACK_IMPORTED_MODULE_4__["default"].any, moreTransitionName: { type: String }, mobile: { type: Boolean }, tabBarGutter: { type: Number }, renderTabBar: { type: Function }, locale: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.objectType)(), popupClassName: String, getPopupContainer: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.functionType)(), onTabClick: { type: Function }, onTabScroll: { type: Function } }; }; const getTabSize = (tab, containerRect) => { // tabListRef const { offsetWidth, offsetHeight, offsetTop, offsetLeft } = tab; const { width, height, x, y } = tab.getBoundingClientRect(); // Use getBoundingClientRect to avoid decimal inaccuracy if (Math.abs(width - offsetWidth) < 1) { return [width, height, x - containerRect.x, y - containerRect.y]; } return [offsetWidth, offsetHeight, offsetLeft, offsetTop]; }; // const getSize = (refObj: ShallowRef) => { // const { offsetWidth = 0, offsetHeight = 0 } = refObj.value || {}; // // Use getBoundingClientRect to avoid decimal inaccuracy // if (refObj.value) { // const { width, height } = refObj.value.getBoundingClientRect(); // if (Math.abs(width - offsetWidth) < 1) { // return [width, height]; // } // } // return [offsetWidth, offsetHeight]; // }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'TabNavList', inheritAttrs: false, props: tabNavListProps(), slots: Object, emits: ['tabClick', 'tabScroll'], setup(props, _ref) { let { attrs, slots } = _ref; const { tabs, prefixCls } = (0,_TabContext__WEBPACK_IMPORTED_MODULE_5__.useInjectTabs)(); const tabsWrapperRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(); const tabListRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(); const operationsRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(); const innerAddButtonRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(); const [setRef, btnRefs] = (0,_util_hooks_useRefs__WEBPACK_IMPORTED_MODULE_6__["default"])(); const tabPositionTopOrBottom = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.tabPosition === 'top' || props.tabPosition === 'bottom'); const [transformLeft, setTransformLeft] = (0,_hooks_useSyncState__WEBPACK_IMPORTED_MODULE_7__["default"])(0, (next, prev) => { if (tabPositionTopOrBottom.value && props.onTabScroll) { props.onTabScroll({ direction: next > prev ? 'left' : 'right' }); } }); const [transformTop, setTransformTop] = (0,_hooks_useSyncState__WEBPACK_IMPORTED_MODULE_7__["default"])(0, (next, prev) => { if (!tabPositionTopOrBottom.value && props.onTabScroll) { props.onTabScroll({ direction: next > prev ? 'top' : 'bottom' }); } }); const [wrapperScrollWidth, setWrapperScrollWidth] = (0,_util_hooks_useState__WEBPACK_IMPORTED_MODULE_8__["default"])(0); const [wrapperScrollHeight, setWrapperScrollHeight] = (0,_util_hooks_useState__WEBPACK_IMPORTED_MODULE_8__["default"])(0); const [wrapperWidth, setWrapperWidth] = (0,_util_hooks_useState__WEBPACK_IMPORTED_MODULE_8__["default"])(null); const [wrapperHeight, setWrapperHeight] = (0,_util_hooks_useState__WEBPACK_IMPORTED_MODULE_8__["default"])(null); const [addWidth, setAddWidth] = (0,_util_hooks_useState__WEBPACK_IMPORTED_MODULE_8__["default"])(0); const [addHeight, setAddHeight] = (0,_util_hooks_useState__WEBPACK_IMPORTED_MODULE_8__["default"])(0); const [tabSizes, setTabSizes] = (0,_hooks_useRaf__WEBPACK_IMPORTED_MODULE_9__.useRafState)(new Map()); const tabOffsets = (0,_hooks_useOffsets__WEBPACK_IMPORTED_MODULE_10__["default"])(tabs, tabSizes); // ========================== Util ========================= const operationsHiddenClassName = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => `${prefixCls.value}-nav-operations-hidden`); const transformMin = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(0); const transformMax = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(0); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watchEffect)(() => { if (!tabPositionTopOrBottom.value) { transformMin.value = Math.min(0, wrapperHeight.value - wrapperScrollHeight.value); transformMax.value = 0; } else if (props.rtl) { transformMin.value = 0; transformMax.value = Math.max(0, wrapperScrollWidth.value - wrapperWidth.value); } else { transformMin.value = Math.min(0, wrapperWidth.value - wrapperScrollWidth.value); transformMax.value = 0; } }); const alignInRange = value => { if (value < transformMin.value) { return transformMin.value; } if (value > transformMax.value) { return transformMax.value; } return value; }; // ========================= Mobile ======================== const touchMovingRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(); const [lockAnimation, setLockAnimation] = (0,_util_hooks_useState__WEBPACK_IMPORTED_MODULE_8__["default"])(); const doLockAnimation = () => { setLockAnimation(Date.now()); }; const clearTouchMoving = () => { clearTimeout(touchMovingRef.value); }; const doMove = (setState, offset) => { setState(value => { const newValue = alignInRange(value + offset); return newValue; }); }; (0,_hooks_useTouchMove__WEBPACK_IMPORTED_MODULE_11__["default"])(tabsWrapperRef, (offsetX, offsetY) => { if (tabPositionTopOrBottom.value) { // Skip scroll if place is enough if (wrapperWidth.value >= wrapperScrollWidth.value) { return false; } doMove(setTransformLeft, offsetX); } else { if (wrapperHeight.value >= wrapperScrollHeight.value) { return false; } doMove(setTransformTop, offsetY); } clearTouchMoving(); doLockAnimation(); return true; }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)(lockAnimation, () => { clearTouchMoving(); if (lockAnimation.value) { touchMovingRef.value = setTimeout(() => { setLockAnimation(0); }, 100); } }); // ========================= Scroll ======================== const scrollToTab = function () { let key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : props.activeKey; const tabOffset = tabOffsets.value.get(key) || { width: 0, height: 0, left: 0, right: 0, top: 0 }; if (tabPositionTopOrBottom.value) { // ============ Align with top & bottom ============ let newTransform = transformLeft.value; // RTL if (props.rtl) { if (tabOffset.right < transformLeft.value) { newTransform = tabOffset.right; } else if (tabOffset.right + tabOffset.width > transformLeft.value + wrapperWidth.value) { newTransform = tabOffset.right + tabOffset.width - wrapperWidth.value; } } // LTR else if (tabOffset.left < -transformLeft.value) { newTransform = -tabOffset.left; } else if (tabOffset.left + tabOffset.width > -transformLeft.value + wrapperWidth.value) { newTransform = -(tabOffset.left + tabOffset.width - wrapperWidth.value); } setTransformTop(0); setTransformLeft(alignInRange(newTransform)); } else { // ============ Align with left & right ============ let newTransform = transformTop.value; if (tabOffset.top < -transformTop.value) { newTransform = -tabOffset.top; } else if (tabOffset.top + tabOffset.height > -transformTop.value + wrapperHeight.value) { newTransform = -(tabOffset.top + tabOffset.height - wrapperHeight.value); } setTransformLeft(0); setTransformTop(alignInRange(newTransform)); } }; const visibleStart = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(0); const visibleEnd = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(0); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watchEffect)(() => { let unit; let position; let transformSize; let basicSize; let tabContentSize; let addSize; const tabOffsetsValue = tabOffsets.value; if (['top', 'bottom'].includes(props.tabPosition)) { unit = 'width'; basicSize = wrapperWidth.value; tabContentSize = wrapperScrollWidth.value; addSize = addWidth.value; position = props.rtl ? 'right' : 'left'; transformSize = Math.abs(transformLeft.value); } else { unit = 'height'; basicSize = wrapperHeight.value; tabContentSize = wrapperScrollWidth.value; addSize = addHeight.value; position = 'top'; transformSize = -transformTop.value; } let mergedBasicSize = basicSize; if (tabContentSize + addSize > basicSize && tabContentSize < basicSize) { mergedBasicSize = basicSize - addSize; } const tabsVal = tabs.value; if (!tabsVal.length) { return [visibleStart.value, visibleEnd.value] = [0, 0]; } const len = tabsVal.length; let endIndex = len; for (let i = 0; i < len; i += 1) { const offset = tabOffsetsValue.get(tabsVal[i].key) || DEFAULT_SIZE; if (offset[position] + offset[unit] > transformSize + mergedBasicSize) { endIndex = i - 1; break; } } let startIndex = 0; for (let i = len - 1; i >= 0; i -= 1) { const offset = tabOffsetsValue.get(tabsVal[i].key) || DEFAULT_SIZE; if (offset[position] < transformSize) { startIndex = i + 1; break; } } return [visibleStart.value, visibleEnd.value] = [startIndex, endIndex]; }); const updateTabSizes = () => { setTabSizes(() => { var _a; const newSizes = new Map(); const listRect = (_a = tabListRef.value) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect(); tabs.value.forEach(_ref2 => { let { key } = _ref2; const btnRef = btnRefs.value.get(key); const btnNode = (btnRef === null || btnRef === void 0 ? void 0 : btnRef.$el) || btnRef; if (btnNode) { const [width, height, left, top] = getTabSize(btnNode, listRect); newSizes.set(key, { width, height, left, top }); } }); return newSizes; }); }; (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)(() => tabs.value.map(tab => tab.key).join('%%'), () => { updateTabSizes(); }, { flush: 'post' }); const onListHolderResize = () => { var _a, _b, _c, _d, _e; // Update wrapper records const offsetWidth = ((_a = tabsWrapperRef.value) === null || _a === void 0 ? void 0 : _a.offsetWidth) || 0; const offsetHeight = ((_b = tabsWrapperRef.value) === null || _b === void 0 ? void 0 : _b.offsetHeight) || 0; const addDom = ((_c = innerAddButtonRef.value) === null || _c === void 0 ? void 0 : _c.$el) || {}; const newAddWidth = addDom.offsetWidth || 0; const newAddHeight = addDom.offsetHeight || 0; setWrapperWidth(offsetWidth); setWrapperHeight(offsetHeight); setAddWidth(newAddWidth); setAddHeight(newAddHeight); const newWrapperScrollWidth = (((_d = tabListRef.value) === null || _d === void 0 ? void 0 : _d.offsetWidth) || 0) - newAddWidth; const newWrapperScrollHeight = (((_e = tabListRef.value) === null || _e === void 0 ? void 0 : _e.offsetHeight) || 0) - newAddHeight; setWrapperScrollWidth(newWrapperScrollWidth); setWrapperScrollHeight(newWrapperScrollHeight); // Update buttons records updateTabSizes(); }; // ======================== Dropdown ======================= const hiddenTabs = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => [...tabs.value.slice(0, visibleStart.value), ...tabs.value.slice(visibleEnd.value + 1)]); // =================== Link & Operations =================== const [inkStyle, setInkStyle] = (0,_util_hooks_useState__WEBPACK_IMPORTED_MODULE_8__["default"])(); const activeTabOffset = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => tabOffsets.value.get(props.activeKey)); // Delay set ink style to avoid remove tab blink const inkBarRafRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(); const cleanInkBarRaf = () => { _util_raf__WEBPACK_IMPORTED_MODULE_12__["default"].cancel(inkBarRafRef.value); }; (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)([activeTabOffset, tabPositionTopOrBottom, () => props.rtl], () => { const newInkStyle = {}; if (activeTabOffset.value) { if (tabPositionTopOrBottom.value) { if (props.rtl) { newInkStyle.right = (0,_util_util__WEBPACK_IMPORTED_MODULE_13__.toPx)(activeTabOffset.value.right); } else { newInkStyle.left = (0,_util_util__WEBPACK_IMPORTED_MODULE_13__.toPx)(activeTabOffset.value.left); } newInkStyle.width = (0,_util_util__WEBPACK_IMPORTED_MODULE_13__.toPx)(activeTabOffset.value.width); } else { newInkStyle.top = (0,_util_util__WEBPACK_IMPORTED_MODULE_13__.toPx)(activeTabOffset.value.top); newInkStyle.height = (0,_util_util__WEBPACK_IMPORTED_MODULE_13__.toPx)(activeTabOffset.value.height); } } cleanInkBarRaf(); inkBarRafRef.value = (0,_util_raf__WEBPACK_IMPORTED_MODULE_12__["default"])(() => { setInkStyle(newInkStyle); }); }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)([() => props.activeKey, activeTabOffset, tabOffsets, tabPositionTopOrBottom], () => { scrollToTab(); }, { flush: 'post' }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)([() => props.rtl, () => props.tabBarGutter, () => props.activeKey, () => tabs.value], () => { onListHolderResize(); }, { flush: 'post' }); const ExtraContent = _ref3 => { let { position, prefixCls, extra } = _ref3; if (!extra) return null; const content = extra === null || extra === void 0 ? void 0 : extra({ position }); return content ? (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": `${prefixCls}-extra-content` }, [content]) : null; }; (0,vue__WEBPACK_IMPORTED_MODULE_2__.onBeforeUnmount)(() => { clearTouchMoving(); cleanInkBarRaf(); }); return () => { const { id, animated, activeKey, rtl, editable, locale, tabPosition, tabBarGutter, onTabClick } = props; const { class: className, style } = attrs; const pre = prefixCls.value; // ========================= Render ======================== const hasDropdown = !!hiddenTabs.value.length; const wrapPrefix = `${pre}-nav-wrap`; let pingLeft; let pingRight; let pingTop; let pingBottom; if (tabPositionTopOrBottom.value) { if (rtl) { pingRight = transformLeft.value > 0; pingLeft = transformLeft.value + wrapperWidth.value < wrapperScrollWidth.value; } else { pingLeft = transformLeft.value < 0; pingRight = -transformLeft.value + wrapperWidth.value < wrapperScrollWidth.value; } } else { pingTop = transformTop.value < 0; pingBottom = -transformTop.value + wrapperHeight.value < wrapperScrollHeight.value; } const tabNodeStyle = {}; if (tabPosition === 'top' || tabPosition === 'bottom') { tabNodeStyle[rtl ? 'marginRight' : 'marginLeft'] = typeof tabBarGutter === 'number' ? `${tabBarGutter}px` : tabBarGutter; } else { tabNodeStyle.marginTop = typeof tabBarGutter === 'number' ? `${tabBarGutter}px` : tabBarGutter; } const tabNodes = tabs.value.map((tab, i) => { const { key } = tab; return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_TabNode__WEBPACK_IMPORTED_MODULE_14__["default"], { "id": id, "prefixCls": pre, "key": key, "tab": tab, "style": i === 0 ? undefined : tabNodeStyle, "closable": tab.closable, "editable": editable, "active": key === activeKey, "removeAriaLabel": locale === null || locale === void 0 ? void 0 : locale.removeAriaLabel, "ref": setRef(key), "onClick": e => { onTabClick(key, e); }, "onFocus": () => { scrollToTab(key); doLockAnimation(); if (!tabsWrapperRef.value) { return; } // Focus element will make scrollLeft change which we should reset back if (!rtl) { tabsWrapperRef.value.scrollLeft = 0; } tabsWrapperRef.value.scrollTop = 0; } }, slots); }); return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "role": "tablist", "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_15__["default"])(`${pre}-nav`, className), "style": style, "onKeydown": () => { // No need animation when use keyboard doLockAnimation(); } }, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(ExtraContent, { "position": "left", "prefixCls": pre, "extra": slots.leftExtra }, null), (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_vc_resize_observer__WEBPACK_IMPORTED_MODULE_16__["default"], { "onResize": onListHolderResize }, { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_15__["default"])(wrapPrefix, { [`${wrapPrefix}-ping-left`]: pingLeft, [`${wrapPrefix}-ping-right`]: pingRight, [`${wrapPrefix}-ping-top`]: pingTop, [`${wrapPrefix}-ping-bottom`]: pingBottom }), "ref": tabsWrapperRef }, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_vc_resize_observer__WEBPACK_IMPORTED_MODULE_16__["default"], { "onResize": onListHolderResize }, { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "ref": tabListRef, "class": `${pre}-nav-list`, "style": { transform: `translate(${transformLeft.value}px, ${transformTop.value}px)`, transition: lockAnimation.value ? 'none' : undefined } }, [tabNodes, (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_AddButton__WEBPACK_IMPORTED_MODULE_17__["default"], { "ref": innerAddButtonRef, "prefixCls": pre, "locale": locale, "editable": editable, "style": (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, tabNodes.length === 0 ? undefined : tabNodeStyle), { visibility: hasDropdown ? 'hidden' : null }) }, null), (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_15__["default"])(`${pre}-ink-bar`, { [`${pre}-ink-bar-animated`]: animated.inkBar }), "style": inkStyle.value }, null)])] })])] }), (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_OperationNode__WEBPACK_IMPORTED_MODULE_18__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props), {}, { "removeAriaLabel": locale === null || locale === void 0 ? void 0 : locale.removeAriaLabel, "ref": operationsRef, "prefixCls": pre, "tabs": hiddenTabs.value, "class": !hasDropdown && operationsHiddenClassName.value }), (0,lodash_es_pick__WEBPACK_IMPORTED_MODULE_19__["default"])(slots, ['moreIcon'])), (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(ExtraContent, { "position": "right", "prefixCls": pre, "extra": slots.rightExtra }, null), (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(ExtraContent, { "position": "right", "prefixCls": pre, "extra": slots.tabBarExtraContent }, null)]); }; } })); /***/ }), /***/ "./components/tabs/src/TabPanelList/TabPane.tsx": /*!******************************************************!*\ !*** ./components/tabs/src/TabPanelList/TabPane.tsx ***! \******************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../_util/vue-types */ "./components/_util/vue-types/index.ts"); const tabPaneProps = () => ({ tab: _util_vue_types__WEBPACK_IMPORTED_MODULE_1__["default"].any, disabled: { type: Boolean }, forceRender: { type: Boolean }, closable: { type: Boolean }, animated: { type: Boolean }, active: { type: Boolean }, destroyInactiveTabPane: { type: Boolean }, // Pass by TabPaneList prefixCls: { type: String }, tabKey: { type: [String, Number] }, id: { type: String } // closeIcon: PropTypes.any, }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'ATabPane', inheritAttrs: false, __ANT_TAB_PANE: true, props: tabPaneProps(), slots: Object, setup(props, _ref) { let { attrs, slots } = _ref; const visited = (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)(props.forceRender); (0,vue__WEBPACK_IMPORTED_MODULE_0__.watch)([() => props.active, () => props.destroyInactiveTabPane], () => { if (props.active) { visited.value = true; } else if (props.destroyInactiveTabPane) { visited.value = false; } }, { immediate: true }); const mergedStyle = (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => { if (!props.active) { if (props.animated) { return { visibility: 'hidden', height: 0, overflowY: 'hidden' }; } else { return { display: 'none' }; } } return {}; }); return () => { var _a; const { prefixCls, forceRender, id, active, tabKey } = props; return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", { "id": id && `${id}-panel-${tabKey}`, "role": "tabpanel", "tabindex": active ? 0 : -1, "aria-labelledby": id && `${id}-tab-${tabKey}`, "aria-hidden": !active, "style": [mergedStyle.value, attrs.style], "class": [`${prefixCls}-tabpane`, active && `${prefixCls}-tabpane-active`, attrs.class] }, [(active || visited.value || forceRender) && ((_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots))]); }; } })); /***/ }), /***/ "./components/tabs/src/TabPanelList/index.tsx": /*!****************************************************!*\ !*** ./components/tabs/src/TabPanelList/index.tsx ***! \****************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _TabContext__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../TabContext */ "./components/tabs/src/TabContext.ts"); /* harmony import */ var _util_vnode__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../_util/vnode */ "./components/_util/vnode.ts"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'TabPanelList', inheritAttrs: false, props: { activeKey: { type: [String, Number] }, id: { type: String }, rtl: { type: Boolean }, animated: { type: Object, default: undefined }, tabPosition: { type: String }, destroyInactiveTabPane: { type: Boolean } }, setup(props) { const { tabs, prefixCls } = (0,_TabContext__WEBPACK_IMPORTED_MODULE_1__.useInjectTabs)(); return () => { const { id, activeKey, animated, tabPosition, rtl, destroyInactiveTabPane } = props; const tabPaneAnimated = animated.tabPane; const pre = prefixCls.value; const activeIndex = tabs.value.findIndex(tab => tab.key === activeKey); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", { "class": `${pre}-content-holder` }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", { "class": [`${pre}-content`, `${pre}-content-${tabPosition}`, { [`${pre}-content-animated`]: tabPaneAnimated }], "style": activeIndex && tabPaneAnimated ? { [rtl ? 'marginRight' : 'marginLeft']: `-${activeIndex}00%` } : null }, [tabs.value.map(tab => { return (0,_util_vnode__WEBPACK_IMPORTED_MODULE_2__.cloneElement)(tab.node, { key: tab.key, prefixCls: pre, tabKey: tab.key, id, animated: tabPaneAnimated, active: tab.key === activeKey, destroyInactiveTabPane }); })])]); }; } })); /***/ }), /***/ "./components/tabs/src/Tabs.tsx": /*!**************************************!*\ !*** ./components/tabs/src/Tabs.tsx ***! \**************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ tabsProps: () => (/* binding */ tabsProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _TabNavList__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./TabNavList */ "./components/tabs/src/TabNavList/index.tsx"); /* harmony import */ var _TabPanelList__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./TabPanelList */ "./components/tabs/src/TabPanelList/index.tsx"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../_util/props-util */ "./components/_util/props-util/index.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../_util/props-util */ "./components/_util/util.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../_util/props-util */ "./components/_util/props-util/initDefaultProps.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _util_hooks_useState__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../_util/hooks/useState */ "./components/_util/hooks/useState.ts"); /* harmony import */ var _vc_util_isMobile__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../vc-util/isMobile */ "./components/vc-util/isMobile.ts"); /* harmony import */ var _util_hooks_useMergedState__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../_util/hooks/useMergedState */ "./components/_util/hooks/useMergedState.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _ant_design_icons_vue_es_icons_CloseOutlined__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/CloseOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/CloseOutlined.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_PlusOutlined__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/PlusOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/PlusOutlined.js"); /* harmony import */ var _vc_util_devWarning__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../vc-util/devWarning */ "./components/vc-util/devWarning.ts"); /* harmony import */ var _TabContext__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./TabContext */ "./components/tabs/src/TabContext.ts"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../_util/type */ "./components/_util/type.ts"); /* harmony import */ var lodash_es_pick__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! lodash-es/pick */ "./node_modules/lodash-es/pick.js"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _util_omit__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../../_util/omit */ "./components/_util/omit.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../style */ "./components/tabs/style/index.ts"); // Accessibility https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Tab_Role // Used for accessibility let uuid = 0; const tabsProps = () => { return { prefixCls: { type: String }, id: { type: String }, popupClassName: String, getPopupContainer: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.functionType)(), activeKey: { type: [String, Number] }, defaultActiveKey: { type: [String, Number] }, direction: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.stringType)(), animated: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.someType)([Boolean, Object]), renderTabBar: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.functionType)(), tabBarGutter: { type: Number }, tabBarStyle: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.objectType)(), tabPosition: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.stringType)(), destroyInactiveTabPane: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.booleanType)(), hideAdd: Boolean, type: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.stringType)(), size: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.stringType)(), centered: Boolean, onEdit: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.functionType)(), onChange: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.functionType)(), onTabClick: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.functionType)(), onTabScroll: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.functionType)(), 'onUpdate:activeKey': (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.functionType)(), // Accessibility locale: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.objectType)(), onPrevClick: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.functionType)(), onNextClick: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.functionType)(), tabBarExtraContent: _util_vue_types__WEBPACK_IMPORTED_MODULE_4__["default"].any }; }; function parseTabList(children) { return children.map(node => { if ((0,_util_props_util__WEBPACK_IMPORTED_MODULE_5__.isValidElement)(node)) { const props = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, node.props || {}); for (const [k, v] of Object.entries(props)) { delete props[k]; props[(0,_util_props_util__WEBPACK_IMPORTED_MODULE_6__.camelize)(k)] = v; } const slots = node.children || {}; const key = node.key !== undefined ? node.key : undefined; const { tab = slots.tab, disabled, forceRender, closable, animated, active, destroyInactiveTabPane } = props; return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({ key }, props), { node, closeIcon: slots.closeIcon, tab, disabled: disabled === '' || disabled, forceRender: forceRender === '' || forceRender, closable: closable === '' || closable, animated: animated === '' || animated, active: active === '' || active, destroyInactiveTabPane: destroyInactiveTabPane === '' || destroyInactiveTabPane }); } return null; }).filter(tab => tab); } const InternalTabs = (0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'InternalTabs', inheritAttrs: false, props: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, (0,_util_props_util__WEBPACK_IMPORTED_MODULE_7__["default"])(tabsProps(), { tabPosition: 'top', animated: { inkBar: true, tabPane: false } })), { tabs: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.arrayType)() }), slots: Object, // emits: ['tabClick', 'tabScroll', 'change', 'update:activeKey'], setup(props, _ref) { let { attrs, slots } = _ref; (0,_vc_util_devWarning__WEBPACK_IMPORTED_MODULE_8__["default"])(!(props.onPrevClick !== undefined) && !(props.onNextClick !== undefined), 'Tabs', '`onPrevClick / @prevClick` and `onNextClick / @nextClick` has been removed. Please use `onTabScroll / @tabScroll` instead.'); (0,_vc_util_devWarning__WEBPACK_IMPORTED_MODULE_8__["default"])(!(props.tabBarExtraContent !== undefined), 'Tabs', '`tabBarExtraContent` prop has been removed. Please use `rightExtra` slot instead.'); (0,_vc_util_devWarning__WEBPACK_IMPORTED_MODULE_8__["default"])(!(slots.tabBarExtraContent !== undefined), 'Tabs', '`tabBarExtraContent` slot is deprecated. Please use `rightExtra` slot instead.'); const { prefixCls, direction, size, rootPrefixCls, getPopupContainer } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_9__["default"])('tabs', props); const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_10__["default"])(prefixCls); const rtl = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => direction.value === 'rtl'); const mergedAnimated = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { const { animated, tabPosition } = props; if (animated === false || ['left', 'right'].includes(tabPosition)) { return { inkBar: false, tabPane: false }; } else if (animated === true) { return { inkBar: true, tabPane: true }; } else { return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({ inkBar: true, tabPane: false }, typeof animated === 'object' ? animated : {}); } }); // ======================== Mobile ======================== const [mobile, setMobile] = (0,_util_hooks_useState__WEBPACK_IMPORTED_MODULE_11__["default"])(false); (0,vue__WEBPACK_IMPORTED_MODULE_2__.onMounted)(() => { // Only update on the client side setMobile((0,_vc_util_isMobile__WEBPACK_IMPORTED_MODULE_12__["default"])()); }); // ====================== Active Key ====================== const [mergedActiveKey, setMergedActiveKey] = (0,_util_hooks_useMergedState__WEBPACK_IMPORTED_MODULE_13__["default"])(() => { var _a; return (_a = props.tabs[0]) === null || _a === void 0 ? void 0 : _a.key; }, { value: (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.activeKey), defaultValue: props.defaultActiveKey }); const [activeIndex, setActiveIndex] = (0,_util_hooks_useState__WEBPACK_IMPORTED_MODULE_11__["default"])(() => props.tabs.findIndex(tab => tab.key === mergedActiveKey.value)); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watchEffect)(() => { var _a; let newActiveIndex = props.tabs.findIndex(tab => tab.key === mergedActiveKey.value); if (newActiveIndex === -1) { newActiveIndex = Math.max(0, Math.min(activeIndex.value, props.tabs.length - 1)); setMergedActiveKey((_a = props.tabs[newActiveIndex]) === null || _a === void 0 ? void 0 : _a.key); } setActiveIndex(newActiveIndex); }); // ===================== Accessibility ==================== const [mergedId, setMergedId] = (0,_util_hooks_useMergedState__WEBPACK_IMPORTED_MODULE_13__["default"])(null, { value: (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.id) }); const mergedTabPosition = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { if (mobile.value && !['left', 'right'].includes(props.tabPosition)) { return 'top'; } else { return props.tabPosition; } }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.onMounted)(() => { if (!props.id) { setMergedId(`rc-tabs-${ false ? 0 : uuid}`); uuid += 1; } }); // ======================== Events ======================== const onInternalTabClick = (key, e) => { var _a, _b; (_a = props.onTabClick) === null || _a === void 0 ? void 0 : _a.call(props, key, e); const isActiveChanged = key !== mergedActiveKey.value; setMergedActiveKey(key); if (isActiveChanged) { (_b = props.onChange) === null || _b === void 0 ? void 0 : _b.call(props, key); } }; (0,_TabContext__WEBPACK_IMPORTED_MODULE_14__.useProvideTabs)({ tabs: (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.tabs), prefixCls }); return () => { const { id, type, tabBarGutter, tabBarStyle, locale, destroyInactiveTabPane, renderTabBar = slots.renderTabBar, onTabScroll, hideAdd, centered } = props; // ======================== Render ======================== const sharedProps = { id: mergedId.value, activeKey: mergedActiveKey.value, animated: mergedAnimated.value, tabPosition: mergedTabPosition.value, rtl: rtl.value, mobile: mobile.value }; let editable; if (type === 'editable-card') { editable = { onEdit: (editType, _ref2) => { let { key, event } = _ref2; var _a; (_a = props.onEdit) === null || _a === void 0 ? void 0 : _a.call(props, editType === 'add' ? event : key, editType); }, removeIcon: () => (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_ant_design_icons_vue_es_icons_CloseOutlined__WEBPACK_IMPORTED_MODULE_15__["default"], null, null), addIcon: slots.addIcon ? slots.addIcon : () => (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_ant_design_icons_vue_es_icons_PlusOutlined__WEBPACK_IMPORTED_MODULE_16__["default"], null, null), showAdd: hideAdd !== true }; } let tabNavBar; const tabNavBarProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, sharedProps), { moreTransitionName: `${rootPrefixCls.value}-slide-up`, editable, locale, tabBarGutter, onTabClick: onInternalTabClick, onTabScroll, style: tabBarStyle, getPopupContainer: getPopupContainer.value, popupClassName: (0,_util_classNames__WEBPACK_IMPORTED_MODULE_17__["default"])(props.popupClassName, hashId.value) }); if (renderTabBar) { tabNavBar = renderTabBar((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, tabNavBarProps), { DefaultTabBar: _TabNavList__WEBPACK_IMPORTED_MODULE_18__["default"] })); } else { tabNavBar = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_TabNavList__WEBPACK_IMPORTED_MODULE_18__["default"], tabNavBarProps, (0,lodash_es_pick__WEBPACK_IMPORTED_MODULE_19__["default"])(slots, ['moreIcon', 'leftExtra', 'rightExtra', 'tabBarExtraContent'])); } const pre = prefixCls.value; return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, attrs), {}, { "id": id, "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_17__["default"])(pre, `${pre}-${mergedTabPosition.value}`, { [hashId.value]: true, [`${pre}-${size.value}`]: size.value, [`${pre}-card`]: ['card', 'editable-card'].includes(type), [`${pre}-editable-card`]: type === 'editable-card', [`${pre}-centered`]: centered, [`${pre}-mobile`]: mobile.value, [`${pre}-editable`]: type === 'editable-card', [`${pre}-rtl`]: rtl.value }, attrs.class) }), [tabNavBar, (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_TabPanelList__WEBPACK_IMPORTED_MODULE_20__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "destroyInactiveTabPane": destroyInactiveTabPane }, sharedProps), {}, { "animated": mergedAnimated.value }), null)])); }; } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'ATabs', inheritAttrs: false, props: (0,_util_props_util__WEBPACK_IMPORTED_MODULE_7__["default"])(tabsProps(), { tabPosition: 'top', animated: { inkBar: true, tabPane: false } }), slots: Object, // emits: ['tabClick', 'tabScroll', 'change', 'update:activeKey'], setup(props, _ref3) { let { attrs, slots, emit } = _ref3; const handleChange = key => { emit('update:activeKey', key); emit('change', key); }; return () => { var _a; const tabs = parseTabList((0,_util_props_util__WEBPACK_IMPORTED_MODULE_5__.flattenChildren)((_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots))); return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(InternalTabs, (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_util_omit__WEBPACK_IMPORTED_MODULE_21__["default"])(props, ['onUpdate:activeKey'])), attrs), {}, { "onChange": handleChange, "tabs": tabs }), slots); }; } })); /***/ }), /***/ "./components/tabs/src/hooks/useOffsets.ts": /*!*************************************************!*\ !*** ./components/tabs/src/hooks/useOffsets.ts ***! \*************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ useOffsets) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); const DEFAULT_SIZE = { width: 0, height: 0, left: 0, top: 0 }; function useOffsets(tabs, tabSizes) { const offsetMap = (0,vue__WEBPACK_IMPORTED_MODULE_1__.ref)(new Map()); (0,vue__WEBPACK_IMPORTED_MODULE_1__.watchEffect)(() => { var _a, _b; const map = new Map(); const tabsValue = tabs.value; const lastOffset = tabSizes.value.get((_a = tabsValue[0]) === null || _a === void 0 ? void 0 : _a.key) || DEFAULT_SIZE; const rightOffset = lastOffset.left + lastOffset.width; for (let i = 0; i < tabsValue.length; i += 1) { const { key } = tabsValue[i]; let data = tabSizes.value.get(key); // Reuse last one when not exist yet if (!data) { data = tabSizes.value.get((_b = tabsValue[i - 1]) === null || _b === void 0 ? void 0 : _b.key) || DEFAULT_SIZE; } const entity = map.get(key) || (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, data); // Right entity.right = rightOffset - entity.left - entity.width; // Update entity map.set(key, entity); } offsetMap.value = new Map(map); }); return offsetMap; } /***/ }), /***/ "./components/tabs/src/hooks/useRaf.ts": /*!*********************************************!*\ !*** ./components/tabs/src/hooks/useRaf.ts ***! \*********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ useRaf), /* harmony export */ useRafState: () => (/* binding */ useRafState) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_raf__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../_util/raf */ "./components/_util/raf.ts"); function useRaf(callback) { const rafRef = (0,vue__WEBPACK_IMPORTED_MODULE_0__.shallowRef)(); const removedRef = (0,vue__WEBPACK_IMPORTED_MODULE_0__.shallowRef)(false); function trigger() { for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) { args[_key] = arguments[_key]; } if (!removedRef.value) { _util_raf__WEBPACK_IMPORTED_MODULE_1__["default"].cancel(rafRef.value); rafRef.value = (0,_util_raf__WEBPACK_IMPORTED_MODULE_1__["default"])(() => { callback(...args); }); } } (0,vue__WEBPACK_IMPORTED_MODULE_0__.onBeforeUnmount)(() => { removedRef.value = true; _util_raf__WEBPACK_IMPORTED_MODULE_1__["default"].cancel(rafRef.value); }); return trigger; } function useRafState(defaultState) { const batchRef = (0,vue__WEBPACK_IMPORTED_MODULE_0__.shallowRef)([]); const state = (0,vue__WEBPACK_IMPORTED_MODULE_0__.shallowRef)(typeof defaultState === 'function' ? defaultState() : defaultState); const flushUpdate = useRaf(() => { let value = state.value; batchRef.value.forEach(callback => { value = callback(value); }); batchRef.value = []; state.value = value; }); function updater(callback) { batchRef.value.push(callback); flushUpdate(); } return [state, updater]; } /***/ }), /***/ "./components/tabs/src/hooks/useSyncState.ts": /*!***************************************************!*\ !*** ./components/tabs/src/hooks/useSyncState.ts ***! \***************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ useSyncState) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); function useSyncState(defaultState, onChange) { const stateRef = (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)(defaultState); function setState(updater) { const newValue = typeof updater === 'function' ? updater(stateRef.value) : updater; if (newValue !== stateRef.value) { onChange(newValue, stateRef.value); } stateRef.value = newValue; } return [stateRef, setState]; } /***/ }), /***/ "./components/tabs/src/hooks/useTouchMove.ts": /*!***************************************************!*\ !*** ./components/tabs/src/hooks/useTouchMove.ts ***! \***************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ useTouchMove) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_hooks_useState__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../_util/hooks/useState */ "./components/_util/hooks/useState.ts"); const MIN_SWIPE_DISTANCE = 0.1; const STOP_SWIPE_DISTANCE = 0.01; const REFRESH_INTERVAL = 20; const SPEED_OFF_MULTIPLE = Math.pow(0.995, REFRESH_INTERVAL); // ================================= Hook ================================= function useTouchMove(domRef, onOffset) { const [touchPosition, setTouchPosition] = (0,_util_hooks_useState__WEBPACK_IMPORTED_MODULE_1__["default"])(); const [lastTimestamp, setLastTimestamp] = (0,_util_hooks_useState__WEBPACK_IMPORTED_MODULE_1__["default"])(0); const [lastTimeDiff, setLastTimeDiff] = (0,_util_hooks_useState__WEBPACK_IMPORTED_MODULE_1__["default"])(0); const [lastOffset, setLastOffset] = (0,_util_hooks_useState__WEBPACK_IMPORTED_MODULE_1__["default"])(); const motionInterval = (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)(); // ========================= Events ========================= // >>> Touch events function onTouchStart(e) { const { screenX, screenY } = e.touches[0]; setTouchPosition({ x: screenX, y: screenY }); clearInterval(motionInterval.value); } function onTouchMove(e) { if (!touchPosition.value) return; e.preventDefault(); const { screenX, screenY } = e.touches[0]; const offsetX = screenX - touchPosition.value.x; const offsetY = screenY - touchPosition.value.y; onOffset(offsetX, offsetY); setTouchPosition({ x: screenX, y: screenY }); const now = Date.now(); setLastTimeDiff(now - lastTimestamp.value); setLastTimestamp(now); setLastOffset({ x: offsetX, y: offsetY }); } function onTouchEnd() { if (!touchPosition.value) return; const lastOffsetValue = lastOffset.value; setTouchPosition(null); setLastOffset(null); // Swipe if needed if (lastOffsetValue) { const distanceX = lastOffsetValue.x / lastTimeDiff.value; const distanceY = lastOffsetValue.y / lastTimeDiff.value; const absX = Math.abs(distanceX); const absY = Math.abs(distanceY); // Skip swipe if low distance if (Math.max(absX, absY) < MIN_SWIPE_DISTANCE) return; let currentX = distanceX; let currentY = distanceY; motionInterval.value = setInterval(() => { if (Math.abs(currentX) < STOP_SWIPE_DISTANCE && Math.abs(currentY) < STOP_SWIPE_DISTANCE) { clearInterval(motionInterval.value); return; } currentX *= SPEED_OFF_MULTIPLE; currentY *= SPEED_OFF_MULTIPLE; onOffset(currentX * REFRESH_INTERVAL, currentY * REFRESH_INTERVAL); }, REFRESH_INTERVAL); } } // >>> Wheel event const lastWheelDirectionRef = (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)(); function onWheel(e) { const { deltaX, deltaY } = e; // Convert both to x & y since wheel only happened on PC let mixed = 0; const absX = Math.abs(deltaX); const absY = Math.abs(deltaY); if (absX === absY) { mixed = lastWheelDirectionRef.value === 'x' ? deltaX : deltaY; } else if (absX > absY) { mixed = deltaX; lastWheelDirectionRef.value = 'x'; } else { mixed = deltaY; lastWheelDirectionRef.value = 'y'; } if (onOffset(-mixed, -mixed)) { e.preventDefault(); } } // ========================= Effect ========================= const touchEventsRef = (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)({ onTouchStart, onTouchMove, onTouchEnd, onWheel }); function onProxyTouchStart(e) { touchEventsRef.value.onTouchStart(e); } function onProxyTouchMove(e) { touchEventsRef.value.onTouchMove(e); } function onProxyTouchEnd(e) { touchEventsRef.value.onTouchEnd(e); } function onProxyWheel(e) { touchEventsRef.value.onWheel(e); } (0,vue__WEBPACK_IMPORTED_MODULE_0__.onMounted)(() => { var _a, _b; document.addEventListener('touchmove', onProxyTouchMove, { passive: false }); document.addEventListener('touchend', onProxyTouchEnd, { passive: false }); // No need to clean up since element removed (_a = domRef.value) === null || _a === void 0 ? void 0 : _a.addEventListener('touchstart', onProxyTouchStart, { passive: false }); (_b = domRef.value) === null || _b === void 0 ? void 0 : _b.addEventListener('wheel', onProxyWheel, { passive: false }); }); (0,vue__WEBPACK_IMPORTED_MODULE_0__.onBeforeUnmount)(() => { document.removeEventListener('touchmove', onProxyTouchMove); document.removeEventListener('touchend', onProxyTouchEnd); }); } /***/ }), /***/ "./components/tabs/src/index.ts": /*!**************************************!*\ !*** ./components/tabs/src/index.ts ***! \**************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ TabPane: () => (/* reexport safe */ _TabPanelList_TabPane__WEBPACK_IMPORTED_MODULE_0__["default"]), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _Tabs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Tabs */ "./components/tabs/src/Tabs.tsx"); /* harmony import */ var _TabPanelList_TabPane__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./TabPanelList/TabPane */ "./components/tabs/src/TabPanelList/TabPane.tsx"); // base rc-tabs 11.12.0 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_Tabs__WEBPACK_IMPORTED_MODULE_1__["default"]); /***/ }), /***/ "./components/tabs/style/index.ts": /*!****************************************!*\ !*** ./components/tabs/style/index.ts ***! \****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/genComponentStyleHook.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/statistic.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../style */ "./components/style/index.ts"); /* harmony import */ var _motion__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./motion */ "./components/tabs/style/motion.ts"); const genCardStyle = token => { const { componentCls, tabsCardHorizontalPadding, tabsCardHeadBackground, tabsCardGutter, colorSplit } = token; return { [`${componentCls}-card`]: { [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: { [`${componentCls}-tab`]: { margin: 0, padding: tabsCardHorizontalPadding, background: tabsCardHeadBackground, border: `${token.lineWidth}px ${token.lineType} ${colorSplit}`, transition: `all ${token.motionDurationSlow} ${token.motionEaseInOut}` }, [`${componentCls}-tab-active`]: { color: token.colorPrimary, background: token.colorBgContainer }, [`${componentCls}-ink-bar`]: { visibility: 'hidden' } }, // ========================== Top & Bottom ========================== [`&${componentCls}-top, &${componentCls}-bottom`]: { [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: { [`${componentCls}-tab + ${componentCls}-tab`]: { marginLeft: { _skip_check_: true, value: `${tabsCardGutter}px` } } } }, [`&${componentCls}-top`]: { [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: { [`${componentCls}-tab`]: { borderRadius: `${token.borderRadiusLG}px ${token.borderRadiusLG}px 0 0` }, [`${componentCls}-tab-active`]: { borderBottomColor: token.colorBgContainer } } }, [`&${componentCls}-bottom`]: { [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: { [`${componentCls}-tab`]: { borderRadius: `0 0 ${token.borderRadiusLG}px ${token.borderRadiusLG}px` }, [`${componentCls}-tab-active`]: { borderTopColor: token.colorBgContainer } } }, // ========================== Left & Right ========================== [`&${componentCls}-left, &${componentCls}-right`]: { [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: { [`${componentCls}-tab + ${componentCls}-tab`]: { marginTop: `${tabsCardGutter}px` } } }, [`&${componentCls}-left`]: { [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: { [`${componentCls}-tab`]: { borderRadius: { _skip_check_: true, value: `${token.borderRadiusLG}px 0 0 ${token.borderRadiusLG}px` } }, [`${componentCls}-tab-active`]: { borderRightColor: { _skip_check_: true, value: token.colorBgContainer } } } }, [`&${componentCls}-right`]: { [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: { [`${componentCls}-tab`]: { borderRadius: { _skip_check_: true, value: `0 ${token.borderRadiusLG}px ${token.borderRadiusLG}px 0` } }, [`${componentCls}-tab-active`]: { borderLeftColor: { _skip_check_: true, value: token.colorBgContainer } } } } } }; }; const genDropdownStyle = token => { const { componentCls, tabsHoverColor, dropdownEdgeChildVerticalPadding } = token; return { [`${componentCls}-dropdown`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_1__.resetComponent)(token)), { position: 'absolute', top: -9999, left: { _skip_check_: true, value: -9999 }, zIndex: token.zIndexPopup, display: 'block', '&-hidden': { display: 'none' }, [`${componentCls}-dropdown-menu`]: { maxHeight: token.tabsDropdownHeight, margin: 0, padding: `${dropdownEdgeChildVerticalPadding}px 0`, overflowX: 'hidden', overflowY: 'auto', textAlign: { _skip_check_: true, value: 'left' }, listStyleType: 'none', backgroundColor: token.colorBgContainer, backgroundClip: 'padding-box', borderRadius: token.borderRadiusLG, outline: 'none', boxShadow: token.boxShadowSecondary, '&-item': (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, _style__WEBPACK_IMPORTED_MODULE_1__.textEllipsis), { display: 'flex', alignItems: 'center', minWidth: token.tabsDropdownWidth, margin: 0, padding: `${token.paddingXXS}px ${token.paddingSM}px`, color: token.colorText, fontWeight: 'normal', fontSize: token.fontSize, lineHeight: token.lineHeight, cursor: 'pointer', transition: `all ${token.motionDurationSlow}`, '> span': { flex: 1, whiteSpace: 'nowrap' }, '&-remove': { flex: 'none', marginLeft: { _skip_check_: true, value: token.marginSM }, color: token.colorTextDescription, fontSize: token.fontSizeSM, background: 'transparent', border: 0, cursor: 'pointer', '&:hover': { color: tabsHoverColor } }, '&:hover': { background: token.controlItemBgHover }, '&-disabled': { '&, &:hover': { color: token.colorTextDisabled, background: 'transparent', cursor: 'not-allowed' } } }) } }) }; }; const genPositionStyle = token => { const { componentCls, margin, colorSplit } = token; return { // ========================== Top & Bottom ========================== [`${componentCls}-top, ${componentCls}-bottom`]: { flexDirection: 'column', [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: { margin: `0 0 ${margin}px 0`, '&::before': { position: 'absolute', right: { _skip_check_: true, value: 0 }, left: { _skip_check_: true, value: 0 }, borderBottom: `${token.lineWidth}px ${token.lineType} ${colorSplit}`, content: "''" }, [`${componentCls}-ink-bar`]: { height: token.lineWidthBold, '&-animated': { transition: `width ${token.motionDurationSlow}, left ${token.motionDurationSlow}, right ${token.motionDurationSlow}` } }, [`${componentCls}-nav-wrap`]: { '&::before, &::after': { top: 0, bottom: 0, width: token.controlHeight }, '&::before': { left: { _skip_check_: true, value: 0 }, boxShadow: token.boxShadowTabsOverflowLeft }, '&::after': { right: { _skip_check_: true, value: 0 }, boxShadow: token.boxShadowTabsOverflowRight }, [`&${componentCls}-nav-wrap-ping-left::before`]: { opacity: 1 }, [`&${componentCls}-nav-wrap-ping-right::after`]: { opacity: 1 } } } }, [`${componentCls}-top`]: { [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: { '&::before': { bottom: 0 }, [`${componentCls}-ink-bar`]: { bottom: 0 } } }, [`${componentCls}-bottom`]: { [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: { order: 1, marginTop: `${margin}px`, marginBottom: 0, '&::before': { top: 0 }, [`${componentCls}-ink-bar`]: { top: 0 } }, [`> ${componentCls}-content-holder, > div > ${componentCls}-content-holder`]: { order: 0 } }, // ========================== Left & Right ========================== [`${componentCls}-left, ${componentCls}-right`]: { [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: { flexDirection: 'column', minWidth: token.controlHeight * 1.25, // >>>>>>>>>>> Tab [`${componentCls}-tab`]: { padding: `${token.paddingXS}px ${token.paddingLG}px`, textAlign: 'center' }, [`${componentCls}-tab + ${componentCls}-tab`]: { margin: `${token.margin}px 0 0 0` }, // >>>>>>>>>>> Nav [`${componentCls}-nav-wrap`]: { flexDirection: 'column', '&::before, &::after': { right: { _skip_check_: true, value: 0 }, left: { _skip_check_: true, value: 0 }, height: token.controlHeight }, '&::before': { top: 0, boxShadow: token.boxShadowTabsOverflowTop }, '&::after': { bottom: 0, boxShadow: token.boxShadowTabsOverflowBottom }, [`&${componentCls}-nav-wrap-ping-top::before`]: { opacity: 1 }, [`&${componentCls}-nav-wrap-ping-bottom::after`]: { opacity: 1 } }, // >>>>>>>>>>> Ink Bar [`${componentCls}-ink-bar`]: { width: token.lineWidthBold, '&-animated': { transition: `height ${token.motionDurationSlow}, top ${token.motionDurationSlow}` } }, [`${componentCls}-nav-list, ${componentCls}-nav-operations`]: { flex: '1 0 auto', flexDirection: 'column' } } }, [`${componentCls}-left`]: { [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: { [`${componentCls}-ink-bar`]: { right: { _skip_check_: true, value: 0 } } }, [`> ${componentCls}-content-holder, > div > ${componentCls}-content-holder`]: { marginLeft: { _skip_check_: true, value: `-${token.lineWidth}px` }, borderLeft: { _skip_check_: true, value: `${token.lineWidth}px ${token.lineType} ${token.colorBorder}` }, [`> ${componentCls}-content > ${componentCls}-tabpane`]: { paddingLeft: { _skip_check_: true, value: token.paddingLG } } } }, [`${componentCls}-right`]: { [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: { order: 1, [`${componentCls}-ink-bar`]: { left: { _skip_check_: true, value: 0 } } }, [`> ${componentCls}-content-holder, > div > ${componentCls}-content-holder`]: { order: 0, marginRight: { _skip_check_: true, value: -token.lineWidth }, borderRight: { _skip_check_: true, value: `${token.lineWidth}px ${token.lineType} ${token.colorBorder}` }, [`> ${componentCls}-content > ${componentCls}-tabpane`]: { paddingRight: { _skip_check_: true, value: token.paddingLG } } } } }; }; const genSizeStyle = token => { const { componentCls, padding } = token; return { [componentCls]: { '&-small': { [`> ${componentCls}-nav`]: { [`${componentCls}-tab`]: { padding: `${token.paddingXS}px 0`, fontSize: token.fontSize } } }, '&-large': { [`> ${componentCls}-nav`]: { [`${componentCls}-tab`]: { padding: `${padding}px 0`, fontSize: token.fontSizeLG } } } }, [`${componentCls}-card`]: { [`&${componentCls}-small`]: { [`> ${componentCls}-nav`]: { [`${componentCls}-tab`]: { padding: `${token.paddingXXS * 1.5}px ${padding}px` } }, [`&${componentCls}-bottom`]: { [`> ${componentCls}-nav ${componentCls}-tab`]: { borderRadius: `0 0 ${token.borderRadius}px ${token.borderRadius}px` } }, [`&${componentCls}-top`]: { [`> ${componentCls}-nav ${componentCls}-tab`]: { borderRadius: `${token.borderRadius}px ${token.borderRadius}px 0 0` } }, [`&${componentCls}-right`]: { [`> ${componentCls}-nav ${componentCls}-tab`]: { borderRadius: { _skip_check_: true, value: `0 ${token.borderRadius}px ${token.borderRadius}px 0` } } }, [`&${componentCls}-left`]: { [`> ${componentCls}-nav ${componentCls}-tab`]: { borderRadius: { _skip_check_: true, value: `${token.borderRadius}px 0 0 ${token.borderRadius}px` } } } }, [`&${componentCls}-large`]: { [`> ${componentCls}-nav`]: { [`${componentCls}-tab`]: { padding: `${token.paddingXS}px ${padding}px ${token.paddingXXS * 1.5}px` } } } } }; }; const genTabStyle = token => { const { componentCls, tabsActiveColor, tabsHoverColor, iconCls, tabsHorizontalGutter } = token; const tabCls = `${componentCls}-tab`; return { [tabCls]: { position: 'relative', display: 'inline-flex', alignItems: 'center', padding: `${token.paddingSM}px 0`, fontSize: `${token.fontSize}px`, background: 'transparent', border: 0, outline: 'none', cursor: 'pointer', '&-btn, &-remove': (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ '&:focus:not(:focus-visible), &:active': { color: tabsActiveColor } }, (0,_style__WEBPACK_IMPORTED_MODULE_1__.genFocusStyle)(token)), '&-btn': { outline: 'none', transition: 'all 0.3s' }, '&-remove': { flex: 'none', marginRight: { _skip_check_: true, value: -token.marginXXS }, marginLeft: { _skip_check_: true, value: token.marginXS }, color: token.colorTextDescription, fontSize: token.fontSizeSM, background: 'transparent', border: 'none', outline: 'none', cursor: 'pointer', transition: `all ${token.motionDurationSlow}`, '&:hover': { color: token.colorTextHeading } }, '&:hover': { color: tabsHoverColor }, [`&${tabCls}-active ${tabCls}-btn`]: { color: token.colorPrimary, textShadow: token.tabsActiveTextShadow }, [`&${tabCls}-disabled`]: { color: token.colorTextDisabled, cursor: 'not-allowed' }, [`&${tabCls}-disabled ${tabCls}-btn, &${tabCls}-disabled ${componentCls}-remove`]: { '&:focus, &:active': { color: token.colorTextDisabled } }, [`& ${tabCls}-remove ${iconCls}`]: { margin: 0 }, [iconCls]: { marginRight: { _skip_check_: true, value: token.marginSM } } }, [`${tabCls} + ${tabCls}`]: { margin: { _skip_check_: true, value: `0 0 0 ${tabsHorizontalGutter}px` } } }; }; const genRtlStyle = token => { const { componentCls, tabsHorizontalGutter, iconCls, tabsCardGutter } = token; const rtlCls = `${componentCls}-rtl`; return { [rtlCls]: { direction: 'rtl', [`${componentCls}-nav`]: { [`${componentCls}-tab`]: { margin: { _skip_check_: true, value: `0 0 0 ${tabsHorizontalGutter}px` }, [`${componentCls}-tab:last-of-type`]: { marginLeft: { _skip_check_: true, value: 0 } }, [iconCls]: { marginRight: { _skip_check_: true, value: 0 }, marginLeft: { _skip_check_: true, value: `${token.marginSM}px` } }, [`${componentCls}-tab-remove`]: { marginRight: { _skip_check_: true, value: `${token.marginXS}px` }, marginLeft: { _skip_check_: true, value: `-${token.marginXXS}px` }, [iconCls]: { margin: 0 } } } }, [`&${componentCls}-left`]: { [`> ${componentCls}-nav`]: { order: 1 }, [`> ${componentCls}-content-holder`]: { order: 0 } }, [`&${componentCls}-right`]: { [`> ${componentCls}-nav`]: { order: 0 }, [`> ${componentCls}-content-holder`]: { order: 1 } }, // ====================== Card ====================== [`&${componentCls}-card${componentCls}-top, &${componentCls}-card${componentCls}-bottom`]: { [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: { [`${componentCls}-tab + ${componentCls}-tab`]: { marginRight: { _skip_check_: true, value: `${tabsCardGutter}px` }, marginLeft: { _skip_check_: true, value: 0 } } } } }, [`${componentCls}-dropdown-rtl`]: { direction: 'rtl' }, [`${componentCls}-menu-item`]: { [`${componentCls}-dropdown-rtl`]: { textAlign: { _skip_check_: true, value: 'right' } } } }; }; const genTabsStyle = token => { const { componentCls, tabsCardHorizontalPadding, tabsCardHeight, tabsCardGutter, tabsHoverColor, tabsActiveColor, colorSplit } = token; return { [componentCls]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_1__.resetComponent)(token)), { display: 'flex', // ========================== Navigation ========================== [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: { position: 'relative', display: 'flex', flex: 'none', alignItems: 'center', [`${componentCls}-nav-wrap`]: { position: 'relative', display: 'flex', flex: 'auto', alignSelf: 'stretch', overflow: 'hidden', whiteSpace: 'nowrap', transform: 'translate(0)', // >>>>> Ping shadow '&::before, &::after': { position: 'absolute', zIndex: 1, opacity: 0, transition: `opacity ${token.motionDurationSlow}`, content: "''", pointerEvents: 'none' } }, [`${componentCls}-nav-list`]: { position: 'relative', display: 'flex', transition: `opacity ${token.motionDurationSlow}` }, // >>>>>>>> Operations [`${componentCls}-nav-operations`]: { display: 'flex', alignSelf: 'stretch' }, [`${componentCls}-nav-operations-hidden`]: { position: 'absolute', visibility: 'hidden', pointerEvents: 'none' }, [`${componentCls}-nav-more`]: { position: 'relative', padding: tabsCardHorizontalPadding, background: 'transparent', border: 0, '&::after': { position: 'absolute', right: { _skip_check_: true, value: 0 }, bottom: 0, left: { _skip_check_: true, value: 0 }, height: token.controlHeightLG / 8, transform: 'translateY(100%)', content: "''" } }, [`${componentCls}-nav-add`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ minWidth: `${tabsCardHeight}px`, marginLeft: { _skip_check_: true, value: `${tabsCardGutter}px` }, padding: `0 ${token.paddingXS}px`, background: 'transparent', border: `${token.lineWidth}px ${token.lineType} ${colorSplit}`, borderRadius: `${token.borderRadiusLG}px ${token.borderRadiusLG}px 0 0`, outline: 'none', cursor: 'pointer', color: token.colorText, transition: `all ${token.motionDurationSlow} ${token.motionEaseInOut}`, '&:hover': { color: tabsHoverColor }, '&:active, &:focus:not(:focus-visible)': { color: tabsActiveColor } }, (0,_style__WEBPACK_IMPORTED_MODULE_1__.genFocusStyle)(token)) }, [`${componentCls}-extra-content`]: { flex: 'none' }, // ============================ InkBar ============================ [`${componentCls}-ink-bar`]: { position: 'absolute', background: token.colorPrimary, pointerEvents: 'none' } }), genTabStyle(token)), { // =========================== TabPanes =========================== [`${componentCls}-content`]: { position: 'relative', display: 'flex', width: '100%', ['&-animated']: { transition: 'margin 0.3s' } }, [`${componentCls}-content-holder`]: { flex: 'auto', minWidth: 0, minHeight: 0 }, [`${componentCls}-tabpane`]: { outline: 'none', flex: 'none', width: '100%' } }), [`${componentCls}-centered`]: { [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: { [`${componentCls}-nav-wrap`]: { [`&:not([class*='${componentCls}-nav-wrap-ping'])`]: { justifyContent: 'center' } } } } }; }; // ============================== Export ============================== /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_theme_internal__WEBPACK_IMPORTED_MODULE_2__["default"])('Tabs', token => { const tabsCardHeight = token.controlHeightLG; const tabsToken = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_3__.merge)(token, { tabsHoverColor: token.colorPrimaryHover, tabsActiveColor: token.colorPrimaryActive, tabsCardHorizontalPadding: `${(tabsCardHeight - Math.round(token.fontSize * token.lineHeight)) / 2 - token.lineWidth}px ${token.padding}px`, tabsCardHeight, tabsCardGutter: token.marginXXS / 2, tabsHorizontalGutter: 32, tabsCardHeadBackground: token.colorFillAlter, dropdownEdgeChildVerticalPadding: token.paddingXXS, tabsActiveTextShadow: '0 0 0.25px currentcolor', tabsDropdownHeight: 200, tabsDropdownWidth: 120 }); return [genSizeStyle(tabsToken), genRtlStyle(tabsToken), genPositionStyle(tabsToken), genDropdownStyle(tabsToken), genCardStyle(tabsToken), genTabsStyle(tabsToken), (0,_motion__WEBPACK_IMPORTED_MODULE_4__["default"])(tabsToken)]; }, token => ({ zIndexPopup: token.zIndexPopupBase + 50 }))); /***/ }), /***/ "./components/tabs/style/motion.ts": /*!*****************************************!*\ !*** ./components/tabs/style/motion.ts ***! \*****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _style_motion__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../style/motion */ "./components/style/motion/slide.ts"); const genMotionStyle = token => { const { componentCls, motionDurationSlow } = token; return [{ [componentCls]: { [`${componentCls}-switch`]: { '&-appear, &-enter': { transition: 'none', '&-start': { opacity: 0 }, '&-active': { opacity: 1, transition: `opacity ${motionDurationSlow}` } }, '&-leave': { position: 'absolute', transition: 'none', inset: 0, '&-start': { opacity: 1 }, '&-active': { opacity: 0, transition: `opacity ${motionDurationSlow}` } } } } }, // Follow code may reuse in other components [(0,_style_motion__WEBPACK_IMPORTED_MODULE_0__.initSlideMotion)(token, 'slide-up'), (0,_style_motion__WEBPACK_IMPORTED_MODULE_0__.initSlideMotion)(token, 'slide-down')]]; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (genMotionStyle); /***/ }), /***/ "./components/tag/CheckableTag.tsx": /*!*****************************************!*\ !*** ./components/tag/CheckableTag.tsx ***! \*****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./style */ "./components/tag/style/index.ts"); const checkableTagProps = () => ({ prefixCls: String, checked: { type: Boolean, default: undefined }, onChange: { type: Function }, onClick: { type: Function }, 'onUpdate:checked': Function }); const CheckableTag = (0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'ACheckableTag', inheritAttrs: false, props: checkableTagProps(), // emits: ['update:checked', 'change', 'click'], setup(props, _ref) { let { slots, emit, attrs } = _ref; const { prefixCls } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_2__["default"])('tag', props); // Style const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_3__["default"])(prefixCls); const handleClick = e => { const { checked } = props; emit('update:checked', !checked); emit('change', !checked); emit('click', e); }; const cls = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => (0,_util_classNames__WEBPACK_IMPORTED_MODULE_4__["default"])(prefixCls.value, hashId.value, { [`${prefixCls.value}-checkable`]: true, [`${prefixCls.value}-checkable-checked`]: props.checked })); return () => { var _a; return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, attrs), {}, { "class": [cls.value, attrs.class], "onClick": handleClick }), [(_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)])); }; } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CheckableTag); /***/ }), /***/ "./components/tag/index.tsx": /*!**********************************!*\ !*** ./components/tag/index.tsx ***! \**********************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ CheckableTag: () => (/* reexport safe */ _CheckableTag__WEBPACK_IMPORTED_MODULE_11__["default"]), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ tagProps: () => (/* binding */ tagProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _ant_design_icons_vue_es_icons_CloseOutlined__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/CloseOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/CloseOutlined.js"); /* harmony import */ var _util_wave__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../_util/wave */ "./components/_util/wave/index.tsx"); /* harmony import */ var _util_colors__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../_util/colors */ "./components/_util/colors.ts"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); /* harmony import */ var _CheckableTag__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./CheckableTag */ "./components/tag/CheckableTag.tsx"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _util_warning__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../_util/warning */ "./components/_util/warning.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./style */ "./components/tag/style/index.ts"); const tagProps = () => ({ prefixCls: String, color: { type: String }, closable: { type: Boolean, default: false }, closeIcon: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].any, /** @deprecated `visible` will be removed in next major version. */ visible: { type: Boolean, default: undefined }, onClose: { type: Function }, onClick: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.eventType)(), 'onUpdate:visible': Function, icon: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].any, bordered: { type: Boolean, default: true } }); const Tag = (0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'ATag', inheritAttrs: false, props: tagProps(), // emits: ['update:visible', 'close'], slots: Object, setup(props, _ref) { let { slots, emit, attrs } = _ref; const { prefixCls, direction } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_4__["default"])('tag', props); const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_5__["default"])(prefixCls); const visible = (0,vue__WEBPACK_IMPORTED_MODULE_1__.shallowRef)(true); // Warning for deprecated usage if (true) { (0,_util_warning__WEBPACK_IMPORTED_MODULE_6__["default"])(props.visible === undefined, 'Tag', '`visible` is deprecated, please use `` instead.'); } (0,vue__WEBPACK_IMPORTED_MODULE_1__.watchEffect)(() => { if (props.visible !== undefined) { visible.value = props.visible; } }); const handleCloseClick = e => { e.stopPropagation(); emit('update:visible', false); emit('close', e); if (e.defaultPrevented) { return; } if (props.visible === undefined) { visible.value = false; } }; // const isPresetColor = computed(() => { // const { color } = props; // if (!color) { // return false; // } // return PresetColorRegex.test(color) || PresetStatusColorRegex.test(color); // }); const isInternalColor = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => (0,_util_colors__WEBPACK_IMPORTED_MODULE_7__.isPresetColor)(props.color) || (0,_util_colors__WEBPACK_IMPORTED_MODULE_7__.isPresetStatusColor)(props.color)); const tagClassName = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => (0,_util_classNames__WEBPACK_IMPORTED_MODULE_8__["default"])(prefixCls.value, hashId.value, { [`${prefixCls.value}-${props.color}`]: isInternalColor.value, [`${prefixCls.value}-has-color`]: props.color && !isInternalColor.value, [`${prefixCls.value}-hidden`]: !visible.value, [`${prefixCls.value}-rtl`]: direction.value === 'rtl', [`${prefixCls.value}-borderless`]: !props.bordered })); const handleClick = e => { emit('click', e); }; return () => { var _a, _b, _c; const { icon = (_a = slots.icon) === null || _a === void 0 ? void 0 : _a.call(slots), color, closeIcon = (_b = slots.closeIcon) === null || _b === void 0 ? void 0 : _b.call(slots), closable = false } = props; const renderCloseIcon = () => { if (closable) { return closeIcon ? (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", { "class": `${prefixCls.value}-close-icon`, "onClick": handleCloseClick }, [closeIcon]) : (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_ant_design_icons_vue_es_icons_CloseOutlined__WEBPACK_IMPORTED_MODULE_9__["default"], { "class": `${prefixCls.value}-close-icon`, "onClick": handleCloseClick }, null); } return null; }; const tagStyle = { backgroundColor: color && !isInternalColor.value ? color : undefined }; const iconNode = icon || null; const children = (_c = slots.default) === null || _c === void 0 ? void 0 : _c.call(slots); const kids = iconNode ? (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_1__.Fragment, null, [iconNode, (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", null, [children])]) : children; const isNeedWave = props.onClick !== undefined; const tagNode = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, attrs), {}, { "onClick": handleClick, "class": [tagClassName.value, attrs.class], "style": [tagStyle, attrs.style] }), [kids, renderCloseIcon()]); return wrapSSR(isNeedWave ? (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_util_wave__WEBPACK_IMPORTED_MODULE_10__["default"], null, { default: () => [tagNode] }) : tagNode); }; } }); Tag.CheckableTag = _CheckableTag__WEBPACK_IMPORTED_MODULE_11__["default"]; Tag.install = function (app) { app.component(Tag.name, Tag); app.component(_CheckableTag__WEBPACK_IMPORTED_MODULE_11__["default"].name, _CheckableTag__WEBPACK_IMPORTED_MODULE_11__["default"]); return app; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Tag); /***/ }), /***/ "./components/tag/style/index.ts": /*!***************************************!*\ !*** ./components/tag/style/index.ts ***! \***************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/genComponentStyleHook.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/statistic.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../style */ "./components/style/presetColor.tsx"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../style */ "./components/style/index.ts"); /* harmony import */ var _util_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../_util/util */ "./components/_util/util.ts"); const genTagStatusStyle = (token, status, cssVariableType) => { const capitalizedCssVariableType = (0,_util_util__WEBPACK_IMPORTED_MODULE_1__.capitalize)(cssVariableType); return { [`${token.componentCls}-${status}`]: { color: token[`color${cssVariableType}`], background: token[`color${capitalizedCssVariableType}Bg`], borderColor: token[`color${capitalizedCssVariableType}Border`], [`&${token.componentCls}-borderless`]: { borderColor: 'transparent' } } }; }; const genPresetStyle = token => (0,_style__WEBPACK_IMPORTED_MODULE_2__.genPresetColor)(token, (colorKey, _ref) => { let { textColor, lightBorderColor, lightColor, darkColor } = _ref; return { [`${token.componentCls}-${colorKey}`]: { color: textColor, background: lightColor, borderColor: lightBorderColor, // Inverse color '&-inverse': { color: token.colorTextLightSolid, background: darkColor, borderColor: darkColor }, [`&${token.componentCls}-borderless`]: { borderColor: 'transparent' } } }; }); const genBaseStyle = token => { const { paddingXXS, lineWidth, tagPaddingHorizontal, componentCls } = token; const paddingInline = tagPaddingHorizontal - lineWidth; const iconMarginInline = paddingXXS - lineWidth; return { // Result [componentCls]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_3__.resetComponent)(token)), { display: 'inline-block', height: 'auto', marginInlineEnd: token.marginXS, paddingInline, fontSize: token.tagFontSize, lineHeight: `${token.tagLineHeight}px`, whiteSpace: 'nowrap', background: token.tagDefaultBg, border: `${token.lineWidth}px ${token.lineType} ${token.colorBorder}`, borderRadius: token.borderRadiusSM, opacity: 1, transition: `all ${token.motionDurationMid}`, textAlign: 'start', // RTL [`&${componentCls}-rtl`]: { direction: 'rtl' }, '&, a, a:hover': { color: token.tagDefaultColor }, [`${componentCls}-close-icon`]: { marginInlineStart: iconMarginInline, color: token.colorTextDescription, fontSize: token.tagIconSize, cursor: 'pointer', transition: `all ${token.motionDurationMid}`, '&:hover': { color: token.colorTextHeading } }, [`&${componentCls}-has-color`]: { borderColor: 'transparent', [`&, a, a:hover, ${token.iconCls}-close, ${token.iconCls}-close:hover`]: { color: token.colorTextLightSolid } }, [`&-checkable`]: { backgroundColor: 'transparent', borderColor: 'transparent', cursor: 'pointer', [`&:not(${componentCls}-checkable-checked):hover`]: { color: token.colorPrimary, backgroundColor: token.colorFillSecondary }, '&:active, &-checked': { color: token.colorTextLightSolid }, '&-checked': { backgroundColor: token.colorPrimary, '&:hover': { backgroundColor: token.colorPrimaryHover } }, '&:active': { backgroundColor: token.colorPrimaryActive } }, [`&-hidden`]: { display: 'none' }, // To ensure that a space will be placed between character and `Icon`. [`> ${token.iconCls} + span, > span + ${token.iconCls}`]: { marginInlineStart: paddingInline } }), [`${componentCls}-borderless`]: { borderColor: 'transparent', background: token.tagBorderlessBg } }; }; // ============================== Export ============================== /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_theme_internal__WEBPACK_IMPORTED_MODULE_4__["default"])('Tag', token => { const { fontSize, lineHeight, lineWidth, fontSizeIcon } = token; const tagHeight = Math.round(fontSize * lineHeight); const tagFontSize = token.fontSizeSM; const tagLineHeight = tagHeight - lineWidth * 2; const tagDefaultBg = token.colorFillAlter; const tagDefaultColor = token.colorText; const tagToken = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_5__.merge)(token, { tagFontSize, tagLineHeight, tagDefaultBg, tagDefaultColor, tagIconSize: fontSizeIcon - 2 * lineWidth, tagPaddingHorizontal: 8, tagBorderlessBg: token.colorFillTertiary }); return [genBaseStyle(tagToken), genPresetStyle(tagToken), genTagStatusStyle(tagToken, 'success', 'Success'), genTagStatusStyle(tagToken, 'processing', 'Info'), genTagStatusStyle(tagToken, 'error', 'Error'), genTagStatusStyle(tagToken, 'warning', 'Warning')]; })); /***/ }), /***/ "./components/theme/index.ts": /*!***********************************!*\ !*** ./components/theme/index.ts ***! \***********************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _internal__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./internal */ "./components/theme/internal.ts"); /* harmony import */ var _themes_default__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./themes/default */ "./components/theme/themes/default/index.ts"); /* harmony import */ var _themes_dark__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./themes/dark */ "./components/theme/themes/dark/index.ts"); /* harmony import */ var _themes_compact__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./themes/compact */ "./components/theme/themes/compact/index.ts"); /* eslint-disable import/prefer-default-export */ // ZombieJ: We export as object to user but array in internal. // This is used to minimize the bundle size for antd package but safe to refactor as object also. // Please do not export internal `useToken` directly to avoid something export unexpected. /** Get current context Design Token. Will be different if you are using nest theme config. */ function useToken() { const [theme, token, hashId] = (0,_internal__WEBPACK_IMPORTED_MODULE_0__.useToken)(); return { theme, token, hashId }; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({ /** @private Test Usage. Do not use in production. */ defaultConfig: _internal__WEBPACK_IMPORTED_MODULE_0__.defaultConfig, /** Default seedToken */ defaultSeed: _internal__WEBPACK_IMPORTED_MODULE_0__.defaultConfig.token, useToken, defaultAlgorithm: _themes_default__WEBPACK_IMPORTED_MODULE_1__["default"], darkAlgorithm: _themes_dark__WEBPACK_IMPORTED_MODULE_2__["default"], compactAlgorithm: _themes_compact__WEBPACK_IMPORTED_MODULE_3__["default"] }); /***/ }), /***/ "./components/theme/interface/presetColors.ts": /*!****************************************************!*\ !*** ./components/theme/interface/presetColors.ts ***! \****************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ PresetColors: () => (/* binding */ PresetColors) /* harmony export */ }); const PresetColors = ['blue', 'purple', 'cyan', 'green', 'magenta', 'pink', 'red', 'orange', 'yellow', 'volcano', 'geekblue', 'lime', 'gold']; /***/ }), /***/ "./components/theme/internal.ts": /*!**************************************!*\ !*** ./components/theme/internal.ts ***! \**************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ DesignTokenProvider: () => (/* binding */ DesignTokenProvider), /* harmony export */ PresetColors: () => (/* reexport safe */ _interface__WEBPACK_IMPORTED_MODULE_4__.PresetColors), /* harmony export */ defaultConfig: () => (/* binding */ defaultConfig), /* harmony export */ genComponentStyleHook: () => (/* reexport safe */ _util_genComponentStyleHook__WEBPACK_IMPORTED_MODULE_7__["default"]), /* harmony export */ globalDesignTokenApi: () => (/* binding */ globalDesignTokenApi), /* harmony export */ mergeToken: () => (/* reexport safe */ _util_statistic__WEBPACK_IMPORTED_MODULE_5__.merge), /* harmony export */ statistic: () => (/* reexport safe */ _util_statistic__WEBPACK_IMPORTED_MODULE_5__.statistic), /* harmony export */ statisticToken: () => (/* reexport safe */ _util_statistic__WEBPACK_IMPORTED_MODULE_5__["default"]), /* harmony export */ useDesignTokenInject: () => (/* binding */ useDesignTokenInject), /* harmony export */ useDesignTokenProvider: () => (/* binding */ useDesignTokenProvider), /* harmony export */ useStyleRegister: () => (/* reexport safe */ _util_cssinjs__WEBPACK_IMPORTED_MODULE_6__["default"]), /* harmony export */ useToken: () => (/* binding */ useToken) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _util_cssinjs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../_util/cssinjs */ "./components/_util/cssinjs/theme/createTheme.ts"); /* harmony import */ var _util_cssinjs__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../_util/cssinjs */ "./components/_util/cssinjs/hooks/useStyleRegister/index.tsx"); /* harmony import */ var _util_cssinjs__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../_util/cssinjs */ "./components/_util/cssinjs/hooks/useCacheToken.tsx"); /* harmony import */ var _version__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../version */ "./components/version/index.ts"); /* harmony import */ var _interface__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./interface */ "./components/theme/interface/presetColors.ts"); /* harmony import */ var _themes_default__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./themes/default */ "./components/theme/themes/default/index.ts"); /* harmony import */ var _themes_seed__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./themes/seed */ "./components/theme/themes/seed.ts"); /* harmony import */ var _util_alias__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./util/alias */ "./components/theme/util/alias.ts"); /* harmony import */ var _util_genComponentStyleHook__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./util/genComponentStyleHook */ "./components/theme/util/genComponentStyleHook.ts"); /* harmony import */ var _util_statistic__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./util/statistic */ "./components/theme/util/statistic.ts"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); const defaultTheme = (0,_util_cssinjs__WEBPACK_IMPORTED_MODULE_2__["default"])(_themes_default__WEBPACK_IMPORTED_MODULE_3__["default"]); // ================================ Context ================================= // To ensure snapshot stable. We disable hashed in test env. const defaultConfig = { token: _themes_seed__WEBPACK_IMPORTED_MODULE_8__["default"], hashed: true }; //defaultConfig const DesignTokenContextKey = Symbol('DesignTokenContext'); const globalDesignTokenApi = (0,vue__WEBPACK_IMPORTED_MODULE_1__.shallowRef)(); const useDesignTokenProvider = value => { (0,vue__WEBPACK_IMPORTED_MODULE_1__.provide)(DesignTokenContextKey, value); (0,vue__WEBPACK_IMPORTED_MODULE_1__.watch)(value, () => { globalDesignTokenApi.value = (0,vue__WEBPACK_IMPORTED_MODULE_1__.unref)(value); (0,vue__WEBPACK_IMPORTED_MODULE_1__.triggerRef)(globalDesignTokenApi); }, { immediate: true, deep: true }); }; const useDesignTokenInject = () => { return (0,vue__WEBPACK_IMPORTED_MODULE_1__.inject)(DesignTokenContextKey, (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => globalDesignTokenApi.value || defaultConfig)); }; const DesignTokenProvider = (0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ props: { value: (0,_util_type__WEBPACK_IMPORTED_MODULE_9__.objectType)() }, setup(props, _ref) { let { slots } = _ref; useDesignTokenProvider((0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => props.value)); return () => { var _a; return (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots); }; } }); // ================================== Hook ================================== function useToken() { const designTokenContext = (0,vue__WEBPACK_IMPORTED_MODULE_1__.inject)(DesignTokenContextKey, (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => globalDesignTokenApi.value || defaultConfig)); const salt = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => `${_version__WEBPACK_IMPORTED_MODULE_10__["default"]}-${designTokenContext.value.hashed || ''}`); const mergedTheme = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => designTokenContext.value.theme || defaultTheme); const cacheToken = (0,_util_cssinjs__WEBPACK_IMPORTED_MODULE_11__["default"])(mergedTheme, (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => [_themes_seed__WEBPACK_IMPORTED_MODULE_8__["default"], designTokenContext.value.token]), (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => ({ salt: salt.value, override: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ override: designTokenContext.value.token }, designTokenContext.value.components), formatToken: _util_alias__WEBPACK_IMPORTED_MODULE_12__["default"] }))); return [mergedTheme, (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => cacheToken.value[0]), (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => designTokenContext.value.hashed ? cacheToken.value[1] : '')]; } /***/ }), /***/ "./components/theme/themes/compact/genCompactSizeMapToken.ts": /*!*******************************************************************!*\ !*** ./components/theme/themes/compact/genCompactSizeMapToken.ts ***! \*******************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ genSizeMapToken) /* harmony export */ }); function genSizeMapToken(token) { const { sizeUnit, sizeStep } = token; const compactSizeStep = sizeStep - 2; return { sizeXXL: sizeUnit * (compactSizeStep + 10), sizeXL: sizeUnit * (compactSizeStep + 6), sizeLG: sizeUnit * (compactSizeStep + 2), sizeMD: sizeUnit * (compactSizeStep + 2), sizeMS: sizeUnit * (compactSizeStep + 1), size: sizeUnit * compactSizeStep, sizeSM: sizeUnit * compactSizeStep, sizeXS: sizeUnit * (compactSizeStep - 1), sizeXXS: sizeUnit * (compactSizeStep - 1) }; } /***/ }), /***/ "./components/theme/themes/compact/index.ts": /*!**************************************************!*\ !*** ./components/theme/themes/compact/index.ts ***! \**************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _shared_genControlHeight__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../shared/genControlHeight */ "./components/theme/themes/shared/genControlHeight.ts"); /* harmony import */ var _default__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../default */ "./components/theme/themes/default/index.ts"); /* harmony import */ var _genCompactSizeMapToken__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./genCompactSizeMapToken */ "./components/theme/themes/compact/genCompactSizeMapToken.ts"); /* harmony import */ var _shared_genFontMapToken__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../shared/genFontMapToken */ "./components/theme/themes/shared/genFontMapToken.ts"); const derivative = (token, mapToken) => { const mergedMapToken = mapToken !== null && mapToken !== void 0 ? mapToken : (0,_default__WEBPACK_IMPORTED_MODULE_1__["default"])(token); const fontSize = mergedMapToken.fontSizeSM; // Smaller size font-size as base const controlHeight = mergedMapToken.controlHeight - 4; return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, mergedMapToken), (0,_genCompactSizeMapToken__WEBPACK_IMPORTED_MODULE_2__["default"])(mapToken !== null && mapToken !== void 0 ? mapToken : token)), (0,_shared_genFontMapToken__WEBPACK_IMPORTED_MODULE_3__["default"])(fontSize)), { // controlHeight controlHeight }), (0,_shared_genControlHeight__WEBPACK_IMPORTED_MODULE_4__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, mergedMapToken), { controlHeight }))); }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (derivative); /***/ }), /***/ "./components/theme/themes/dark/colorAlgorithm.ts": /*!********************************************************!*\ !*** ./components/theme/themes/dark/colorAlgorithm.ts ***! \********************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ getAlphaColor: () => (/* binding */ getAlphaColor), /* harmony export */ getSolidColor: () => (/* binding */ getSolidColor) /* harmony export */ }); /* harmony import */ var _ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @ctrl/tinycolor */ "./node_modules/@ctrl/tinycolor/dist/module/index.js"); const getAlphaColor = (baseColor, alpha) => new _ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_0__.TinyColor(baseColor).setAlpha(alpha).toRgbString(); const getSolidColor = (baseColor, brightness) => { const instance = new _ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_0__.TinyColor(baseColor); return instance.lighten(brightness).toHexString(); }; /***/ }), /***/ "./components/theme/themes/dark/colors.ts": /*!************************************************!*\ !*** ./components/theme/themes/dark/colors.ts ***! \************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ generateColorPalettes: () => (/* binding */ generateColorPalettes), /* harmony export */ generateNeutralColorPalettes: () => (/* binding */ generateNeutralColorPalettes) /* harmony export */ }); /* harmony import */ var _ant_design_colors__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @ant-design/colors */ "./node_modules/@ant-design/colors/dist/index.esm.js"); /* harmony import */ var _colorAlgorithm__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./colorAlgorithm */ "./components/theme/themes/dark/colorAlgorithm.ts"); const generateColorPalettes = baseColor => { const colors = (0,_ant_design_colors__WEBPACK_IMPORTED_MODULE_0__.generate)(baseColor, { theme: 'dark' }); return { 1: colors[0], 2: colors[1], 3: colors[2], 4: colors[3], 5: colors[6], 6: colors[5], 7: colors[4], 8: colors[6], 9: colors[5], 10: colors[4] // 8: colors[9], // 9: colors[8], // 10: colors[7], }; }; const generateNeutralColorPalettes = (bgBaseColor, textBaseColor) => { const colorBgBase = bgBaseColor || '#000'; const colorTextBase = textBaseColor || '#fff'; return { colorBgBase, colorTextBase, colorText: (0,_colorAlgorithm__WEBPACK_IMPORTED_MODULE_1__.getAlphaColor)(colorTextBase, 0.85), colorTextSecondary: (0,_colorAlgorithm__WEBPACK_IMPORTED_MODULE_1__.getAlphaColor)(colorTextBase, 0.65), colorTextTertiary: (0,_colorAlgorithm__WEBPACK_IMPORTED_MODULE_1__.getAlphaColor)(colorTextBase, 0.45), colorTextQuaternary: (0,_colorAlgorithm__WEBPACK_IMPORTED_MODULE_1__.getAlphaColor)(colorTextBase, 0.25), colorFill: (0,_colorAlgorithm__WEBPACK_IMPORTED_MODULE_1__.getAlphaColor)(colorTextBase, 0.18), colorFillSecondary: (0,_colorAlgorithm__WEBPACK_IMPORTED_MODULE_1__.getAlphaColor)(colorTextBase, 0.12), colorFillTertiary: (0,_colorAlgorithm__WEBPACK_IMPORTED_MODULE_1__.getAlphaColor)(colorTextBase, 0.08), colorFillQuaternary: (0,_colorAlgorithm__WEBPACK_IMPORTED_MODULE_1__.getAlphaColor)(colorTextBase, 0.04), colorBgElevated: (0,_colorAlgorithm__WEBPACK_IMPORTED_MODULE_1__.getSolidColor)(colorBgBase, 12), colorBgContainer: (0,_colorAlgorithm__WEBPACK_IMPORTED_MODULE_1__.getSolidColor)(colorBgBase, 8), colorBgLayout: (0,_colorAlgorithm__WEBPACK_IMPORTED_MODULE_1__.getSolidColor)(colorBgBase, 0), colorBgSpotlight: (0,_colorAlgorithm__WEBPACK_IMPORTED_MODULE_1__.getSolidColor)(colorBgBase, 26), colorBorder: (0,_colorAlgorithm__WEBPACK_IMPORTED_MODULE_1__.getSolidColor)(colorBgBase, 26), colorBorderSecondary: (0,_colorAlgorithm__WEBPACK_IMPORTED_MODULE_1__.getSolidColor)(colorBgBase, 19) }; }; /***/ }), /***/ "./components/theme/themes/dark/index.ts": /*!***********************************************!*\ !*** ./components/theme/themes/dark/index.ts ***! \***********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _ant_design_colors__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @ant-design/colors */ "./node_modules/@ant-design/colors/dist/index.esm.js"); /* harmony import */ var _seed__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../seed */ "./components/theme/themes/seed.ts"); /* harmony import */ var _shared_genColorMapToken__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../shared/genColorMapToken */ "./components/theme/themes/shared/genColorMapToken.ts"); /* harmony import */ var _colors__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./colors */ "./components/theme/themes/dark/colors.ts"); /* harmony import */ var _default__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../default */ "./components/theme/themes/default/index.ts"); const derivative = (token, mapToken) => { const colorPalettes = Object.keys(_seed__WEBPACK_IMPORTED_MODULE_2__.defaultPresetColors).map(colorKey => { const colors = (0,_ant_design_colors__WEBPACK_IMPORTED_MODULE_1__.generate)(token[colorKey], { theme: 'dark' }); return new Array(10).fill(1).reduce((prev, _, i) => { prev[`${colorKey}-${i + 1}`] = colors[i]; return prev; }, {}); }).reduce((prev, cur) => { prev = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, prev), cur); return prev; }, {}); const mergedMapToken = mapToken !== null && mapToken !== void 0 ? mapToken : (0,_default__WEBPACK_IMPORTED_MODULE_3__["default"])(token); return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, mergedMapToken), colorPalettes), (0,_shared_genColorMapToken__WEBPACK_IMPORTED_MODULE_4__["default"])(token, { generateColorPalettes: _colors__WEBPACK_IMPORTED_MODULE_5__.generateColorPalettes, generateNeutralColorPalettes: _colors__WEBPACK_IMPORTED_MODULE_5__.generateNeutralColorPalettes })); }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (derivative); /***/ }), /***/ "./components/theme/themes/default/colorAlgorithm.ts": /*!***********************************************************!*\ !*** ./components/theme/themes/default/colorAlgorithm.ts ***! \***********************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ getAlphaColor: () => (/* binding */ getAlphaColor), /* harmony export */ getSolidColor: () => (/* binding */ getSolidColor) /* harmony export */ }); /* harmony import */ var _ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @ctrl/tinycolor */ "./node_modules/@ctrl/tinycolor/dist/module/index.js"); const getAlphaColor = (baseColor, alpha) => new _ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_0__.TinyColor(baseColor).setAlpha(alpha).toRgbString(); const getSolidColor = (baseColor, brightness) => { const instance = new _ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_0__.TinyColor(baseColor); return instance.darken(brightness).toHexString(); }; /***/ }), /***/ "./components/theme/themes/default/colors.ts": /*!***************************************************!*\ !*** ./components/theme/themes/default/colors.ts ***! \***************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ generateColorPalettes: () => (/* binding */ generateColorPalettes), /* harmony export */ generateNeutralColorPalettes: () => (/* binding */ generateNeutralColorPalettes) /* harmony export */ }); /* harmony import */ var _ant_design_colors__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @ant-design/colors */ "./node_modules/@ant-design/colors/dist/index.esm.js"); /* harmony import */ var _colorAlgorithm__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./colorAlgorithm */ "./components/theme/themes/default/colorAlgorithm.ts"); const generateColorPalettes = baseColor => { const colors = (0,_ant_design_colors__WEBPACK_IMPORTED_MODULE_0__.generate)(baseColor); return { 1: colors[0], 2: colors[1], 3: colors[2], 4: colors[3], 5: colors[4], 6: colors[5], 7: colors[6], 8: colors[4], 9: colors[5], 10: colors[6] // 8: colors[7], // 9: colors[8], // 10: colors[9], }; }; const generateNeutralColorPalettes = (bgBaseColor, textBaseColor) => { const colorBgBase = bgBaseColor || '#fff'; const colorTextBase = textBaseColor || '#000'; return { colorBgBase, colorTextBase, colorText: (0,_colorAlgorithm__WEBPACK_IMPORTED_MODULE_1__.getAlphaColor)(colorTextBase, 0.88), colorTextSecondary: (0,_colorAlgorithm__WEBPACK_IMPORTED_MODULE_1__.getAlphaColor)(colorTextBase, 0.65), colorTextTertiary: (0,_colorAlgorithm__WEBPACK_IMPORTED_MODULE_1__.getAlphaColor)(colorTextBase, 0.45), colorTextQuaternary: (0,_colorAlgorithm__WEBPACK_IMPORTED_MODULE_1__.getAlphaColor)(colorTextBase, 0.25), colorFill: (0,_colorAlgorithm__WEBPACK_IMPORTED_MODULE_1__.getAlphaColor)(colorTextBase, 0.15), colorFillSecondary: (0,_colorAlgorithm__WEBPACK_IMPORTED_MODULE_1__.getAlphaColor)(colorTextBase, 0.06), colorFillTertiary: (0,_colorAlgorithm__WEBPACK_IMPORTED_MODULE_1__.getAlphaColor)(colorTextBase, 0.04), colorFillQuaternary: (0,_colorAlgorithm__WEBPACK_IMPORTED_MODULE_1__.getAlphaColor)(colorTextBase, 0.02), colorBgLayout: (0,_colorAlgorithm__WEBPACK_IMPORTED_MODULE_1__.getSolidColor)(colorBgBase, 4), colorBgContainer: (0,_colorAlgorithm__WEBPACK_IMPORTED_MODULE_1__.getSolidColor)(colorBgBase, 0), colorBgElevated: (0,_colorAlgorithm__WEBPACK_IMPORTED_MODULE_1__.getSolidColor)(colorBgBase, 0), colorBgSpotlight: (0,_colorAlgorithm__WEBPACK_IMPORTED_MODULE_1__.getAlphaColor)(colorTextBase, 0.85), colorBorder: (0,_colorAlgorithm__WEBPACK_IMPORTED_MODULE_1__.getSolidColor)(colorBgBase, 15), colorBorderSecondary: (0,_colorAlgorithm__WEBPACK_IMPORTED_MODULE_1__.getSolidColor)(colorBgBase, 6) }; }; /***/ }), /***/ "./components/theme/themes/default/index.ts": /*!**************************************************!*\ !*** ./components/theme/themes/default/index.ts ***! \**************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ derivative) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _ant_design_colors__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @ant-design/colors */ "./node_modules/@ant-design/colors/dist/index.esm.js"); /* harmony import */ var _shared_genControlHeight__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../shared/genControlHeight */ "./components/theme/themes/shared/genControlHeight.ts"); /* harmony import */ var _shared_genSizeMapToken__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../shared/genSizeMapToken */ "./components/theme/themes/shared/genSizeMapToken.ts"); /* harmony import */ var _seed__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../seed */ "./components/theme/themes/seed.ts"); /* harmony import */ var _shared_genColorMapToken__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../shared/genColorMapToken */ "./components/theme/themes/shared/genColorMapToken.ts"); /* harmony import */ var _shared_genCommonMapToken__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../shared/genCommonMapToken */ "./components/theme/themes/shared/genCommonMapToken.ts"); /* harmony import */ var _colors__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./colors */ "./components/theme/themes/default/colors.ts"); /* harmony import */ var _shared_genFontMapToken__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../shared/genFontMapToken */ "./components/theme/themes/shared/genFontMapToken.ts"); function derivative(token) { const colorPalettes = Object.keys(_seed__WEBPACK_IMPORTED_MODULE_2__.defaultPresetColors).map(colorKey => { const colors = (0,_ant_design_colors__WEBPACK_IMPORTED_MODULE_1__.generate)(token[colorKey]); return new Array(10).fill(1).reduce((prev, _, i) => { prev[`${colorKey}-${i + 1}`] = colors[i]; return prev; }, {}); }).reduce((prev, cur) => { prev = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, prev), cur); return prev; }, {}); return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, token), colorPalettes), (0,_shared_genColorMapToken__WEBPACK_IMPORTED_MODULE_3__["default"])(token, { generateColorPalettes: _colors__WEBPACK_IMPORTED_MODULE_4__.generateColorPalettes, generateNeutralColorPalettes: _colors__WEBPACK_IMPORTED_MODULE_4__.generateNeutralColorPalettes })), (0,_shared_genFontMapToken__WEBPACK_IMPORTED_MODULE_5__["default"])(token.fontSize)), (0,_shared_genSizeMapToken__WEBPACK_IMPORTED_MODULE_6__["default"])(token)), (0,_shared_genControlHeight__WEBPACK_IMPORTED_MODULE_7__["default"])(token)), (0,_shared_genCommonMapToken__WEBPACK_IMPORTED_MODULE_8__["default"])(token)); } /***/ }), /***/ "./components/theme/themes/seed.ts": /*!*****************************************!*\ !*** ./components/theme/themes/seed.ts ***! \*****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ defaultPresetColors: () => (/* binding */ defaultPresetColors) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); const defaultPresetColors = { blue: '#1677ff', purple: '#722ED1', cyan: '#13C2C2', green: '#52C41A', magenta: '#EB2F96', pink: '#eb2f96', red: '#F5222D', orange: '#FA8C16', yellow: '#FADB14', volcano: '#FA541C', geekblue: '#2F54EB', gold: '#FAAD14', lime: '#A0D911' }; const seedToken = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, defaultPresetColors), { // Color colorPrimary: '#1677ff', colorSuccess: '#52c41a', colorWarning: '#faad14', colorError: '#ff4d4f', colorInfo: '#1677ff', colorTextBase: '', colorBgBase: '', // Font fontFamily: `-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'`, fontSize: 14, // Line lineWidth: 1, lineType: 'solid', // Motion motionUnit: 0.1, motionBase: 0, motionEaseOutCirc: 'cubic-bezier(0.08, 0.82, 0.17, 1)', motionEaseInOutCirc: 'cubic-bezier(0.78, 0.14, 0.15, 0.86)', motionEaseOut: 'cubic-bezier(0.215, 0.61, 0.355, 1)', motionEaseInOut: 'cubic-bezier(0.645, 0.045, 0.355, 1)', motionEaseOutBack: 'cubic-bezier(0.12, 0.4, 0.29, 1.46)', motionEaseInBack: 'cubic-bezier(0.71, -0.46, 0.88, 0.6)', motionEaseInQuint: 'cubic-bezier(0.755, 0.05, 0.855, 0.06)', motionEaseOutQuint: 'cubic-bezier(0.23, 1, 0.32, 1)', // Radius borderRadius: 6, // Size sizeUnit: 4, sizeStep: 4, sizePopupArrow: 16, // Control Base controlHeight: 32, // zIndex zIndexBase: 0, zIndexPopupBase: 1000, // Image opacityImage: 1, // Wireframe wireframe: false }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (seedToken); /***/ }), /***/ "./components/theme/themes/shared/genColorMapToken.ts": /*!************************************************************!*\ !*** ./components/theme/themes/shared/genColorMapToken.ts ***! \************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ genColorMapToken) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @ctrl/tinycolor */ "./node_modules/@ctrl/tinycolor/dist/module/index.js"); function genColorMapToken(seed, _ref) { let { generateColorPalettes, generateNeutralColorPalettes } = _ref; const { colorSuccess: colorSuccessBase, colorWarning: colorWarningBase, colorError: colorErrorBase, colorInfo: colorInfoBase, colorPrimary: colorPrimaryBase, colorBgBase, colorTextBase } = seed; const primaryColors = generateColorPalettes(colorPrimaryBase); const successColors = generateColorPalettes(colorSuccessBase); const warningColors = generateColorPalettes(colorWarningBase); const errorColors = generateColorPalettes(colorErrorBase); const infoColors = generateColorPalettes(colorInfoBase); const neutralColors = generateNeutralColorPalettes(colorBgBase, colorTextBase); return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, neutralColors), { colorPrimaryBg: primaryColors[1], colorPrimaryBgHover: primaryColors[2], colorPrimaryBorder: primaryColors[3], colorPrimaryBorderHover: primaryColors[4], colorPrimaryHover: primaryColors[5], colorPrimary: primaryColors[6], colorPrimaryActive: primaryColors[7], colorPrimaryTextHover: primaryColors[8], colorPrimaryText: primaryColors[9], colorPrimaryTextActive: primaryColors[10], colorSuccessBg: successColors[1], colorSuccessBgHover: successColors[2], colorSuccessBorder: successColors[3], colorSuccessBorderHover: successColors[4], colorSuccessHover: successColors[4], colorSuccess: successColors[6], colorSuccessActive: successColors[7], colorSuccessTextHover: successColors[8], colorSuccessText: successColors[9], colorSuccessTextActive: successColors[10], colorErrorBg: errorColors[1], colorErrorBgHover: errorColors[2], colorErrorBorder: errorColors[3], colorErrorBorderHover: errorColors[4], colorErrorHover: errorColors[5], colorError: errorColors[6], colorErrorActive: errorColors[7], colorErrorTextHover: errorColors[8], colorErrorText: errorColors[9], colorErrorTextActive: errorColors[10], colorWarningBg: warningColors[1], colorWarningBgHover: warningColors[2], colorWarningBorder: warningColors[3], colorWarningBorderHover: warningColors[4], colorWarningHover: warningColors[4], colorWarning: warningColors[6], colorWarningActive: warningColors[7], colorWarningTextHover: warningColors[8], colorWarningText: warningColors[9], colorWarningTextActive: warningColors[10], colorInfoBg: infoColors[1], colorInfoBgHover: infoColors[2], colorInfoBorder: infoColors[3], colorInfoBorderHover: infoColors[4], colorInfoHover: infoColors[4], colorInfo: infoColors[6], colorInfoActive: infoColors[7], colorInfoTextHover: infoColors[8], colorInfoText: infoColors[9], colorInfoTextActive: infoColors[10], colorBgMask: new _ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_1__.TinyColor('#000').setAlpha(0.45).toRgbString(), colorWhite: '#fff' }); } /***/ }), /***/ "./components/theme/themes/shared/genCommonMapToken.ts": /*!*************************************************************!*\ !*** ./components/theme/themes/shared/genCommonMapToken.ts ***! \*************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ genCommonMapToken) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _genRadius__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./genRadius */ "./components/theme/themes/shared/genRadius.ts"); function genCommonMapToken(token) { const { motionUnit, motionBase, borderRadius, lineWidth } = token; return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ // motion motionDurationFast: `${(motionBase + motionUnit).toFixed(1)}s`, motionDurationMid: `${(motionBase + motionUnit * 2).toFixed(1)}s`, motionDurationSlow: `${(motionBase + motionUnit * 3).toFixed(1)}s`, // line lineWidthBold: lineWidth + 1 }, (0,_genRadius__WEBPACK_IMPORTED_MODULE_1__["default"])(borderRadius)); } /***/ }), /***/ "./components/theme/themes/shared/genControlHeight.ts": /*!************************************************************!*\ !*** ./components/theme/themes/shared/genControlHeight.ts ***! \************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); const genControlHeight = token => { const { controlHeight } = token; return { controlHeightSM: controlHeight * 0.75, controlHeightXS: controlHeight * 0.5, controlHeightLG: controlHeight * 1.25 }; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (genControlHeight); /***/ }), /***/ "./components/theme/themes/shared/genFontMapToken.ts": /*!***********************************************************!*\ !*** ./components/theme/themes/shared/genFontMapToken.ts ***! \***********************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _genFontSizes__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./genFontSizes */ "./components/theme/themes/shared/genFontSizes.ts"); const genFontMapToken = fontSize => { const fontSizePairs = (0,_genFontSizes__WEBPACK_IMPORTED_MODULE_0__["default"])(fontSize); const fontSizes = fontSizePairs.map(pair => pair.size); const lineHeights = fontSizePairs.map(pair => pair.lineHeight); return { fontSizeSM: fontSizes[0], fontSize: fontSizes[1], fontSizeLG: fontSizes[2], fontSizeXL: fontSizes[3], fontSizeHeading1: fontSizes[6], fontSizeHeading2: fontSizes[5], fontSizeHeading3: fontSizes[4], fontSizeHeading4: fontSizes[3], fontSizeHeading5: fontSizes[2], lineHeight: lineHeights[1], lineHeightLG: lineHeights[2], lineHeightSM: lineHeights[0], lineHeightHeading1: lineHeights[6], lineHeightHeading2: lineHeights[5], lineHeightHeading3: lineHeights[4], lineHeightHeading4: lineHeights[3], lineHeightHeading5: lineHeights[2] }; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (genFontMapToken); /***/ }), /***/ "./components/theme/themes/shared/genFontSizes.ts": /*!********************************************************!*\ !*** ./components/theme/themes/shared/genFontSizes.ts ***! \********************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ getFontSizes) /* harmony export */ }); // https://zhuanlan.zhihu.com/p/32746810 function getFontSizes(base) { const fontSizes = new Array(10).fill(null).map((_, index) => { const i = index - 1; const baseSize = base * Math.pow(2.71828, i / 5); const intSize = index > 1 ? Math.floor(baseSize) : Math.ceil(baseSize); // Convert to even return Math.floor(intSize / 2) * 2; }); fontSizes[1] = base; return fontSizes.map(size => { const height = size + 8; return { size, lineHeight: height / size }; }); } /***/ }), /***/ "./components/theme/themes/shared/genRadius.ts": /*!*****************************************************!*\ !*** ./components/theme/themes/shared/genRadius.ts ***! \*****************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); const genRadius = radiusBase => { let radiusLG = radiusBase; let radiusSM = radiusBase; let radiusXS = radiusBase; let radiusOuter = radiusBase; // radiusLG if (radiusBase < 6 && radiusBase >= 5) { radiusLG = radiusBase + 1; } else if (radiusBase < 16 && radiusBase >= 6) { radiusLG = radiusBase + 2; } else if (radiusBase >= 16) { radiusLG = 16; } // radiusSM if (radiusBase < 7 && radiusBase >= 5) { radiusSM = 4; } else if (radiusBase < 8 && radiusBase >= 7) { radiusSM = 5; } else if (radiusBase < 14 && radiusBase >= 8) { radiusSM = 6; } else if (radiusBase < 16 && radiusBase >= 14) { radiusSM = 7; } else if (radiusBase >= 16) { radiusSM = 8; } // radiusXS if (radiusBase < 6 && radiusBase >= 2) { radiusXS = 1; } else if (radiusBase >= 6) { radiusXS = 2; } // radiusOuter if (radiusBase > 4 && radiusBase < 8) { radiusOuter = 4; } else if (radiusBase >= 8) { radiusOuter = 6; } return { borderRadius: radiusBase > 16 ? 16 : radiusBase, borderRadiusXS: radiusXS, borderRadiusSM: radiusSM, borderRadiusLG: radiusLG, borderRadiusOuter: radiusOuter }; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (genRadius); /***/ }), /***/ "./components/theme/themes/shared/genSizeMapToken.ts": /*!***********************************************************!*\ !*** ./components/theme/themes/shared/genSizeMapToken.ts ***! \***********************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ genSizeMapToken) /* harmony export */ }); function genSizeMapToken(token) { const { sizeUnit, sizeStep } = token; return { sizeXXL: sizeUnit * (sizeStep + 8), sizeXL: sizeUnit * (sizeStep + 4), sizeLG: sizeUnit * (sizeStep + 2), sizeMD: sizeUnit * (sizeStep + 1), sizeMS: sizeUnit * sizeStep, size: sizeUnit * sizeStep, sizeSM: sizeUnit * (sizeStep - 1), sizeXS: sizeUnit * (sizeStep - 2), sizeXXS: sizeUnit * (sizeStep - 3) // 4 }; } /***/ }), /***/ "./components/theme/util/alias.ts": /*!****************************************!*\ !*** ./components/theme/util/alias.ts ***! \****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ formatToken) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @ctrl/tinycolor */ "./node_modules/@ctrl/tinycolor/dist/module/index.js"); /* harmony import */ var _getAlphaColor__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./getAlphaColor */ "./components/theme/util/getAlphaColor.ts"); /* harmony import */ var _themes_seed__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../themes/seed */ "./components/theme/themes/seed.ts"); var __rest = undefined && undefined.__rest || function (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; }; /** * Seed (designer) > Derivative (designer) > Alias (developer). * * Merge seed & derivative & override token and generate alias token for developer. */ function formatToken(derivativeToken) { const { override } = derivativeToken, restToken = __rest(derivativeToken, ["override"]); const overrideTokens = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, override); Object.keys(_themes_seed__WEBPACK_IMPORTED_MODULE_1__["default"]).forEach(token => { delete overrideTokens[token]; }); const mergedToken = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, restToken), overrideTokens); const screenXS = 480; const screenSM = 576; const screenMD = 768; const screenLG = 992; const screenXL = 1200; const screenXXL = 1600; const screenXXXL = 2000; // Generate alias token const aliasToken = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, mergedToken), { colorLink: mergedToken.colorInfoText, colorLinkHover: mergedToken.colorInfoHover, colorLinkActive: mergedToken.colorInfoActive, // ============== Background ============== // colorFillContent: mergedToken.colorFillSecondary, colorFillContentHover: mergedToken.colorFill, colorFillAlter: mergedToken.colorFillQuaternary, colorBgContainerDisabled: mergedToken.colorFillTertiary, // ============== Split ============== // colorBorderBg: mergedToken.colorBgContainer, colorSplit: (0,_getAlphaColor__WEBPACK_IMPORTED_MODULE_2__["default"])(mergedToken.colorBorderSecondary, mergedToken.colorBgContainer), // ============== Text ============== // colorTextPlaceholder: mergedToken.colorTextQuaternary, colorTextDisabled: mergedToken.colorTextQuaternary, colorTextHeading: mergedToken.colorText, colorTextLabel: mergedToken.colorTextSecondary, colorTextDescription: mergedToken.colorTextTertiary, colorTextLightSolid: mergedToken.colorWhite, colorHighlight: mergedToken.colorError, colorBgTextHover: mergedToken.colorFillSecondary, colorBgTextActive: mergedToken.colorFill, colorIcon: mergedToken.colorTextTertiary, colorIconHover: mergedToken.colorText, colorErrorOutline: (0,_getAlphaColor__WEBPACK_IMPORTED_MODULE_2__["default"])(mergedToken.colorErrorBg, mergedToken.colorBgContainer), colorWarningOutline: (0,_getAlphaColor__WEBPACK_IMPORTED_MODULE_2__["default"])(mergedToken.colorWarningBg, mergedToken.colorBgContainer), // Font fontSizeIcon: mergedToken.fontSizeSM, // Control lineWidth: mergedToken.lineWidth, controlOutlineWidth: mergedToken.lineWidth * 2, // Checkbox size and expand icon size controlInteractiveSize: mergedToken.controlHeight / 2, controlItemBgHover: mergedToken.colorFillTertiary, controlItemBgActive: mergedToken.colorPrimaryBg, controlItemBgActiveHover: mergedToken.colorPrimaryBgHover, controlItemBgActiveDisabled: mergedToken.colorFill, controlTmpOutline: mergedToken.colorFillQuaternary, controlOutline: (0,_getAlphaColor__WEBPACK_IMPORTED_MODULE_2__["default"])(mergedToken.colorPrimaryBg, mergedToken.colorBgContainer), lineType: mergedToken.lineType, borderRadius: mergedToken.borderRadius, borderRadiusXS: mergedToken.borderRadiusXS, borderRadiusSM: mergedToken.borderRadiusSM, borderRadiusLG: mergedToken.borderRadiusLG, fontWeightStrong: 600, opacityLoading: 0.65, linkDecoration: 'none', linkHoverDecoration: 'none', linkFocusDecoration: 'none', controlPaddingHorizontal: 12, controlPaddingHorizontalSM: 8, paddingXXS: mergedToken.sizeXXS, paddingXS: mergedToken.sizeXS, paddingSM: mergedToken.sizeSM, padding: mergedToken.size, paddingMD: mergedToken.sizeMD, paddingLG: mergedToken.sizeLG, paddingXL: mergedToken.sizeXL, paddingContentHorizontalLG: mergedToken.sizeLG, paddingContentVerticalLG: mergedToken.sizeMS, paddingContentHorizontal: mergedToken.sizeMS, paddingContentVertical: mergedToken.sizeSM, paddingContentHorizontalSM: mergedToken.size, paddingContentVerticalSM: mergedToken.sizeXS, marginXXS: mergedToken.sizeXXS, marginXS: mergedToken.sizeXS, marginSM: mergedToken.sizeSM, margin: mergedToken.size, marginMD: mergedToken.sizeMD, marginLG: mergedToken.sizeLG, marginXL: mergedToken.sizeXL, marginXXL: mergedToken.sizeXXL, boxShadow: ` 0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02) `, boxShadowSecondary: ` 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05) `, boxShadowTertiary: ` 0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02) `, screenXS, screenXSMin: screenXS, screenXSMax: screenSM - 1, screenSM, screenSMMin: screenSM, screenSMMax: screenMD - 1, screenMD, screenMDMin: screenMD, screenMDMax: screenLG - 1, screenLG, screenLGMin: screenLG, screenLGMax: screenXL - 1, screenXL, screenXLMin: screenXL, screenXLMax: screenXXL - 1, screenXXL, screenXXLMin: screenXXL, screenXXLMax: screenXXXL - 1, screenXXXL, screenXXXLMin: screenXXXL, // FIXME: component box-shadow, should be removed boxShadowPopoverArrow: '3px 3px 7px rgba(0, 0, 0, 0.1)', boxShadowCard: ` 0 1px 2px -2px ${new _ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_3__.TinyColor('rgba(0, 0, 0, 0.16)').toRgbString()}, 0 3px 6px 0 ${new _ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_3__.TinyColor('rgba(0, 0, 0, 0.12)').toRgbString()}, 0 5px 12px 4px ${new _ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_3__.TinyColor('rgba(0, 0, 0, 0.09)').toRgbString()} `, boxShadowDrawerRight: ` -6px 0 16px 0 rgba(0, 0, 0, 0.08), -3px 0 6px -4px rgba(0, 0, 0, 0.12), -9px 0 28px 8px rgba(0, 0, 0, 0.05) `, boxShadowDrawerLeft: ` 6px 0 16px 0 rgba(0, 0, 0, 0.08), 3px 0 6px -4px rgba(0, 0, 0, 0.12), 9px 0 28px 8px rgba(0, 0, 0, 0.05) `, boxShadowDrawerUp: ` 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05) `, boxShadowDrawerDown: ` 0 -6px 16px 0 rgba(0, 0, 0, 0.08), 0 -3px 6px -4px rgba(0, 0, 0, 0.12), 0 -9px 28px 8px rgba(0, 0, 0, 0.05) `, boxShadowTabsOverflowLeft: 'inset 10px 0 8px -8px rgba(0, 0, 0, 0.08)', boxShadowTabsOverflowRight: 'inset -10px 0 8px -8px rgba(0, 0, 0, 0.08)', boxShadowTabsOverflowTop: 'inset 0 10px 8px -8px rgba(0, 0, 0, 0.08)', boxShadowTabsOverflowBottom: 'inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08)' }), overrideTokens); return aliasToken; } /***/ }), /***/ "./components/theme/util/genComponentStyleHook.ts": /*!********************************************************!*\ !*** ./components/theme/util/genComponentStyleHook.ts ***! \********************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ genComponentStyleHook) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _util_cssinjs__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../_util/cssinjs */ "./components/_util/cssinjs/hooks/useStyleRegister/index.tsx"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../style */ "./components/style/index.ts"); /* harmony import */ var _internal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../internal */ "./components/theme/internal.ts"); /* harmony import */ var _internal__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../internal */ "./components/theme/util/statistic.ts"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _config_provider_context__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../config-provider/context */ "./components/config-provider/context.ts"); /* eslint-disable no-redeclare */ function genComponentStyleHook(component, styleFn, getDefaultToken) { return _prefixCls => { const prefixCls = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => _prefixCls === null || _prefixCls === void 0 ? void 0 : _prefixCls.value); const [theme, token, hashId] = (0,_internal__WEBPACK_IMPORTED_MODULE_2__.useToken)(); const { getPrefixCls, iconPrefixCls } = (0,_config_provider_context__WEBPACK_IMPORTED_MODULE_3__.useConfigContextInject)(); const rootPrefixCls = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => getPrefixCls()); const sharedInfo = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { return { theme: theme.value, token: token.value, hashId: hashId.value, path: ['Shared', rootPrefixCls.value] }; }); // Generate style for all a tags in antd component. (0,_util_cssinjs__WEBPACK_IMPORTED_MODULE_4__["default"])(sharedInfo, () => [{ // Link '&': (0,_style__WEBPACK_IMPORTED_MODULE_5__.genLinkStyle)(token.value) }]); const componentInfo = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { return { theme: theme.value, token: token.value, hashId: hashId.value, path: [component, prefixCls.value, iconPrefixCls.value] }; }); return [(0,_util_cssinjs__WEBPACK_IMPORTED_MODULE_4__["default"])(componentInfo, () => { const { token: proxyToken, flush } = (0,_internal__WEBPACK_IMPORTED_MODULE_6__["default"])(token.value); const defaultComponentToken = typeof getDefaultToken === 'function' ? getDefaultToken(proxyToken) : getDefaultToken; const mergedComponentToken = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, defaultComponentToken), token.value[component]); const componentCls = `.${prefixCls.value}`; const mergedToken = (0,_internal__WEBPACK_IMPORTED_MODULE_6__.merge)(proxyToken, { componentCls, prefixCls: prefixCls.value, iconCls: `.${iconPrefixCls.value}`, antCls: `.${rootPrefixCls.value}` }, mergedComponentToken); const styleInterpolation = styleFn(mergedToken, { hashId: hashId.value, prefixCls: prefixCls.value, rootPrefixCls: rootPrefixCls.value, iconPrefixCls: iconPrefixCls.value, overrideComponentToken: token.value[component] }); flush(component, mergedComponentToken); return [(0,_style__WEBPACK_IMPORTED_MODULE_5__.genCommonStyle)(token.value, prefixCls.value), styleInterpolation]; }), hashId]; }; } /***/ }), /***/ "./components/theme/util/getAlphaColor.ts": /*!************************************************!*\ !*** ./components/theme/util/getAlphaColor.ts ***! \************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @ctrl/tinycolor */ "./node_modules/@ctrl/tinycolor/dist/module/index.js"); function isStableColor(color) { return color >= 0 && color <= 255; } function getAlphaColor(frontColor, backgroundColor) { const { r: fR, g: fG, b: fB, a: originAlpha } = new _ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_0__.TinyColor(frontColor).toRgb(); if (originAlpha < 1) { return frontColor; } const { r: bR, g: bG, b: bB } = new _ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_0__.TinyColor(backgroundColor).toRgb(); for (let fA = 0.01; fA <= 1; fA += 0.01) { const r = Math.round((fR - bR * (1 - fA)) / fA); const g = Math.round((fG - bG * (1 - fA)) / fA); const b = Math.round((fB - bB * (1 - fA)) / fA); if (isStableColor(r) && isStableColor(g) && isStableColor(b)) { return new _ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_0__.TinyColor({ r, g, b, a: Math.round(fA * 100) / 100 }).toRgbString(); } } // fallback /* istanbul ignore next */ return new _ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_0__.TinyColor({ r: fR, g: fG, b: fB, a: 1 }).toRgbString(); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (getAlphaColor); /***/ }), /***/ "./components/theme/util/statistic.ts": /*!********************************************!*\ !*** ./components/theme/util/statistic.ts ***! \********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ _statistic_build_: () => (/* binding */ _statistic_build_), /* harmony export */ "default": () => (/* binding */ statisticToken), /* harmony export */ merge: () => (/* binding */ merge), /* harmony export */ statistic: () => (/* binding */ statistic) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); const enableStatistic = true || 0; let recording = true; /** * This function will do as `Object.assign` in production. But will use Object.defineProperty:get to * pass all value access in development. To support statistic field usage with alias token. */ function merge() { for (var _len = arguments.length, objs = new Array(_len), _key = 0; _key < _len; _key++) { objs[_key] = arguments[_key]; } /* istanbul ignore next */ if (!enableStatistic) { return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, ...objs); } recording = false; const ret = {}; objs.forEach(obj => { const keys = Object.keys(obj); keys.forEach(key => { Object.defineProperty(ret, key, { configurable: true, enumerable: true, get: () => obj[key] }); }); }); recording = true; return ret; } /** @private Internal Usage. Not use in your production. */ const statistic = {}; /** @private Internal Usage. Not use in your production. */ // eslint-disable-next-line camelcase const _statistic_build_ = {}; /* istanbul ignore next */ function noop() {} /** Statistic token usage case. Should use `merge` function if you do not want spread record. */ function statisticToken(token) { let tokenKeys; let proxy = token; let flush = noop; if (enableStatistic) { tokenKeys = new Set(); proxy = new Proxy(token, { get(obj, prop) { if (recording) { tokenKeys.add(prop); } return obj[prop]; } }); flush = (componentName, componentToken) => { statistic[componentName] = { global: Array.from(tokenKeys), component: componentToken }; }; } return { token: proxy, keys: tokenKeys, flush }; } /***/ }), /***/ "./components/time-picker/dayjs.tsx": /*!******************************************!*\ !*** ./components/time-picker/dayjs.tsx ***! \******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ TimePicker: () => (/* binding */ TimePicker), /* harmony export */ TimeRangePicker: () => (/* binding */ TimeRangePicker), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _time_picker__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./time-picker */ "./components/time-picker/time-picker.tsx"); /* harmony import */ var _vc_picker_generate_dayjs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../vc-picker/generate/dayjs */ "./components/vc-picker/generate/dayjs.ts"); const { TimePicker, TimeRangePicker } = (0,_time_picker__WEBPACK_IMPORTED_MODULE_1__["default"])(_vc_picker_generate_dayjs__WEBPACK_IMPORTED_MODULE_2__["default"]); /* istanbul ignore next */ /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])(TimePicker, { TimePicker, TimeRangePicker, install: app => { app.component(TimePicker.name, TimePicker); app.component(TimeRangePicker.name, TimeRangePicker); return app; } })); /***/ }), /***/ "./components/time-picker/index.tsx": /*!******************************************!*\ !*** ./components/time-picker/index.tsx ***! \******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ TimePicker: () => (/* reexport safe */ _dayjs__WEBPACK_IMPORTED_MODULE_0__.TimePicker), /* harmony export */ TimeRangePicker: () => (/* reexport safe */ _dayjs__WEBPACK_IMPORTED_MODULE_0__.TimeRangePicker), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _dayjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./dayjs */ "./components/time-picker/dayjs.tsx"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_dayjs__WEBPACK_IMPORTED_MODULE_0__["default"]); /***/ }), /***/ "./components/time-picker/locale/en_US.ts": /*!************************************************!*\ !*** ./components/time-picker/locale/en_US.ts ***! \************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); const locale = { placeholder: 'Select time', rangePlaceholder: ['Start time', 'End time'] }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (locale); /***/ }), /***/ "./components/time-picker/time-picker.tsx": /*!************************************************!*\ !*** ./components/time-picker/time-picker.tsx ***! \************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ timePickerProps: () => (/* binding */ timePickerProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _date_picker_generatePicker__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../date-picker/generatePicker */ "./components/date-picker/generatePicker/index.tsx"); /* harmony import */ var _date_picker_generatePicker_props__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../date-picker/generatePicker/props */ "./components/date-picker/generatePicker/props.ts"); /* harmony import */ var _vc_util_devWarning__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../vc-util/devWarning */ "./components/vc-util/devWarning.ts"); /* harmony import */ var _form_FormItemContext__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../form/FormItemContext */ "./components/form/FormItemContext.ts"); /* harmony import */ var _util_omit__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../_util/omit */ "./components/_util/omit.ts"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); const timePickerProps = () => ({ format: String, showNow: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.booleanType)(), showHour: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.booleanType)(), showMinute: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.booleanType)(), showSecond: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.booleanType)(), use12Hours: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.booleanType)(), hourStep: Number, minuteStep: Number, secondStep: Number, hideDisabledOptions: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.booleanType)(), popupClassName: String, status: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.stringType)() }); function createTimePicker(generateConfig) { const DatePicker = (0,_date_picker_generatePicker__WEBPACK_IMPORTED_MODULE_4__["default"])(generateConfig, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, timePickerProps()), { order: { type: Boolean, default: true } })); const { TimePicker: InternalTimePicker, RangePicker: InternalRangePicker } = DatePicker; const TimePicker = (0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ name: 'ATimePicker', inheritAttrs: false, props: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, (0,_date_picker_generatePicker_props__WEBPACK_IMPORTED_MODULE_5__.commonProps)()), (0,_date_picker_generatePicker_props__WEBPACK_IMPORTED_MODULE_5__.datePickerProps)()), timePickerProps()), { addon: { type: Function } }), slots: Object, setup(p, _ref) { let { slots, expose, emit, attrs } = _ref; const props = p; const formItemContext = (0,_form_FormItemContext__WEBPACK_IMPORTED_MODULE_6__.useInjectFormItemContext)(); (0,_vc_util_devWarning__WEBPACK_IMPORTED_MODULE_7__["default"])(!(slots.addon || props.addon), 'TimePicker', '`addon` is deprecated. Please use `v-slot:renderExtraFooter` instead.'); const pickerRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(); expose({ focus: () => { var _a; (_a = pickerRef.value) === null || _a === void 0 ? void 0 : _a.focus(); }, blur: () => { var _a; (_a = pickerRef.value) === null || _a === void 0 ? void 0 : _a.blur(); } }); const onChange = (value, dateString) => { emit('update:value', value); emit('change', value, dateString); formItemContext.onFieldChange(); }; const onOpenChange = open => { emit('update:open', open); emit('openChange', open); }; const onFocus = e => { emit('focus', e); }; const onBlur = e => { emit('blur', e); formItemContext.onFieldBlur(); }; const onOk = value => { emit('ok', value); }; return () => { const { id = formItemContext.id.value } = props; //restProps.addon return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(InternalTimePicker, (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, attrs), (0,_util_omit__WEBPACK_IMPORTED_MODULE_8__["default"])(props, ['onUpdate:value', 'onUpdate:open'])), {}, { "id": id, "dropdownClassName": props.popupClassName, "mode": undefined, "ref": pickerRef, "renderExtraFooter": props.addon || slots.addon || props.renderExtraFooter || slots.renderExtraFooter, "onChange": onChange, "onOpenChange": onOpenChange, "onFocus": onFocus, "onBlur": onBlur, "onOk": onOk }), slots); }; } }); const TimeRangePicker = (0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ name: 'ATimeRangePicker', inheritAttrs: false, props: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, (0,_date_picker_generatePicker_props__WEBPACK_IMPORTED_MODULE_5__.commonProps)()), (0,_date_picker_generatePicker_props__WEBPACK_IMPORTED_MODULE_5__.rangePickerProps)()), timePickerProps()), { order: { type: Boolean, default: true } }), slots: Object, setup(p, _ref2) { let { slots, expose, emit, attrs } = _ref2; const props = p; const pickerRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(); const formItemContext = (0,_form_FormItemContext__WEBPACK_IMPORTED_MODULE_6__.useInjectFormItemContext)(); expose({ focus: () => { var _a; (_a = pickerRef.value) === null || _a === void 0 ? void 0 : _a.focus(); }, blur: () => { var _a; (_a = pickerRef.value) === null || _a === void 0 ? void 0 : _a.blur(); } }); const onChange = (values, dateStrings) => { emit('update:value', values); emit('change', values, dateStrings); formItemContext.onFieldChange(); }; const onOpenChange = open => { emit('update:open', open); emit('openChange', open); }; const onFocus = e => { emit('focus', e); }; const onBlur = e => { emit('blur', e); formItemContext.onFieldBlur(); }; const onPanelChange = (values, modes) => { emit('panelChange', values, modes); }; const onOk = values => { emit('ok', values); }; const onCalendarChange = (values, dateStrings, info) => { emit('calendarChange', values, dateStrings, info); }; return () => { const { id = formItemContext.id.value } = props; return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(InternalRangePicker, (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, attrs), (0,_util_omit__WEBPACK_IMPORTED_MODULE_8__["default"])(props, ['onUpdate:open', 'onUpdate:value'])), {}, { "id": id, "dropdownClassName": props.popupClassName, "picker": "time", "mode": undefined, "ref": pickerRef, "onChange": onChange, "onOpenChange": onOpenChange, "onFocus": onFocus, "onBlur": onBlur, "onPanelChange": onPanelChange, "onOk": onOk, "onCalendarChange": onCalendarChange }), slots); }; } }); return { TimePicker, TimeRangePicker }; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (createTimePicker); /***/ }), /***/ "./components/timeline/Timeline.tsx": /*!******************************************!*\ !*** ./components/timeline/Timeline.tsx ***! \******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ timelineProps: () => (/* binding */ timelineProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/index.ts"); /* harmony import */ var _util_props_util_initDefaultProps__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/props-util/initDefaultProps */ "./components/_util/props-util/initDefaultProps.ts"); /* harmony import */ var _TimelineItem__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./TimelineItem */ "./components/timeline/TimelineItem.tsx"); /* harmony import */ var _ant_design_icons_vue_es_icons_LoadingOutlined__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/LoadingOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/LoadingOutlined.js"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./style */ "./components/timeline/style/index.tsx"); // CSSINJS const timelineProps = () => ({ prefixCls: String, /** 指定最后一个幽灵节点是否存在或内容 */ pending: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].any, pendingDot: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].any, reverse: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.booleanType)(), mode: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].oneOf((0,_util_type__WEBPACK_IMPORTED_MODULE_3__.tuple)('left', 'alternate', 'right', '')) }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'ATimeline', inheritAttrs: false, props: (0,_util_props_util_initDefaultProps__WEBPACK_IMPORTED_MODULE_4__["default"])(timelineProps(), { reverse: false, mode: '' }), slots: Object, setup(props, _ref) { let { slots, attrs } = _ref; const { prefixCls, direction } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_5__["default"])('timeline', props); // style const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_6__["default"])(prefixCls); const getPositionCls = (ele, idx) => { const eleProps = ele.props || {}; if (props.mode === 'alternate') { if (eleProps.position === 'right') return `${prefixCls.value}-item-right`; if (eleProps.position === 'left') return `${prefixCls.value}-item-left`; return idx % 2 === 0 ? `${prefixCls.value}-item-left` : `${prefixCls.value}-item-right`; } if (props.mode === 'left') return `${prefixCls.value}-item-left`; if (props.mode === 'right') return `${prefixCls.value}-item-right`; if (eleProps.position === 'right') return `${prefixCls.value}-item-right`; return ''; }; return () => { var _a, _b, _c; const { pending = (_a = slots.pending) === null || _a === void 0 ? void 0 : _a.call(slots), pendingDot = (_b = slots.pendingDot) === null || _b === void 0 ? void 0 : _b.call(slots), reverse, mode } = props; const pendingNode = typeof pending === 'boolean' ? null : pending; const children = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_7__.filterEmpty)((_c = slots.default) === null || _c === void 0 ? void 0 : _c.call(slots)); const pendingItem = pending ? (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_TimelineItem__WEBPACK_IMPORTED_MODULE_8__["default"], { "pending": !!pending, "dot": pendingDot || (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_ant_design_icons_vue_es_icons_LoadingOutlined__WEBPACK_IMPORTED_MODULE_9__["default"], null, null) }, { default: () => [pendingNode] }) : null; if (pendingItem) { children.push(pendingItem); } const timeLineItems = reverse ? children.reverse() : children; const itemsCount = timeLineItems.length; const lastCls = `${prefixCls.value}-item-last`; const items = timeLineItems.map((ele, idx) => { const pendingClass = idx === itemsCount - 2 ? lastCls : ''; const readyClass = idx === itemsCount - 1 ? lastCls : ''; return (0,vue__WEBPACK_IMPORTED_MODULE_1__.cloneVNode)(ele, { class: (0,_util_classNames__WEBPACK_IMPORTED_MODULE_10__["default"])([!reverse && !!pending ? pendingClass : readyClass, getPositionCls(ele, idx)]) }); }); const hasLabelItem = timeLineItems.some(item => { var _a, _b; return !!(((_a = item.props) === null || _a === void 0 ? void 0 : _a.label) || ((_b = item.children) === null || _b === void 0 ? void 0 : _b.label)); }); const classString = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_10__["default"])(prefixCls.value, { [`${prefixCls.value}-pending`]: !!pending, [`${prefixCls.value}-reverse`]: !!reverse, [`${prefixCls.value}-${mode}`]: !!mode && !hasLabelItem, [`${prefixCls.value}-label`]: hasLabelItem, [`${prefixCls.value}-rtl`]: direction.value === 'rtl' }, attrs.class, hashId.value); return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("ul", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, attrs), {}, { "class": classString }), [items])); }; } })); /***/ }), /***/ "./components/timeline/TimelineItem.tsx": /*!**********************************************!*\ !*** ./components/timeline/TimelineItem.tsx ***! \**********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ timelineItemProps: () => (/* binding */ timelineItemProps) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _util_props_util_initDefaultProps__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/props-util/initDefaultProps */ "./components/_util/props-util/initDefaultProps.ts"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); const timelineItemProps = () => ({ prefixCls: String, color: String, dot: _util_vue_types__WEBPACK_IMPORTED_MODULE_1__["default"].any, pending: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.booleanType)(), position: _util_vue_types__WEBPACK_IMPORTED_MODULE_1__["default"].oneOf((0,_util_type__WEBPACK_IMPORTED_MODULE_2__.tuple)('left', 'right', '')).def(''), label: _util_vue_types__WEBPACK_IMPORTED_MODULE_1__["default"].any }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'ATimelineItem', props: (0,_util_props_util_initDefaultProps__WEBPACK_IMPORTED_MODULE_3__["default"])(timelineItemProps(), { color: 'blue', pending: false }), slots: Object, setup(props, _ref) { let { slots } = _ref; const { prefixCls } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_4__["default"])('timeline', props); const itemClassName = (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => ({ [`${prefixCls.value}-item`]: true, [`${prefixCls.value}-item-pending`]: props.pending })); const customColor = (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => /blue|red|green|gray/.test(props.color || '') ? undefined : props.color || 'blue'); const dotClassName = (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => ({ [`${prefixCls.value}-item-head`]: true, [`${prefixCls.value}-item-head-${props.color || 'blue'}`]: !customColor.value })); return () => { var _a, _b, _c; const { label = (_a = slots.label) === null || _a === void 0 ? void 0 : _a.call(slots), dot = (_b = slots.dot) === null || _b === void 0 ? void 0 : _b.call(slots) } = props; return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("li", { "class": itemClassName.value }, [label && (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", { "class": `${prefixCls.value}-item-label` }, [label]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", { "class": `${prefixCls.value}-item-tail` }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", { "class": [dotClassName.value, !!dot && `${prefixCls.value}-item-head-custom`], "style": { borderColor: customColor.value, color: customColor.value } }, [dot]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", { "class": `${prefixCls.value}-item-content` }, [(_c = slots.default) === null || _c === void 0 ? void 0 : _c.call(slots)])]); }; } })); /***/ }), /***/ "./components/timeline/index.tsx": /*!***************************************!*\ !*** ./components/timeline/index.tsx ***! \***************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ TimelineItem: () => (/* reexport safe */ _TimelineItem__WEBPACK_IMPORTED_MODULE_1__["default"]), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ timelineItemProps: () => (/* reexport safe */ _TimelineItem__WEBPACK_IMPORTED_MODULE_1__.timelineItemProps), /* harmony export */ timelineProps: () => (/* reexport safe */ _Timeline__WEBPACK_IMPORTED_MODULE_0__.timelineProps) /* harmony export */ }); /* harmony import */ var _Timeline__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Timeline */ "./components/timeline/Timeline.tsx"); /* harmony import */ var _TimelineItem__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./TimelineItem */ "./components/timeline/TimelineItem.tsx"); _Timeline__WEBPACK_IMPORTED_MODULE_0__["default"].Item = _TimelineItem__WEBPACK_IMPORTED_MODULE_1__["default"]; /* istanbul ignore next */ _Timeline__WEBPACK_IMPORTED_MODULE_0__["default"].install = function (app) { app.component(_Timeline__WEBPACK_IMPORTED_MODULE_0__["default"].name, _Timeline__WEBPACK_IMPORTED_MODULE_0__["default"]); app.component(_TimelineItem__WEBPACK_IMPORTED_MODULE_1__["default"].name, _TimelineItem__WEBPACK_IMPORTED_MODULE_1__["default"]); return app; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_Timeline__WEBPACK_IMPORTED_MODULE_0__["default"]); /***/ }), /***/ "./components/timeline/style/index.tsx": /*!*********************************************!*\ !*** ./components/timeline/style/index.tsx ***! \*********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/genComponentStyleHook.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/statistic.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../style */ "./components/style/index.ts"); const genTimelineStyle = token => { const { componentCls } = token; return { [componentCls]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_1__.resetComponent)(token)), { margin: 0, padding: 0, listStyle: 'none', [`${componentCls}-item`]: { position: 'relative', margin: 0, paddingBottom: token.timeLineItemPaddingBottom, fontSize: token.fontSize, listStyle: 'none', '&-tail': { position: 'absolute', insetBlockStart: token.timeLineItemHeadSize, insetInlineStart: (token.timeLineItemHeadSize - token.timeLineItemTailWidth) / 2, height: `calc(100% - ${token.timeLineItemHeadSize}px)`, borderInlineStart: `${token.timeLineItemTailWidth}px ${token.lineType} ${token.colorSplit}` }, '&-pending': { [`${componentCls}-item-head`]: { fontSize: token.fontSizeSM, backgroundColor: 'transparent' }, [`${componentCls}-item-tail`]: { display: 'none' } }, '&-head': { position: 'absolute', width: token.timeLineItemHeadSize, height: token.timeLineItemHeadSize, backgroundColor: token.colorBgContainer, border: `${token.timeLineHeadBorderWidth}px ${token.lineType} transparent`, borderRadius: '50%', '&-blue': { color: token.colorPrimary, borderColor: token.colorPrimary }, '&-red': { color: token.colorError, borderColor: token.colorError }, '&-green': { color: token.colorSuccess, borderColor: token.colorSuccess }, '&-gray': { color: token.colorTextDisabled, borderColor: token.colorTextDisabled } }, '&-head-custom': { position: 'absolute', insetBlockStart: token.timeLineItemHeadSize / 2, insetInlineStart: token.timeLineItemHeadSize / 2, width: 'auto', height: 'auto', marginBlockStart: 0, paddingBlock: token.timeLineItemCustomHeadPaddingVertical, lineHeight: 1, textAlign: 'center', border: 0, borderRadius: 0, transform: `translate(-50%, -50%)` }, '&-content': { position: 'relative', insetBlockStart: -(token.fontSize * token.lineHeight - token.fontSize) + token.lineWidth, marginInlineStart: token.margin + token.timeLineItemHeadSize, marginInlineEnd: 0, marginBlockStart: 0, marginBlockEnd: 0, wordBreak: 'break-word' }, '&-last': { [`> ${componentCls}-item-tail`]: { display: 'none' }, [`> ${componentCls}-item-content`]: { minHeight: token.controlHeightLG * 1.2 } } }, [`&${componentCls}-alternate, &${componentCls}-right, &${componentCls}-label`]: { [`${componentCls}-item`]: { '&-tail, &-head, &-head-custom': { insetInlineStart: '50%' }, '&-head': { marginInlineStart: `-${token.marginXXS}px`, '&-custom': { marginInlineStart: token.timeLineItemTailWidth / 2 } }, '&-left': { [`${componentCls}-item-content`]: { insetInlineStart: `calc(50% - ${token.marginXXS}px)`, width: `calc(50% - ${token.marginSM}px)`, textAlign: 'start' } }, '&-right': { [`${componentCls}-item-content`]: { width: `calc(50% - ${token.marginSM}px)`, margin: 0, textAlign: 'end' } } } }, [`&${componentCls}-right`]: { [`${componentCls}-item-right`]: { [`${componentCls}-item-tail, ${componentCls}-item-head, ${componentCls}-item-head-custom`]: { insetInlineStart: `calc(100% - ${(token.timeLineItemHeadSize + token.timeLineItemTailWidth) / 2}px)` }, [`${componentCls}-item-content`]: { width: `calc(100% - ${token.timeLineItemHeadSize + token.marginXS}px)` } } }, [`&${componentCls}-pending ${componentCls}-item-last ${componentCls}-item-tail`]: { display: 'block', height: `calc(100% - ${token.margin}px)`, borderInlineStart: `${token.timeLineItemTailWidth}px dotted ${token.colorSplit}` }, [`&${componentCls}-reverse ${componentCls}-item-last ${componentCls}-item-tail`]: { display: 'none' }, [`&${componentCls}-reverse ${componentCls}-item-pending`]: { [`${componentCls}-item-tail`]: { insetBlockStart: token.margin, display: 'block', height: `calc(100% - ${token.margin}px)`, borderInlineStart: `${token.timeLineItemTailWidth}px dotted ${token.colorSplit}` }, [`${componentCls}-item-content`]: { minHeight: token.controlHeightLG * 1.2 } }, [`&${componentCls}-label`]: { [`${componentCls}-item-label`]: { position: 'absolute', insetBlockStart: -(token.fontSize * token.lineHeight - token.fontSize) + token.timeLineItemTailWidth, width: `calc(50% - ${token.marginSM}px)`, textAlign: 'end' }, [`${componentCls}-item-right`]: { [`${componentCls}-item-label`]: { insetInlineStart: `calc(50% + ${token.marginSM}px)`, width: `calc(50% - ${token.marginSM}px)`, textAlign: 'start' } } }, // ====================== RTL ======================= '&-rtl': { direction: 'rtl', [`${componentCls}-item-head-custom`]: { transform: `translate(50%, -50%)` } } }) }; }; // ============================== Export ============================== /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_theme_internal__WEBPACK_IMPORTED_MODULE_2__["default"])('Timeline', token => { const timeLineToken = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_3__.merge)(token, { timeLineItemPaddingBottom: token.padding * 1.25, timeLineItemHeadSize: 10, timeLineItemCustomHeadPaddingVertical: token.paddingXXS, timeLinePaddingInlineEnd: 2, timeLineItemTailWidth: token.lineWidthBold, timeLineHeadBorderWidth: token.wireframe ? token.lineWidthBold : token.lineWidth * 3 }); return [genTimelineStyle(timeLineToken)]; })); /***/ }), /***/ "./components/tooltip/Tooltip.tsx": /*!****************************************!*\ !*** ./components/tooltip/Tooltip.tsx ***! \****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ tooltipDefaultProps: () => (/* binding */ tooltipDefaultProps), /* harmony export */ tooltipProps: () => (/* binding */ tooltipProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _vc_tooltip__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../vc-tooltip */ "./components/vc-tooltip/index.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _util_warning__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../_util/warning */ "./components/_util/warning.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/initDefaultProps.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/index.ts"); /* harmony import */ var _util_vnode__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../_util/vnode */ "./components/_util/vnode.ts"); /* harmony import */ var _abstractTooltipProps__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./abstractTooltipProps */ "./components/tooltip/abstractTooltipProps.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _util_placements__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../_util/placements */ "./components/_util/placements.ts"); /* harmony import */ var _util_firstNotUndefined__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../_util/firstNotUndefined */ "./components/_util/firstNotUndefined.ts"); /* harmony import */ var _util_raf__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../_util/raf */ "./components/_util/raf.ts"); /* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./util */ "./components/tooltip/util.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./style */ "./components/tooltip/style/index.ts"); /* harmony import */ var _util_transition__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../_util/transition */ "./components/_util/transition.tsx"); const splitObject = (obj, keys) => { const picked = {}; const omitted = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, obj); keys.forEach(key => { if (obj && key in obj) { picked[key] = obj[key]; delete omitted[key]; } }); return { picked, omitted }; }; const tooltipProps = () => (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_abstractTooltipProps__WEBPACK_IMPORTED_MODULE_2__["default"])()), { title: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].any }); const tooltipDefaultProps = () => ({ trigger: 'hover', align: {}, placement: 'top', mouseEnterDelay: 0.1, mouseLeaveDelay: 0.1, arrowPointAtCenter: false, autoAdjustOverflow: true }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'ATooltip', inheritAttrs: false, props: (0,_util_props_util__WEBPACK_IMPORTED_MODULE_4__["default"])(tooltipProps(), { trigger: 'hover', align: {}, placement: 'top', mouseEnterDelay: 0.1, mouseLeaveDelay: 0.1, arrowPointAtCenter: false, autoAdjustOverflow: true }), slots: Object, // emits: ['update:visible', 'visibleChange'], setup(props, _ref) { let { slots, emit, attrs, expose } = _ref; if (true) { [['visible', 'open'], ['onVisibleChange', 'onOpenChange']].forEach(_ref2 => { let [deprecatedName, newName] = _ref2; (0,_util_warning__WEBPACK_IMPORTED_MODULE_5__["default"])(props[deprecatedName] === undefined, 'Tooltip', `\`${deprecatedName}\` is deprecated, please use \`${newName}\` instead.`); }); } const { prefixCls, getPopupContainer, direction, rootPrefixCls } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_6__["default"])('tooltip', props); const mergedOpen = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { var _a; return (_a = props.open) !== null && _a !== void 0 ? _a : props.visible; }); const innerOpen = (0,vue__WEBPACK_IMPORTED_MODULE_1__.ref)((0,_util_firstNotUndefined__WEBPACK_IMPORTED_MODULE_7__["default"])([props.open, props.visible])); const tooltip = (0,vue__WEBPACK_IMPORTED_MODULE_1__.ref)(); let rafId; (0,vue__WEBPACK_IMPORTED_MODULE_1__.watch)(mergedOpen, val => { _util_raf__WEBPACK_IMPORTED_MODULE_8__["default"].cancel(rafId); rafId = (0,_util_raf__WEBPACK_IMPORTED_MODULE_8__["default"])(() => { innerOpen.value = !!val; }); }); const isNoTitle = () => { var _a; const title = (_a = props.title) !== null && _a !== void 0 ? _a : slots.title; return !title && title !== 0; }; const handleVisibleChange = val => { const noTitle = isNoTitle(); if (mergedOpen.value === undefined) { innerOpen.value = noTitle ? false : val; } if (!noTitle) { emit('update:visible', val); emit('visibleChange', val); emit('update:open', val); emit('openChange', val); } }; const getPopupDomNode = () => { return tooltip.value.getPopupDomNode(); }; expose({ getPopupDomNode, open: innerOpen, forcePopupAlign: () => { var _a; return (_a = tooltip.value) === null || _a === void 0 ? void 0 : _a.forcePopupAlign(); } }); const tooltipPlacements = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { var _a; const { builtinPlacements, autoAdjustOverflow, arrow, arrowPointAtCenter } = props; let mergedArrowPointAtCenter = arrowPointAtCenter; if (typeof arrow === 'object') { mergedArrowPointAtCenter = (_a = arrow.pointAtCenter) !== null && _a !== void 0 ? _a : arrowPointAtCenter; } return builtinPlacements || (0,_util_placements__WEBPACK_IMPORTED_MODULE_9__["default"])({ arrowPointAtCenter: mergedArrowPointAtCenter, autoAdjustOverflow }); }); const isTrueProps = val => { return val || val === ''; }; const getDisabledCompatibleChildren = ele => { const elementType = ele.type; if (typeof elementType === 'object' && ele.props) { if ((elementType.__ANT_BUTTON === true || elementType === 'button') && isTrueProps(ele.props.disabled) || elementType.__ANT_SWITCH === true && (isTrueProps(ele.props.disabled) || isTrueProps(ele.props.loading)) || elementType.__ANT_RADIO === true && isTrueProps(ele.props.disabled)) { // Pick some layout related style properties up to span // Prevent layout bugs like https://github.com/ant-design/ant-design/issues/5254 const { picked, omitted } = splitObject((0,_util_props_util__WEBPACK_IMPORTED_MODULE_10__.getStyle)(ele), ['position', 'left', 'right', 'top', 'bottom', 'float', 'display', 'zIndex']); const spanStyle = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ display: 'inline-block' }, picked), { cursor: 'not-allowed', lineHeight: 1, width: ele.props && ele.props.block ? '100%' : undefined }); const buttonStyle = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, omitted), { pointerEvents: 'none' }); const child = (0,_util_vnode__WEBPACK_IMPORTED_MODULE_11__.cloneElement)(ele, { style: buttonStyle }, true); return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", { "style": spanStyle, "class": `${prefixCls.value}-disabled-compatible-wrapper` }, [child]); } } return ele; }; const getOverlay = () => { var _a, _b; return (_a = props.title) !== null && _a !== void 0 ? _a : (_b = slots.title) === null || _b === void 0 ? void 0 : _b.call(slots); }; const onPopupAlign = (domNode, align) => { const placements = tooltipPlacements.value; // 当前返回的位置 const placement = Object.keys(placements).find(key => { var _a, _b; return placements[key].points[0] === ((_a = align.points) === null || _a === void 0 ? void 0 : _a[0]) && placements[key].points[1] === ((_b = align.points) === null || _b === void 0 ? void 0 : _b[1]); }); if (placement) { // 根据当前坐标设置动画点 const rect = domNode.getBoundingClientRect(); const transformOrigin = { top: '50%', left: '50%' }; if (placement.indexOf('top') >= 0 || placement.indexOf('Bottom') >= 0) { transformOrigin.top = `${rect.height - align.offset[1]}px`; } else if (placement.indexOf('Top') >= 0 || placement.indexOf('bottom') >= 0) { transformOrigin.top = `${-align.offset[1]}px`; } if (placement.indexOf('left') >= 0 || placement.indexOf('Right') >= 0) { transformOrigin.left = `${rect.width - align.offset[0]}px`; } else if (placement.indexOf('right') >= 0 || placement.indexOf('Left') >= 0) { transformOrigin.left = `${-align.offset[0]}px`; } domNode.style.transformOrigin = `${transformOrigin.left} ${transformOrigin.top}`; } }; const colorInfo = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => (0,_util__WEBPACK_IMPORTED_MODULE_12__.parseColor)(prefixCls.value, props.color)); const injectFromPopover = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => attrs['data-popover-inject']); const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_13__["default"])(prefixCls, (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => !injectFromPopover.value)); return () => { var _a, _b; const { openClassName, overlayClassName, overlayStyle, overlayInnerStyle } = props; let children = (_b = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_10__.filterEmpty)((_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots))) !== null && _b !== void 0 ? _b : null; children = children.length === 1 ? children[0] : children; let tempVisible = innerOpen.value; // Hide tooltip when there is no title if (mergedOpen.value === undefined && isNoTitle()) { tempVisible = false; } if (!children) { return null; } const child = getDisabledCompatibleChildren((0,_util_props_util__WEBPACK_IMPORTED_MODULE_10__.isValidElement)(children) && !(0,_util_props_util__WEBPACK_IMPORTED_MODULE_10__.isFragment)(children) ? children : (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", null, [children])); const childCls = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_14__["default"])({ [openClassName || `${prefixCls.value}-open`]: true, [child.props && child.props.class]: child.props && child.props.class }); const customOverlayClassName = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_14__["default"])(overlayClassName, { [`${prefixCls.value}-rtl`]: direction.value === 'rtl' }, colorInfo.value.className, hashId.value); const formattedOverlayInnerStyle = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, colorInfo.value.overlayStyle), overlayInnerStyle); const arrowContentStyle = colorInfo.value.arrowStyle; const vcTooltipProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, attrs), props), { prefixCls: prefixCls.value, arrow: !!props.arrow, getPopupContainer: getPopupContainer === null || getPopupContainer === void 0 ? void 0 : getPopupContainer.value, builtinPlacements: tooltipPlacements.value, visible: tempVisible, ref: tooltip, overlayClassName: customOverlayClassName, overlayStyle: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, arrowContentStyle), overlayStyle), overlayInnerStyle: formattedOverlayInnerStyle, onVisibleChange: handleVisibleChange, onPopupAlign, transitionName: (0,_util_transition__WEBPACK_IMPORTED_MODULE_15__.getTransitionName)(rootPrefixCls.value, 'zoom-big-fast', props.transitionName) }); return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_vc_tooltip__WEBPACK_IMPORTED_MODULE_16__["default"], vcTooltipProps, { default: () => [innerOpen.value ? (0,_util_vnode__WEBPACK_IMPORTED_MODULE_11__.cloneElement)(child, { class: childCls }) : child], arrowContent: () => (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", { "class": `${prefixCls.value}-arrow-content` }, null), overlay: getOverlay })); }; } })); /***/ }), /***/ "./components/tooltip/abstractTooltipProps.ts": /*!****************************************************!*\ !*** ./components/tooltip/abstractTooltipProps.ts ***! \****************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (() => ({ trigger: [String, Array], open: { type: Boolean, default: undefined }, /** @deprecated Please use `open` instead. */ visible: { type: Boolean, default: undefined }, placement: String, color: String, transitionName: String, overlayStyle: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.objectType)(), overlayInnerStyle: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.objectType)(), overlayClassName: String, openClassName: String, prefixCls: String, mouseEnterDelay: Number, mouseLeaveDelay: Number, getPopupContainer: Function, /**@deprecated Please use `arrow={{ pointAtCenter: true }}` instead. */ arrowPointAtCenter: { type: Boolean, default: undefined }, arrow: { type: [Boolean, Object], default: true }, autoAdjustOverflow: { type: [Boolean, Object], default: undefined }, destroyTooltipOnHide: { type: Boolean, default: undefined }, align: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.objectType)(), builtinPlacements: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.objectType)(), children: Array, /** @deprecated Please use `onOpenChange` instead. */ onVisibleChange: Function, /** @deprecated Please use `onUpdate:open` instead. */ 'onUpdate:visible': Function, onOpenChange: Function, 'onUpdate:open': Function })); /***/ }), /***/ "./components/tooltip/index.ts": /*!*************************************!*\ !*** ./components/tooltip/index.ts ***! \*************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ tooltipProps: () => (/* reexport safe */ _Tooltip__WEBPACK_IMPORTED_MODULE_0__.tooltipProps) /* harmony export */ }); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); /* harmony import */ var _Tooltip__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Tooltip */ "./components/tooltip/Tooltip.tsx"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_util_type__WEBPACK_IMPORTED_MODULE_1__.withInstall)(_Tooltip__WEBPACK_IMPORTED_MODULE_0__["default"])); /***/ }), /***/ "./components/tooltip/style/index.ts": /*!*******************************************!*\ !*** ./components/tooltip/style/index.ts ***! \*******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _style_motion__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../style/motion */ "./components/style/motion/zoom.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/statistic.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/genComponentStyleHook.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../style */ "./components/style/index.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../style */ "./components/style/presetColor.tsx"); /* harmony import */ var _style_placementArrow__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../style/placementArrow */ "./components/style/placementArrow.ts"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); const genTooltipStyle = token => { const { componentCls, // ant-tooltip tooltipMaxWidth, tooltipColor, tooltipBg, tooltipBorderRadius, zIndexPopup, controlHeight, boxShadowSecondary, paddingSM, paddingXS, tooltipRadiusOuter } = token; return [{ [componentCls]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_2__.resetComponent)(token)), { position: 'absolute', zIndex: zIndexPopup, display: 'block', '&': [{ width: 'max-content' }, { width: 'intrinsic' }], maxWidth: tooltipMaxWidth, visibility: 'visible', '&-hidden': { display: 'none' }, '--antd-arrow-background-color': tooltipBg, // Wrapper for the tooltip content [`${componentCls}-inner`]: { minWidth: controlHeight, minHeight: controlHeight, padding: `${paddingSM / 2}px ${paddingXS}px`, color: tooltipColor, textAlign: 'start', textDecoration: 'none', wordWrap: 'break-word', backgroundColor: tooltipBg, borderRadius: tooltipBorderRadius, boxShadow: boxShadowSecondary }, // Limit left and right placement radius [[`&-placement-left`, `&-placement-leftTop`, `&-placement-leftBottom`, `&-placement-right`, `&-placement-rightTop`, `&-placement-rightBottom`].join(',')]: { [`${componentCls}-inner`]: { borderRadius: Math.min(tooltipBorderRadius, _style_placementArrow__WEBPACK_IMPORTED_MODULE_3__.MAX_VERTICAL_CONTENT_RADIUS) } }, [`${componentCls}-content`]: { position: 'relative' } }), (0,_style__WEBPACK_IMPORTED_MODULE_4__.genPresetColor)(token, (colorKey, _ref) => { let { darkColor } = _ref; return { [`&${componentCls}-${colorKey}`]: { [`${componentCls}-inner`]: { backgroundColor: darkColor }, [`${componentCls}-arrow`]: { '--antd-arrow-background-color': darkColor } } }; })), { // RTL '&-rtl': { direction: 'rtl' } }) }, // Arrow Style (0,_style_placementArrow__WEBPACK_IMPORTED_MODULE_3__["default"])((0,_theme_internal__WEBPACK_IMPORTED_MODULE_5__.merge)(token, { borderRadiusOuter: tooltipRadiusOuter }), { colorBg: 'var(--antd-arrow-background-color)', showArrowCls: '', contentRadius: tooltipBorderRadius, limitVerticalRadius: true }), // Pure Render { [`${componentCls}-pure`]: { position: 'relative', maxWidth: 'none' } }]; }; // ============================== Export ============================== /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((prefixCls, injectStyle) => { const useOriginHook = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_6__["default"])('Tooltip', token => { // Popover use Tooltip as internal component. We do not need to handle this. if ((injectStyle === null || injectStyle === void 0 ? void 0 : injectStyle.value) === false) { return []; } const { borderRadius, colorTextLightSolid, colorBgDefault, borderRadiusOuter } = token; const TooltipToken = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_5__.merge)(token, { // default variables tooltipMaxWidth: 250, tooltipColor: colorTextLightSolid, tooltipBorderRadius: borderRadius, tooltipBg: colorBgDefault, tooltipRadiusOuter: borderRadiusOuter > 4 ? 4 : borderRadiusOuter }); return [genTooltipStyle(TooltipToken), (0,_style_motion__WEBPACK_IMPORTED_MODULE_7__.initZoomMotion)(token, 'zoom-big-fast')]; }, _ref2 => { let { zIndexPopupBase, colorBgSpotlight } = _ref2; return { zIndexPopup: zIndexPopupBase + 70, colorBgDefault: colorBgSpotlight }; }); return useOriginHook(prefixCls); }); /***/ }), /***/ "./components/tooltip/util.ts": /*!************************************!*\ !*** ./components/tooltip/util.ts ***! \************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ parseColor: () => (/* binding */ parseColor) /* harmony export */ }); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _util_colors__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../_util/colors */ "./components/_util/colors.ts"); function parseColor(prefixCls, color) { const isInternalColor = (0,_util_colors__WEBPACK_IMPORTED_MODULE_0__.isPresetColor)(color); const className = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_1__["default"])({ [`${prefixCls}-${color}`]: color && isInternalColor }); const overlayStyle = {}; const arrowStyle = {}; if (color && !isInternalColor) { overlayStyle.background = color; // @ts-ignore arrowStyle['--antd-arrow-background-color'] = color; } return { className, overlayStyle, arrowStyle }; } /***/ }), /***/ "./components/tour/index.tsx": /*!***********************************!*\ !*** ./components/tour/index.tsx ***! \***********************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _vc_tour__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../vc-tour */ "./components/vc-tour/index.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _panelRender__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./panelRender */ "./components/tour/panelRender.tsx"); /* harmony import */ var _interface__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./interface */ "./components/tour/interface.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); /* harmony import */ var _useMergedType__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./useMergedType */ "./components/tour/useMergedType.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./style */ "./components/tour/style/index.ts"); /* harmony import */ var _util_placements__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../_util/placements */ "./components/_util/placements.ts"); var __rest = undefined && undefined.__rest || function (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; }; // CSSINJS const Tour = (0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ name: 'ATour', inheritAttrs: false, props: (0,_interface__WEBPACK_IMPORTED_MODULE_2__.tourProps)(), setup(props, _ref) { let { attrs, emit, slots } = _ref; const { current, type, steps, defaultCurrent } = (0,vue__WEBPACK_IMPORTED_MODULE_1__.toRefs)(props); const { prefixCls, direction } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_3__["default"])('tour', props); // style const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_4__["default"])(prefixCls); const { currentMergedType, updateInnerCurrent } = (0,_useMergedType__WEBPACK_IMPORTED_MODULE_5__["default"])({ defaultType: type, steps, current, defaultCurrent }); return () => { const { steps, current, type, rootClassName } = props, restProps = __rest(props, ["steps", "current", "type", "rootClassName"]); const customClassName = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_6__["default"])({ [`${prefixCls.value}-primary`]: currentMergedType.value === 'primary', [`${prefixCls.value}-rtl`]: direction.value === 'rtl' }, hashId.value, rootClassName); const mergedRenderPanel = (stepProps, stepCurrent) => { return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_panelRender__WEBPACK_IMPORTED_MODULE_7__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, stepProps), {}, { "type": type, "current": stepCurrent }), { indicatorsRender: slots.indicatorsRender }); }; const onStepChange = stepCurrent => { updateInnerCurrent(stepCurrent); emit('update:current', stepCurrent); emit('change', stepCurrent); }; const builtinPlacements = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => (0,_util_placements__WEBPACK_IMPORTED_MODULE_8__["default"])({ arrowPointAtCenter: true, autoAdjustOverflow: true })); return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_vc_tour__WEBPACK_IMPORTED_MODULE_9__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, attrs), restProps), {}, { "rootClassName": customClassName, "prefixCls": prefixCls.value, "current": current, "defaultCurrent": props.defaultCurrent, "animated": true, "renderPanel": mergedRenderPanel, "onChange": onStepChange, "steps": steps, "builtinPlacements": builtinPlacements.value }), null)); }; } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_util_type__WEBPACK_IMPORTED_MODULE_10__.withInstall)(Tour)); /***/ }), /***/ "./components/tour/interface.ts": /*!**************************************!*\ !*** ./components/tour/interface.ts ***! \**************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ tourProps: () => (/* binding */ tourProps), /* harmony export */ tourStepProps: () => (/* binding */ tourStepProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _vc_tour__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../vc-tour */ "./components/vc-tour/Tour.tsx"); /* harmony import */ var _vc_tour__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../vc-tour */ "./components/vc-tour/interface.ts"); const tourProps = () => (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_vc_tour__WEBPACK_IMPORTED_MODULE_1__.tourProps)()), { steps: { type: Array }, prefixCls: { type: String }, current: { type: Number }, type: { type: String }, 'onUpdate:current': Function }); const tourStepProps = () => (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_vc_tour__WEBPACK_IMPORTED_MODULE_2__.tourStepProps)()), { cover: { type: Object }, nextButtonProps: { type: Object }, prevButtonProps: { type: Object }, current: { type: Number }, type: { type: String } }); /***/ }), /***/ "./components/tour/panelRender.tsx": /*!*****************************************!*\ !*** ./components/tour/panelRender.tsx ***! \*****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _util_util__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../_util/util */ "./components/_util/util.ts"); /* harmony import */ var _ant_design_icons_vue_es_icons_CloseOutlined__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/CloseOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/CloseOutlined.js"); /* harmony import */ var _interface__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./interface */ "./components/tour/interface.ts"); /* harmony import */ var _locale_LocaleReceiver__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../locale/LocaleReceiver */ "./components/locale/LocaleReceiver.tsx"); /* harmony import */ var _button__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../button */ "./components/button/index.ts"); /* harmony import */ var _locale_en_US__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../locale/en_US */ "./components/locale/en_US.ts"); const panelRender = (0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ name: 'ATourPanel', inheritAttrs: false, props: (0,_interface__WEBPACK_IMPORTED_MODULE_2__.tourStepProps)(), setup(props, _ref) { let { attrs, slots } = _ref; const { current, total } = (0,vue__WEBPACK_IMPORTED_MODULE_1__.toRefs)(props); const isLastStep = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => current.value === total.value - 1); const prevBtnClick = e => { var _a; const prevButtonProps = props.prevButtonProps; (_a = props.onPrev) === null || _a === void 0 ? void 0 : _a.call(props, e); if (typeof (prevButtonProps === null || prevButtonProps === void 0 ? void 0 : prevButtonProps.onClick) === 'function') { prevButtonProps === null || prevButtonProps === void 0 ? void 0 : prevButtonProps.onClick(); } }; const nextBtnClick = e => { var _a, _b; const nextButtonProps = props.nextButtonProps; if (isLastStep.value) { (_a = props.onFinish) === null || _a === void 0 ? void 0 : _a.call(props, e); } else { (_b = props.onNext) === null || _b === void 0 ? void 0 : _b.call(props, e); } if (typeof (nextButtonProps === null || nextButtonProps === void 0 ? void 0 : nextButtonProps.onClick) === 'function') { nextButtonProps === null || nextButtonProps === void 0 ? void 0 : nextButtonProps.onClick(); } }; return () => { const { prefixCls, title, onClose, cover, description, type: stepType, arrow } = props; const prevButtonProps = props.prevButtonProps; const nextButtonProps = props.nextButtonProps; let headerNode; if (title) { headerNode = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${prefixCls}-header` }, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${prefixCls}-title` }, [title])]); } let descriptionNode; if (description) { descriptionNode = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${prefixCls}-description` }, [description]); } let coverNode; if (cover) { coverNode = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${prefixCls}-cover` }, [cover]); } let mergeIndicatorNode; if (slots.indicatorsRender) { mergeIndicatorNode = slots.indicatorsRender({ current: current.value, total }); } else { mergeIndicatorNode = [...Array.from({ length: total.value }).keys()].map((stepItem, index) => (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", { "key": stepItem, "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_3__["default"])(index === current.value && `${prefixCls}-indicator-active`, `${prefixCls}-indicator`) }, null)); } const mainBtnType = stepType === 'primary' ? 'default' : 'primary'; const secondaryBtnProps = { type: 'default', ghost: stepType === 'primary' }; return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_locale_LocaleReceiver__WEBPACK_IMPORTED_MODULE_4__["default"], { "componentName": "Tour", "defaultLocale": _locale_en_US__WEBPACK_IMPORTED_MODULE_5__["default"].Tour }, { default: contextLocale => { var _a; return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, attrs), {}, { "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_3__["default"])(stepType === 'primary' ? `${prefixCls}-primary` : '', attrs.class, `${prefixCls}-content`) }), [arrow && (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${prefixCls}-arrow`, "key": "arrow" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${prefixCls}-inner` }, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_ant_design_icons_vue_es_icons_CloseOutlined__WEBPACK_IMPORTED_MODULE_6__["default"], { "class": `${prefixCls}-close`, "onClick": onClose }, null), coverNode, headerNode, descriptionNode, (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${prefixCls}-footer` }, [total.value > 1 && (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${prefixCls}-indicators` }, [mergeIndicatorNode]), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${prefixCls}-buttons` }, [current.value !== 0 ? (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_button__WEBPACK_IMPORTED_MODULE_7__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, secondaryBtnProps), prevButtonProps), {}, { "onClick": prevBtnClick, "size": "small", "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_3__["default"])(`${prefixCls}-prev-btn`, prevButtonProps === null || prevButtonProps === void 0 ? void 0 : prevButtonProps.className) }), { default: () => [(0,_util_util__WEBPACK_IMPORTED_MODULE_8__.isFunction)(prevButtonProps === null || prevButtonProps === void 0 ? void 0 : prevButtonProps.children) ? prevButtonProps.children() : (_a = prevButtonProps === null || prevButtonProps === void 0 ? void 0 : prevButtonProps.children) !== null && _a !== void 0 ? _a : contextLocale.Previous] }) : null, (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_button__WEBPACK_IMPORTED_MODULE_7__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "type": mainBtnType }, nextButtonProps), {}, { "onClick": nextBtnClick, "size": "small", "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_3__["default"])(`${prefixCls}-next-btn`, nextButtonProps === null || nextButtonProps === void 0 ? void 0 : nextButtonProps.className) }), { default: () => [(0,_util_util__WEBPACK_IMPORTED_MODULE_8__.isFunction)(nextButtonProps === null || nextButtonProps === void 0 ? void 0 : nextButtonProps.children) ? nextButtonProps === null || nextButtonProps === void 0 ? void 0 : nextButtonProps.children() : isLastStep.value ? contextLocale.Finish : contextLocale.Next] })])])])]); } }); }; } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (panelRender); /***/ }), /***/ "./components/tour/style/index.ts": /*!****************************************!*\ !*** ./components/tour/style/index.ts ***! \****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ctrl/tinycolor */ "./node_modules/@ctrl/tinycolor/dist/module/index.js"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/genComponentStyleHook.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/statistic.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../style */ "./components/style/index.ts"); /* harmony import */ var _style_placementArrow__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../style/placementArrow */ "./components/style/placementArrow.ts"); // =============================== Base =============================== const genBaseStyle = token => { const { componentCls, lineHeight, padding, paddingXS, borderRadius, borderRadiusXS, colorPrimary, colorText, colorFill, indicatorHeight, indicatorWidth, boxShadowTertiary, tourZIndexPopup, fontSize, colorBgContainer, fontWeightStrong, marginXS, colorTextLightSolid, tourBorderRadius, colorWhite, colorBgTextHover, tourCloseSize, motionDurationSlow, antCls } = token; return [{ [componentCls]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_1__.resetComponent)(token)), { color: colorText, position: 'absolute', zIndex: tourZIndexPopup, display: 'block', visibility: 'visible', fontSize, lineHeight, width: 520, '--antd-arrow-background-color': colorBgContainer, '&-pure': { maxWidth: '100%', position: 'relative' }, [`&${componentCls}-hidden`]: { display: 'none' }, // ============================= panel content ============================ [`${componentCls}-content`]: { position: 'relative' }, [`${componentCls}-inner`]: { textAlign: 'start', textDecoration: 'none', borderRadius: tourBorderRadius, boxShadow: boxShadowTertiary, position: 'relative', backgroundColor: colorBgContainer, border: 'none', backgroundClip: 'padding-box', [`${componentCls}-close`]: { position: 'absolute', top: padding, insetInlineEnd: padding, color: token.colorIcon, outline: 'none', width: tourCloseSize, height: tourCloseSize, borderRadius: token.borderRadiusSM, transition: `background-color ${token.motionDurationMid}, color ${token.motionDurationMid}`, display: 'flex', alignItems: 'center', justifyContent: 'center', '&:hover': { color: token.colorIconHover, backgroundColor: token.wireframe ? 'transparent' : token.colorFillContent } }, [`${componentCls}-cover`]: { textAlign: 'center', padding: `${padding + tourCloseSize + paddingXS}px ${padding}px 0`, img: { width: '100%' } }, [`${componentCls}-header`]: { padding: `${padding}px ${padding}px ${paddingXS}px`, [`${componentCls}-title`]: { lineHeight, fontSize, fontWeight: fontWeightStrong } }, [`${componentCls}-description`]: { padding: `0 ${padding}px`, lineHeight, wordWrap: 'break-word' }, [`${componentCls}-footer`]: { padding: `${paddingXS}px ${padding}px ${padding}px`, textAlign: 'end', borderRadius: `0 0 ${borderRadiusXS}px ${borderRadiusXS}px`, display: 'flex', [`${componentCls}-indicators`]: { display: 'inline-block', [`${componentCls}-indicator`]: { width: indicatorWidth, height: indicatorHeight, display: 'inline-block', borderRadius: '50%', background: colorFill, '&:not(:last-child)': { marginInlineEnd: indicatorHeight }, '&-active': { background: colorPrimary } } }, [`${componentCls}-buttons`]: { marginInlineStart: 'auto', [`${antCls}-btn`]: { marginInlineStart: marginXS } } } }, // ============================= primary type =========================== // `$` for panel, `&$` for pure panel [`${componentCls}-primary, &${componentCls}-primary`]: { '--antd-arrow-background-color': colorPrimary, [`${componentCls}-inner`]: { color: colorTextLightSolid, textAlign: 'start', textDecoration: 'none', backgroundColor: colorPrimary, borderRadius, boxShadow: boxShadowTertiary, [`${componentCls}-close`]: { color: colorTextLightSolid }, [`${componentCls}-indicators`]: { [`${componentCls}-indicator`]: { background: new _ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_2__.TinyColor(colorTextLightSolid).setAlpha(0.15).toRgbString(), '&-active': { background: colorTextLightSolid } } }, [`${componentCls}-prev-btn`]: { color: colorTextLightSolid, borderColor: new _ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_2__.TinyColor(colorTextLightSolid).setAlpha(0.15).toRgbString(), backgroundColor: colorPrimary, '&:hover': { backgroundColor: new _ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_2__.TinyColor(colorTextLightSolid).setAlpha(0.15).toRgbString(), borderColor: 'transparent' } }, [`${componentCls}-next-btn`]: { color: colorPrimary, borderColor: 'transparent', background: colorWhite, '&:hover': { background: new _ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_2__.TinyColor(colorBgTextHover).onBackground(colorWhite).toRgbString() } } } } }), // ============================= mask =========================== [`${componentCls}-mask`]: { [`${componentCls}-placeholder-animated`]: { transition: `all ${motionDurationSlow}` } }, // =========== Limit left and right placement radius ============== [['&-placement-left', '&-placement-leftTop', '&-placement-leftBottom', '&-placement-right', '&-placement-rightTop', '&-placement-rightBottom'].join(',')]: { [`${componentCls}-inner`]: { borderRadius: Math.min(tourBorderRadius, _style_placementArrow__WEBPACK_IMPORTED_MODULE_3__.MAX_VERTICAL_CONTENT_RADIUS) } } }, // ============================= Arrow =========================== (0,_style_placementArrow__WEBPACK_IMPORTED_MODULE_3__["default"])(token, { colorBg: 'var(--antd-arrow-background-color)', contentRadius: tourBorderRadius, limitVerticalRadius: true })]; }; // ============================== Export ============================== /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_theme_internal__WEBPACK_IMPORTED_MODULE_4__["default"])('Tour', token => { const { borderRadiusLG, fontSize, lineHeight } = token; const TourToken = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_5__.merge)(token, { tourZIndexPopup: token.zIndexPopupBase + 70, indicatorWidth: 6, indicatorHeight: 6, tourBorderRadius: borderRadiusLG, tourCloseSize: fontSize * lineHeight }); return [genBaseStyle(TourToken)]; })); /***/ }), /***/ "./components/tour/useMergedType.ts": /*!******************************************!*\ !*** ./components/tour/useMergedType.ts ***! \******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /** * returns the merged type of a step or the default type. */ const useMergedType = _ref => { let { defaultType, steps, current, defaultCurrent } = _ref; const innerCurrent = (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)(defaultCurrent === null || defaultCurrent === void 0 ? void 0 : defaultCurrent.value); const mergedCurrent = (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => current === null || current === void 0 ? void 0 : current.value); (0,vue__WEBPACK_IMPORTED_MODULE_0__.watch)(mergedCurrent, val => { innerCurrent.value = val !== null && val !== void 0 ? val : defaultCurrent === null || defaultCurrent === void 0 ? void 0 : defaultCurrent.value; }, { immediate: true }); const updateInnerCurrent = val => { innerCurrent.value = val; }; const innerType = (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => { var _a, _b; return typeof innerCurrent.value === 'number' ? steps && ((_b = (_a = steps.value) === null || _a === void 0 ? void 0 : _a[innerCurrent.value]) === null || _b === void 0 ? void 0 : _b.type) : defaultType === null || defaultType === void 0 ? void 0 : defaultType.value; }); const currentMergedType = (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => { var _a; return (_a = innerType.value) !== null && _a !== void 0 ? _a : defaultType === null || defaultType === void 0 ? void 0 : defaultType.value; }); return { currentMergedType, updateInnerCurrent }; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useMergedType); /***/ }), /***/ "./components/transfer/ListBody.tsx": /*!******************************************!*\ !*** ./components/transfer/ListBody.tsx ***! \******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ transferListBodyProps: () => (/* binding */ transferListBodyProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _ListItem__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./ListItem */ "./components/transfer/ListItem.tsx"); /* harmony import */ var _pagination__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../pagination */ "./components/pagination/index.ts"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); const transferListBodyProps = { prefixCls: String, filteredRenderItems: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].array.def([]), selectedKeys: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].array, disabled: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.booleanType)(), showRemove: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.booleanType)(), pagination: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].any, onItemSelect: Function, onScroll: Function, onItemRemove: Function }; function parsePagination(pagination) { if (!pagination) { return null; } const defaultPagination = { pageSize: 10, simple: true, showSizeChanger: false, showLessItems: false }; if (typeof pagination === 'object') { return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, defaultPagination), pagination); } return defaultPagination; } const ListBody = (0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'ListBody', inheritAttrs: false, props: transferListBodyProps, emits: ['itemSelect', 'itemRemove', 'scroll'], setup(props, _ref) { let { emit, expose } = _ref; const current = (0,vue__WEBPACK_IMPORTED_MODULE_1__.ref)(1); const handleItemSelect = item => { const { selectedKeys } = props; const checked = selectedKeys.indexOf(item.key) >= 0; emit('itemSelect', item.key, !checked); }; const handleItemRemove = item => { emit('itemRemove', [item.key]); }; const handleScroll = e => { emit('scroll', e); }; const mergedPagination = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => parsePagination(props.pagination)); (0,vue__WEBPACK_IMPORTED_MODULE_1__.watch)([mergedPagination, () => props.filteredRenderItems], () => { if (mergedPagination.value) { // Calculate the page number const maxPageCount = Math.ceil(props.filteredRenderItems.length / mergedPagination.value.pageSize); current.value = Math.min(current.value, maxPageCount); } }, { immediate: true }); const items = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { const { filteredRenderItems } = props; let displayItems = filteredRenderItems; if (mergedPagination.value) { displayItems = filteredRenderItems.slice((current.value - 1) * mergedPagination.value.pageSize, current.value * mergedPagination.value.pageSize); } return displayItems; }); const onPageChange = cur => { current.value = cur; }; expose({ items }); return () => { const { prefixCls, filteredRenderItems, selectedKeys, disabled: globalDisabled, showRemove } = props; let paginationNode = null; if (mergedPagination.value) { paginationNode = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_pagination__WEBPACK_IMPORTED_MODULE_4__["default"], { "simple": mergedPagination.value.simple, "showSizeChanger": mergedPagination.value.showSizeChanger, "showLessItems": mergedPagination.value.showLessItems, "size": "small", "disabled": globalDisabled, "class": `${prefixCls}-pagination`, "total": filteredRenderItems.length, "pageSize": mergedPagination.value.pageSize, "current": current.value, "onChange": onPageChange }, null); } const itemsList = items.value.map(_ref2 => { let { renderedEl, renderedText, item } = _ref2; const { disabled } = item; const checked = selectedKeys.indexOf(item.key) >= 0; return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_ListItem__WEBPACK_IMPORTED_MODULE_5__["default"], { "disabled": globalDisabled || disabled, "key": item.key, "item": item, "renderedText": renderedText, "renderedEl": renderedEl, "checked": checked, "prefixCls": prefixCls, "onClick": handleItemSelect, "onRemove": handleItemRemove, "showRemove": showRemove }, null); }); return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_1__.Fragment, null, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("ul", { "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_6__["default"])(`${prefixCls}-content`, { [`${prefixCls}-content-show-remove`]: showRemove }), "onScroll": handleScroll }, [itemsList]), paginationNode]); }; } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ListBody); /***/ }), /***/ "./components/transfer/ListItem.tsx": /*!******************************************!*\ !*** ./components/transfer/ListItem.tsx ***! \******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ transferListItemProps: () => (/* binding */ transferListItemProps) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _ant_design_icons_vue_es_icons_DeleteOutlined__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/DeleteOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/DeleteOutlined.js"); /* harmony import */ var _locale_en_US__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../locale/en_US */ "./components/locale/en_US.ts"); /* harmony import */ var _checkbox__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../checkbox */ "./components/checkbox/index.ts"); /* harmony import */ var _util_transButton__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../_util/transButton */ "./components/_util/transButton.tsx"); /* harmony import */ var _locale_provider_LocaleReceiver__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../locale-provider/LocaleReceiver */ "./components/locale-provider/LocaleReceiver.tsx"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); function noop() {} const transferListItemProps = { renderedText: _util_vue_types__WEBPACK_IMPORTED_MODULE_1__["default"].any, renderedEl: _util_vue_types__WEBPACK_IMPORTED_MODULE_1__["default"].any, item: _util_vue_types__WEBPACK_IMPORTED_MODULE_1__["default"].any, checked: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.booleanType)(), prefixCls: String, disabled: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.booleanType)(), showRemove: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.booleanType)(), onClick: Function, onRemove: Function }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'ListItem', inheritAttrs: false, props: transferListItemProps, emits: ['click', 'remove'], setup(props, _ref) { let { emit } = _ref; return () => { const { renderedText, renderedEl, item, checked, disabled, prefixCls, showRemove } = props; const className = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_3__["default"])({ [`${prefixCls}-content-item`]: true, [`${prefixCls}-content-item-disabled`]: disabled || item.disabled }); let title; if (typeof renderedText === 'string' || typeof renderedText === 'number') { title = String(renderedText); } return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_locale_provider_LocaleReceiver__WEBPACK_IMPORTED_MODULE_4__["default"], { "componentName": "Transfer", "defaultLocale": _locale_en_US__WEBPACK_IMPORTED_MODULE_5__["default"].Transfer }, { default: transferLocale => { const labelNode = (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("span", { "class": `${prefixCls}-content-item-text` }, [renderedEl]); if (showRemove) { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("li", { "class": className, "title": title }, [labelNode, (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_util_transButton__WEBPACK_IMPORTED_MODULE_6__["default"], { "disabled": disabled || item.disabled, "class": `${prefixCls}-content-item-remove`, "aria-label": transferLocale.remove, "onClick": () => { emit('remove', item); } }, { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_ant_design_icons_vue_es_icons_DeleteOutlined__WEBPACK_IMPORTED_MODULE_7__["default"], null, null)] })]); } return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("li", { "class": className, "title": title, "onClick": disabled || item.disabled ? noop : () => { emit('click', item); } }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_checkbox__WEBPACK_IMPORTED_MODULE_8__["default"], { "class": `${prefixCls}-checkbox`, "checked": checked, "disabled": disabled || item.disabled }, null), labelNode]); } }); }; } })); /***/ }), /***/ "./components/transfer/index.tsx": /*!***************************************!*\ !*** ./components/transfer/index.tsx ***! \***************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ transferProps: () => (/* binding */ transferProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/index.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _list__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./list */ "./components/transfer/list.tsx"); /* harmony import */ var _operation__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./operation */ "./components/transfer/operation.tsx"); /* harmony import */ var _locale_provider_LocaleReceiver__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../locale-provider/LocaleReceiver */ "./components/locale-provider/LocaleReceiver.tsx"); /* harmony import */ var _locale_en_US__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../locale/en_US */ "./components/locale/en_US.ts"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _form_FormItemContext__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../form/FormItemContext */ "./components/form/FormItemContext.ts"); /* harmony import */ var _util_statusUtils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../_util/statusUtils */ "./components/_util/statusUtils.tsx"); /* harmony import */ var _util_transKeys__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../_util/transKeys */ "./components/_util/transKeys.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./style */ "./components/transfer/style/index.tsx"); // CSSINJS const transferProps = () => ({ id: String, prefixCls: String, dataSource: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.arrayType)([]), disabled: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.booleanType)(), targetKeys: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.arrayType)(), selectedKeys: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.arrayType)(), render: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.functionType)(), listStyle: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.someType)([Function, Object], () => ({})), operationStyle: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.objectType)(undefined), titles: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.arrayType)(), operations: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.arrayType)(), showSearch: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.booleanType)(false), filterOption: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.functionType)(), searchPlaceholder: String, notFoundContent: _util_vue_types__WEBPACK_IMPORTED_MODULE_4__["default"].any, locale: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.objectType)(), rowKey: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.functionType)(), showSelectAll: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.booleanType)(), selectAllLabels: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.arrayType)(), children: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.functionType)(), oneWay: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.booleanType)(), pagination: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.someType)([Object, Boolean]), status: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.stringType)(), onChange: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.functionType)(), onSelectChange: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.functionType)(), onSearch: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.functionType)(), onScroll: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.functionType)(), 'onUpdate:targetKeys': (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.functionType)(), 'onUpdate:selectedKeys': (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.functionType)() }); const Transfer = (0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'ATransfer', inheritAttrs: false, props: transferProps(), slots: Object, // emits: ['update:targetKeys', 'update:selectedKeys', 'change', 'search', 'scroll', 'selectChange'], setup(props, _ref) { let { emit, attrs, slots, expose } = _ref; const { configProvider, prefixCls, direction } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_5__["default"])('transfer', props); // style const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_6__["default"])(prefixCls); const sourceSelectedKeys = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)([]); const targetSelectedKeys = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)([]); const formItemContext = (0,_form_FormItemContext__WEBPACK_IMPORTED_MODULE_7__.useInjectFormItemContext)(); const formItemInputContext = _form_FormItemContext__WEBPACK_IMPORTED_MODULE_7__.FormItemInputContext.useInject(); const mergedStatus = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => (0,_util_statusUtils__WEBPACK_IMPORTED_MODULE_8__.getMergedStatus)(formItemInputContext.status, props.status)); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)(() => props.selectedKeys, () => { var _a, _b; sourceSelectedKeys.value = ((_a = props.selectedKeys) === null || _a === void 0 ? void 0 : _a.filter(key => props.targetKeys.indexOf(key) === -1)) || []; targetSelectedKeys.value = ((_b = props.selectedKeys) === null || _b === void 0 ? void 0 : _b.filter(key => props.targetKeys.indexOf(key) > -1)) || []; }, { immediate: true }); const getLocale = (transferLocale, renderEmpty) => { // Keep old locale props still working. const oldLocale = { notFoundContent: renderEmpty('Transfer') }; const notFoundContent = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_9__.getPropsSlot)(slots, props, 'notFoundContent'); if (notFoundContent) { oldLocale.notFoundContent = notFoundContent; } if (props.searchPlaceholder !== undefined) { oldLocale.searchPlaceholder = props.searchPlaceholder; } return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, transferLocale), oldLocale), props.locale); }; const moveTo = direction => { const { targetKeys = [], dataSource = [] } = props; const moveKeys = direction === 'right' ? sourceSelectedKeys.value : targetSelectedKeys.value; const dataSourceDisabledKeysMap = (0,_util_transKeys__WEBPACK_IMPORTED_MODULE_10__.groupDisabledKeysMap)(dataSource); // filter the disabled options const newMoveKeys = moveKeys.filter(key => !dataSourceDisabledKeysMap.has(key)); const newMoveKeysMap = (0,_util_transKeys__WEBPACK_IMPORTED_MODULE_10__.groupKeysMap)(newMoveKeys); // move items to target box const newTargetKeys = direction === 'right' ? newMoveKeys.concat(targetKeys) : targetKeys.filter(targetKey => !newMoveKeysMap.has(targetKey)); // empty checked keys const oppositeDirection = direction === 'right' ? 'left' : 'right'; direction === 'right' ? sourceSelectedKeys.value = [] : targetSelectedKeys.value = []; emit('update:targetKeys', newTargetKeys); handleSelectChange(oppositeDirection, []); emit('change', newTargetKeys, direction, newMoveKeys); formItemContext.onFieldChange(); }; const moveToLeft = () => { moveTo('left'); }; const moveToRight = () => { moveTo('right'); }; const onItemSelectAll = (direction, selectedKeys) => { handleSelectChange(direction, selectedKeys); }; const onLeftItemSelectAll = selectedKeys => { return onItemSelectAll('left', selectedKeys); }; const onRightItemSelectAll = selectedKeys => { return onItemSelectAll('right', selectedKeys); }; const handleSelectChange = (direction, holder) => { if (direction === 'left') { if (!props.selectedKeys) { sourceSelectedKeys.value = holder; } emit('update:selectedKeys', [...holder, ...targetSelectedKeys.value]); emit('selectChange', holder, (0,vue__WEBPACK_IMPORTED_MODULE_2__.toRaw)(targetSelectedKeys.value)); } else { if (!props.selectedKeys) { targetSelectedKeys.value = holder; } emit('update:selectedKeys', [...holder, ...sourceSelectedKeys.value]); emit('selectChange', (0,vue__WEBPACK_IMPORTED_MODULE_2__.toRaw)(sourceSelectedKeys.value), holder); } }; const handleFilter = (direction, e) => { const value = e.target.value; emit('search', direction, value); }; const handleLeftFilter = e => { handleFilter('left', e); }; const handleRightFilter = e => { handleFilter('right', e); }; const handleClear = direction => { emit('search', direction, ''); }; const handleLeftClear = () => { handleClear('left'); }; const handleRightClear = () => { handleClear('right'); }; const onItemSelect = (direction, selectedKey, checked) => { const holder = direction === 'left' ? [...sourceSelectedKeys.value] : [...targetSelectedKeys.value]; const index = holder.indexOf(selectedKey); if (index > -1) { holder.splice(index, 1); } if (checked) { holder.push(selectedKey); } handleSelectChange(direction, holder); }; const onLeftItemSelect = (selectedKey, checked) => { return onItemSelect('left', selectedKey, checked); }; const onRightItemSelect = (selectedKey, checked) => { return onItemSelect('right', selectedKey, checked); }; const onRightItemRemove = targetedKeys => { const { targetKeys = [] } = props; const newTargetKeys = targetKeys.filter(key => !targetedKeys.includes(key)); emit('update:targetKeys', newTargetKeys); emit('change', newTargetKeys, 'left', [...targetedKeys]); }; const handleScroll = (direction, e) => { emit('scroll', direction, e); }; const handleLeftScroll = e => { handleScroll('left', e); }; const handleRightScroll = e => { handleScroll('right', e); }; const handleListStyle = (listStyle, direction) => { if (typeof listStyle === 'function') { return listStyle({ direction }); } return listStyle; }; const leftDataSource = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)([]); const rightDataSource = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)([]); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watchEffect)(() => { const { dataSource, rowKey, targetKeys = [] } = props; const ld = []; const rd = new Array(targetKeys.length); const targetKeysMap = (0,_util_transKeys__WEBPACK_IMPORTED_MODULE_10__.groupKeysMap)(targetKeys); dataSource.forEach(record => { if (rowKey) { record.key = rowKey(record); } // rightData should be ordered by targetKeys // leftData should be ordered by dataSource if (targetKeysMap.has(record.key)) { rd[targetKeysMap.get(record.key)] = record; } else { ld.push(record); } }); leftDataSource.value = ld; rightDataSource.value = rd; }); expose({ handleSelectChange }); const renderTransfer = transferLocale => { var _a, _b, _c, _d, _e, _f; const { disabled, operations = [], showSearch, listStyle, operationStyle, filterOption, showSelectAll, selectAllLabels = [], oneWay, pagination, id = formItemContext.id.value } = props; const { class: className, style } = attrs; const children = slots.children; const mergedPagination = !children && pagination; const renderEmpty = configProvider.renderEmpty; const locale = getLocale(transferLocale, renderEmpty); const { footer } = slots; const renderItem = props.render || slots.render; const leftActive = targetSelectedKeys.value.length > 0; const rightActive = sourceSelectedKeys.value.length > 0; const cls = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_11__["default"])(prefixCls.value, className, { [`${prefixCls.value}-disabled`]: disabled, [`${prefixCls.value}-customize-list`]: !!children, [`${prefixCls.value}-rtl`]: direction.value === 'rtl' }, (0,_util_statusUtils__WEBPACK_IMPORTED_MODULE_8__.getStatusClassNames)(prefixCls.value, mergedStatus.value, formItemInputContext.hasFeedback), hashId.value); const titles = props.titles; const leftTitle = (_c = (_a = titles && titles[0]) !== null && _a !== void 0 ? _a : (_b = slots.leftTitle) === null || _b === void 0 ? void 0 : _b.call(slots)) !== null && _c !== void 0 ? _c : (locale.titles || ['', ''])[0]; const rightTitle = (_f = (_d = titles && titles[1]) !== null && _d !== void 0 ? _d : (_e = slots.rightTitle) === null || _e === void 0 ? void 0 : _e.call(slots)) !== null && _f !== void 0 ? _f : (locale.titles || ['', ''])[1]; return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, attrs), {}, { "class": cls, "style": style, "id": id }), [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_list__WEBPACK_IMPORTED_MODULE_12__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "key": "leftList", "prefixCls": `${prefixCls.value}-list`, "dataSource": leftDataSource.value, "filterOption": filterOption, "style": handleListStyle(listStyle, 'left'), "checkedKeys": sourceSelectedKeys.value, "handleFilter": handleLeftFilter, "handleClear": handleLeftClear, "onItemSelect": onLeftItemSelect, "onItemSelectAll": onLeftItemSelectAll, "renderItem": renderItem, "showSearch": showSearch, "renderList": children, "onScroll": handleLeftScroll, "disabled": disabled, "direction": direction.value === 'rtl' ? 'right' : 'left', "showSelectAll": showSelectAll, "selectAllLabel": selectAllLabels[0] || slots.leftSelectAllLabel, "pagination": mergedPagination }, locale), { titleText: () => leftTitle, footer }), (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_operation__WEBPACK_IMPORTED_MODULE_13__["default"], { "key": "operation", "class": `${prefixCls.value}-operation`, "rightActive": rightActive, "rightArrowText": operations[0], "moveToRight": moveToRight, "leftActive": leftActive, "leftArrowText": operations[1], "moveToLeft": moveToLeft, "style": operationStyle, "disabled": disabled, "direction": direction.value, "oneWay": oneWay }, null), (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_list__WEBPACK_IMPORTED_MODULE_12__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "key": "rightList", "prefixCls": `${prefixCls.value}-list`, "dataSource": rightDataSource.value, "filterOption": filterOption, "style": handleListStyle(listStyle, 'right'), "checkedKeys": targetSelectedKeys.value, "handleFilter": handleRightFilter, "handleClear": handleRightClear, "onItemSelect": onRightItemSelect, "onItemSelectAll": onRightItemSelectAll, "onItemRemove": onRightItemRemove, "renderItem": renderItem, "showSearch": showSearch, "renderList": children, "onScroll": handleRightScroll, "disabled": disabled, "direction": direction.value === 'rtl' ? 'left' : 'right', "showSelectAll": showSelectAll, "selectAllLabel": selectAllLabels[1] || slots.rightSelectAllLabel, "showRemove": oneWay, "pagination": mergedPagination }, locale), { titleText: () => rightTitle, footer })]); }; return () => wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_locale_provider_LocaleReceiver__WEBPACK_IMPORTED_MODULE_14__["default"], { "componentName": "Transfer", "defaultLocale": _locale_en_US__WEBPACK_IMPORTED_MODULE_15__["default"].Transfer, "children": renderTransfer }, null)); } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_util_type__WEBPACK_IMPORTED_MODULE_3__.withInstall)(Transfer)); /***/ }), /***/ "./components/transfer/list.tsx": /*!**************************************!*\ !*** ./components/transfer/list.tsx ***! \**************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ transferListProps: () => (/* binding */ transferListProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/index.ts"); /* harmony import */ var _ant_design_icons_vue_es_icons_DownOutlined__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/DownOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/DownOutlined.js"); /* harmony import */ var _checkbox__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../checkbox */ "./components/checkbox/index.ts"); /* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../menu */ "./components/menu/index.tsx"); /* harmony import */ var _dropdown__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../dropdown */ "./components/dropdown/index.ts"); /* harmony import */ var _search__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./search */ "./components/transfer/search.tsx"); /* harmony import */ var _ListBody__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./ListBody */ "./components/transfer/ListBody.tsx"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); /* harmony import */ var _util_transKeys__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../_util/transKeys */ "./components/_util/transKeys.ts"); const defaultRender = () => null; function isRenderResultPlainObject(result) { return !!(result && !(0,_util_props_util__WEBPACK_IMPORTED_MODULE_3__.isValidElement)(result) && Object.prototype.toString.call(result) === '[object Object]'); } function getEnabledItemKeys(items) { return items.filter(data => !data.disabled).map(data => data.key); } const transferListProps = { prefixCls: String, dataSource: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.arrayType)([]), filter: String, filterOption: Function, checkedKeys: _util_vue_types__WEBPACK_IMPORTED_MODULE_5__["default"].arrayOf(_util_vue_types__WEBPACK_IMPORTED_MODULE_5__["default"].string), handleFilter: Function, handleClear: Function, renderItem: Function, showSearch: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.booleanType)(false), searchPlaceholder: String, notFoundContent: _util_vue_types__WEBPACK_IMPORTED_MODULE_5__["default"].any, itemUnit: String, itemsUnit: String, renderList: _util_vue_types__WEBPACK_IMPORTED_MODULE_5__["default"].any, disabled: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.booleanType)(), direction: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.stringType)(), showSelectAll: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.booleanType)(), remove: String, selectAll: String, selectCurrent: String, selectInvert: String, removeAll: String, removeCurrent: String, selectAllLabel: _util_vue_types__WEBPACK_IMPORTED_MODULE_5__["default"].any, showRemove: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.booleanType)(), pagination: _util_vue_types__WEBPACK_IMPORTED_MODULE_5__["default"].any, onItemSelect: Function, onItemSelectAll: Function, onItemRemove: Function, onScroll: Function }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'TransferList', inheritAttrs: false, props: transferListProps, // emits: ['scroll', 'itemSelectAll', 'itemRemove', 'itemSelect'], slots: Object, setup(props, _ref) { let { attrs, slots } = _ref; const filterValue = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(''); const transferNode = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(); const defaultListBodyRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(); const renderListBody = (renderList, props) => { let bodyContent = renderList ? renderList(props) : null; const customize = !!bodyContent && (0,_util_props_util__WEBPACK_IMPORTED_MODULE_3__.filterEmpty)(bodyContent).length > 0; if (!customize) { bodyContent = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_ListBody__WEBPACK_IMPORTED_MODULE_6__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])({}, props), {}, { "ref": defaultListBodyRef }), null); } return { customize, bodyContent }; }; const renderItemHtml = item => { const { renderItem = defaultRender } = props; const renderResult = renderItem(item); const isRenderResultPlain = isRenderResultPlainObject(renderResult); return { renderedText: isRenderResultPlain ? renderResult.value : renderResult, renderedEl: isRenderResultPlain ? renderResult.label : renderResult, item }; }; const filteredItems = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)([]); const filteredRenderItems = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)([]); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watchEffect)(() => { const fItems = []; const fRenderItems = []; props.dataSource.forEach(item => { const renderedItem = renderItemHtml(item); const { renderedText } = renderedItem; // Filter skip if (filterValue.value && filterValue.value.trim() && !matchFilter(renderedText, item)) { return null; } fItems.push(item); fRenderItems.push(renderedItem); }); filteredItems.value = fItems; filteredRenderItems.value = fRenderItems; }); const checkStatus = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { const { checkedKeys } = props; if (checkedKeys.length === 0) { return 'none'; } const checkedKeysMap = (0,_util_transKeys__WEBPACK_IMPORTED_MODULE_7__.groupKeysMap)(checkedKeys); if (filteredItems.value.every(item => checkedKeysMap.has(item.key) || !!item.disabled)) { return 'all'; } return 'part'; }); const enabledItemKeys = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { return getEnabledItemKeys(filteredItems.value); }); const getNewSelectKeys = (keys, unCheckedKeys) => { return Array.from(new Set([...keys, ...props.checkedKeys])).filter(key => unCheckedKeys.indexOf(key) === -1); }; const getCheckBox = _ref2 => { let { disabled, prefixCls } = _ref2; var _a; const checkedAll = checkStatus.value === 'all'; const checkAllCheckbox = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_checkbox__WEBPACK_IMPORTED_MODULE_8__["default"], { "disabled": ((_a = props.dataSource) === null || _a === void 0 ? void 0 : _a.length) === 0 || disabled, "checked": checkedAll, "indeterminate": checkStatus.value === 'part', "class": `${prefixCls}-checkbox`, "onChange": () => { // Only select enabled items const keys = enabledItemKeys.value; props.onItemSelectAll(getNewSelectKeys(!checkedAll ? keys : [], checkedAll ? props.checkedKeys : [])); } }, null); return checkAllCheckbox; }; const handleFilter = e => { var _a; const { target: { value: filter } } = e; filterValue.value = filter; (_a = props.handleFilter) === null || _a === void 0 ? void 0 : _a.call(props, e); }; const handleClear = e => { var _a; filterValue.value = ''; (_a = props.handleClear) === null || _a === void 0 ? void 0 : _a.call(props, e); }; const matchFilter = (text, item) => { const { filterOption } = props; if (filterOption) { return filterOption(filterValue.value, item); } return text.includes(filterValue.value); }; const getSelectAllLabel = (selectedCount, totalCount) => { const { itemsUnit, itemUnit, selectAllLabel } = props; if (selectAllLabel) { return typeof selectAllLabel === 'function' ? selectAllLabel({ selectedCount, totalCount }) : selectAllLabel; } const unit = totalCount > 1 ? itemsUnit : itemUnit; return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_2__.Fragment, null, [(selectedCount > 0 ? `${selectedCount}/` : '') + totalCount, (0,vue__WEBPACK_IMPORTED_MODULE_2__.createTextVNode)(" "), unit]); }; const notFoundContentEle = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => Array.isArray(props.notFoundContent) ? props.notFoundContent[props.direction === 'left' ? 0 : 1] : props.notFoundContent); const getListBody = (prefixCls, searchPlaceholder, checkedKeys, renderList, showSearch, disabled) => { const search = showSearch ? (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": `${prefixCls}-body-search-wrapper` }, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_search__WEBPACK_IMPORTED_MODULE_9__["default"], { "prefixCls": `${prefixCls}-search`, "onChange": handleFilter, "handleClear": handleClear, "placeholder": searchPlaceholder, "value": filterValue.value, "disabled": disabled }, null)]) : null; let bodyNode; const { onEvents } = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_3__.splitAttrs)(attrs); const { bodyContent, customize } = renderListBody(renderList, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props), { filteredItems: filteredItems.value, filteredRenderItems: filteredRenderItems.value, selectedKeys: checkedKeys }), onEvents)); // We should wrap customize list body in a classNamed div to use flex layout. if (customize) { bodyNode = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": `${prefixCls}-body-customize-wrapper` }, [bodyContent]); } else { bodyNode = filteredItems.value.length ? bodyContent : (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": `${prefixCls}-body-not-found` }, [notFoundContentEle.value]); } return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": showSearch ? `${prefixCls}-body ${prefixCls}-body-with-search` : `${prefixCls}-body`, "ref": transferNode }, [search, bodyNode]); }; return () => { var _a, _b; const { prefixCls, checkedKeys, disabled, showSearch, searchPlaceholder, selectAll, selectCurrent, selectInvert, removeAll, removeCurrent, renderList, onItemSelectAll, onItemRemove, showSelectAll = true, showRemove, pagination } = props; // Custom Layout const footerDom = (_a = slots.footer) === null || _a === void 0 ? void 0 : _a.call(slots, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props)); const listCls = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_10__["default"])(prefixCls, { [`${prefixCls}-with-pagination`]: !!pagination, [`${prefixCls}-with-footer`]: !!footerDom }); // ================================= List Body ================================= const listBody = getListBody(prefixCls, searchPlaceholder, checkedKeys, renderList, showSearch, disabled); const listFooter = footerDom ? (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": `${prefixCls}-footer` }, [footerDom]) : null; const checkAllCheckbox = !showRemove && !pagination && getCheckBox({ disabled, prefixCls }); let menu = null; if (showRemove) { menu = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_menu__WEBPACK_IMPORTED_MODULE_11__["default"], null, { default: () => [pagination && (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_menu__WEBPACK_IMPORTED_MODULE_11__["default"].Item, { "key": "removeCurrent", "onClick": () => { const pageKeys = getEnabledItemKeys((defaultListBodyRef.value.items || []).map(entity => entity.item)); onItemRemove === null || onItemRemove === void 0 ? void 0 : onItemRemove(pageKeys); } }, { default: () => [removeCurrent] }), (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_menu__WEBPACK_IMPORTED_MODULE_11__["default"].Item, { "key": "removeAll", "onClick": () => { onItemRemove === null || onItemRemove === void 0 ? void 0 : onItemRemove(enabledItemKeys.value); } }, { default: () => [removeAll] })] }); } else { menu = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_menu__WEBPACK_IMPORTED_MODULE_11__["default"], null, { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_menu__WEBPACK_IMPORTED_MODULE_11__["default"].Item, { "key": "selectAll", "onClick": () => { const keys = enabledItemKeys.value; onItemSelectAll(getNewSelectKeys(keys, [])); } }, { default: () => [selectAll] }), pagination && (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_menu__WEBPACK_IMPORTED_MODULE_11__["default"].Item, { "onClick": () => { const pageKeys = getEnabledItemKeys((defaultListBodyRef.value.items || []).map(entity => entity.item)); onItemSelectAll(getNewSelectKeys(pageKeys, [])); } }, { default: () => [selectCurrent] }), (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_menu__WEBPACK_IMPORTED_MODULE_11__["default"].Item, { "key": "selectInvert", "onClick": () => { let availableKeys; if (pagination) { availableKeys = getEnabledItemKeys((defaultListBodyRef.value.items || []).map(entity => entity.item)); } else { availableKeys = enabledItemKeys.value; } const checkedKeySet = new Set(checkedKeys); const newCheckedKeys = []; const newUnCheckedKeys = []; availableKeys.forEach(key => { if (checkedKeySet.has(key)) { newUnCheckedKeys.push(key); } else { newCheckedKeys.push(key); } }); onItemSelectAll(getNewSelectKeys(newCheckedKeys, newUnCheckedKeys)); } }, { default: () => [selectInvert] })] }); } const dropdown = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_dropdown__WEBPACK_IMPORTED_MODULE_12__["default"], { "class": `${prefixCls}-header-dropdown`, "overlay": menu, "disabled": disabled }, { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_ant_design_icons_vue_es_icons_DownOutlined__WEBPACK_IMPORTED_MODULE_13__["default"], null, null)] }); return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": listCls, "style": attrs.style }, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": `${prefixCls}-header` }, [showSelectAll ? (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_2__.Fragment, null, [checkAllCheckbox, dropdown]) : null, (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", { "class": `${prefixCls}-header-selected` }, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", null, [getSelectAllLabel(checkedKeys.length, filteredItems.value.length)]), (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", { "class": `${prefixCls}-header-title` }, [(_b = slots.titleText) === null || _b === void 0 ? void 0 : _b.call(slots)])])]), listBody, listFooter]); }; } })); /***/ }), /***/ "./components/transfer/operation.tsx": /*!*******************************************!*\ !*** ./components/transfer/operation.tsx ***! \*******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_vue_es_icons_LeftOutlined__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/LeftOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/LeftOutlined.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_RightOutlined__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/RightOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/RightOutlined.js"); /* harmony import */ var _button__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../button */ "./components/button/index.ts"); function noop() {} const Operation = props => { const { disabled, moveToLeft = noop, moveToRight = noop, leftArrowText = '', rightArrowText = '', leftActive, rightActive, class: className, style, direction, oneWay } = props; return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", { "class": className, "style": style }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_button__WEBPACK_IMPORTED_MODULE_1__["default"], { "type": "primary", "size": "small", "disabled": disabled || !rightActive, "onClick": moveToRight, "icon": direction !== 'rtl' ? (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_ant_design_icons_vue_es_icons_RightOutlined__WEBPACK_IMPORTED_MODULE_2__["default"], null, null) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_ant_design_icons_vue_es_icons_LeftOutlined__WEBPACK_IMPORTED_MODULE_3__["default"], null, null) }, { default: () => [rightArrowText] }), !oneWay && (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_button__WEBPACK_IMPORTED_MODULE_1__["default"], { "type": "primary", "size": "small", "disabled": disabled || !leftActive, "onClick": moveToLeft, "icon": direction !== 'rtl' ? (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_ant_design_icons_vue_es_icons_LeftOutlined__WEBPACK_IMPORTED_MODULE_3__["default"], null, null) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_ant_design_icons_vue_es_icons_RightOutlined__WEBPACK_IMPORTED_MODULE_2__["default"], null, null) }, { default: () => [leftArrowText] })]); }; Operation.displayName = 'Operation'; Operation.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Operation); /***/ }), /***/ "./components/transfer/search.tsx": /*!****************************************!*\ !*** ./components/transfer/search.tsx ***! \****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ transferSearchProps: () => (/* binding */ transferSearchProps) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_props_util_initDefaultProps__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../_util/props-util/initDefaultProps */ "./components/_util/props-util/initDefaultProps.ts"); /* harmony import */ var _ant_design_icons_vue_es_icons_SearchOutlined__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/SearchOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/SearchOutlined.js"); /* harmony import */ var _input__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../input */ "./components/input/index.ts"); const transferSearchProps = { prefixCls: String, placeholder: String, value: String, handleClear: Function, disabled: { type: Boolean, default: undefined }, onChange: Function }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'Search', inheritAttrs: false, props: (0,_util_props_util_initDefaultProps__WEBPACK_IMPORTED_MODULE_1__["default"])(transferSearchProps, { placeholder: '' }), emits: ['change'], setup(props, _ref) { let { emit } = _ref; const handleChange = e => { var _a; emit('change', e); if (e.target.value === '') { (_a = props.handleClear) === null || _a === void 0 ? void 0 : _a.call(props); } }; return () => { const { placeholder, value, prefixCls, disabled } = props; return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_input__WEBPACK_IMPORTED_MODULE_2__["default"], { "placeholder": placeholder, "class": prefixCls, "value": value, "onChange": handleChange, "disabled": disabled, "allowClear": true }, { prefix: () => (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_ant_design_icons_vue_es_icons_SearchOutlined__WEBPACK_IMPORTED_MODULE_3__["default"], null, null) }); }; } })); /***/ }), /***/ "./components/transfer/style/index.tsx": /*!*********************************************!*\ !*** ./components/transfer/style/index.tsx ***! \*********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/genComponentStyleHook.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/statistic.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../style */ "./components/style/index.ts"); const genTransferCustomizeStyle = token => { const { antCls, componentCls, listHeight, controlHeightLG, marginXXS, margin } = token; const tableCls = `${antCls}-table`; const inputCls = `${antCls}-input`; return { [`${componentCls}-customize-list`]: { [`${componentCls}-list`]: { flex: '1 1 50%', width: 'auto', height: 'auto', minHeight: listHeight }, // =================== Hook Components =================== [`${tableCls}-wrapper`]: { [`${tableCls}-small`]: { border: 0, borderRadius: 0, [`${tableCls}-selection-column`]: { width: controlHeightLG, minWidth: controlHeightLG } }, [`${tableCls}-pagination${tableCls}-pagination`]: { margin: `${margin}px 0 ${marginXXS}px` } }, [`${inputCls}[disabled]`]: { backgroundColor: 'transparent' } } }; }; const genTransferStatusColor = (token, color) => { const { componentCls, colorBorder } = token; return { [`${componentCls}-list`]: { borderColor: color, '&-search:not([disabled])': { borderColor: colorBorder } } }; }; const genTransferStatusStyle = token => { const { componentCls } = token; return { [`${componentCls}-status-error`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, genTransferStatusColor(token, token.colorError)), [`${componentCls}-status-warning`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, genTransferStatusColor(token, token.colorWarning)) }; }; const genTransferListStyle = token => { const { componentCls, colorBorder, colorSplit, lineWidth, transferItemHeight, transferHeaderHeight, transferHeaderVerticalPadding, transferItemPaddingVertical, controlItemBgActive, controlItemBgActiveHover, colorTextDisabled, listHeight, listWidth, listWidthLG, fontSizeIcon, marginXS, paddingSM, lineType, iconCls, motionDurationSlow } = token; return { display: 'flex', flexDirection: 'column', width: listWidth, height: listHeight, border: `${lineWidth}px ${lineType} ${colorBorder}`, borderRadius: token.borderRadiusLG, '&-with-pagination': { width: listWidthLG, height: 'auto' }, '&-search': { [`${iconCls}-search`]: { color: colorTextDisabled } }, '&-header': { display: 'flex', flex: 'none', alignItems: 'center', height: transferHeaderHeight, // border-top is on the transfer dom. We should minus 1px for this padding: `${transferHeaderVerticalPadding - lineWidth}px ${paddingSM}px ${transferHeaderVerticalPadding}px`, color: token.colorText, background: token.colorBgContainer, borderBottom: `${lineWidth}px ${lineType} ${colorSplit}`, borderRadius: `${token.borderRadiusLG}px ${token.borderRadiusLG}px 0 0`, '> *:not(:last-child)': { marginInlineEnd: 4 // This is magic and fixed number, DO NOT use token since it may change. }, '> *': { flex: 'none' }, '&-title': (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, _style__WEBPACK_IMPORTED_MODULE_1__.textEllipsis), { flex: 'auto', textAlign: 'end' }), '&-dropdown': (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_1__.resetIcon)()), { fontSize: fontSizeIcon, transform: 'translateY(10%)', cursor: 'pointer', '&[disabled]': { cursor: 'not-allowed' } }) }, '&-body': { display: 'flex', flex: 'auto', flexDirection: 'column', overflow: 'hidden', fontSize: token.fontSize, '&-search-wrapper': { position: 'relative', flex: 'none', padding: paddingSM } }, '&-content': { flex: 'auto', margin: 0, padding: 0, overflow: 'auto', listStyle: 'none', '&-item': { display: 'flex', alignItems: 'center', minHeight: transferItemHeight, padding: `${transferItemPaddingVertical}px ${paddingSM}px`, transition: `all ${motionDurationSlow}`, '> *:not(:last-child)': { marginInlineEnd: marginXS }, '> *': { flex: 'none' }, '&-text': (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, _style__WEBPACK_IMPORTED_MODULE_1__.textEllipsis), { flex: 'auto' }), '&-remove': { position: 'relative', color: colorBorder, cursor: 'pointer', transition: `all ${motionDurationSlow}`, '&:hover': { color: token.colorLinkHover }, '&::after': { position: 'absolute', insert: `-${transferItemPaddingVertical}px -50%`, content: '""' } }, [`&:not(${componentCls}-list-content-item-disabled)`]: { '&:hover': { backgroundColor: token.controlItemBgHover, cursor: 'pointer' }, [`&${componentCls}-list-content-item-checked:hover`]: { backgroundColor: controlItemBgActiveHover } }, '&-checked': { backgroundColor: controlItemBgActive }, '&-disabled': { color: colorTextDisabled, cursor: 'not-allowed' } }, // Do not change hover style when `oneWay` mode [`&-show-remove ${componentCls}-list-content-item:not(${componentCls}-list-content-item-disabled):hover`]: { background: 'transparent', cursor: 'default' } }, '&-pagination': { padding: `${token.paddingXS}px 0`, textAlign: 'end', borderTop: `${lineWidth}px ${lineType} ${colorSplit}` }, '&-body-not-found': { flex: 'none', width: '100%', margin: 'auto 0', color: colorTextDisabled, textAlign: 'center' }, '&-footer': { borderTop: `${lineWidth}px ${lineType} ${colorSplit}` }, '&-checkbox': { lineHeight: 1 } }; }; const genTransferStyle = token => { const { antCls, iconCls, componentCls, transferHeaderHeight, marginXS, marginXXS, fontSizeIcon, fontSize, lineHeight } = token; return { [componentCls]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_1__.resetComponent)(token)), { position: 'relative', display: 'flex', alignItems: 'stretch', [`${componentCls}-disabled`]: { [`${componentCls}-list`]: { background: token.colorBgContainerDisabled } }, [`${componentCls}-list`]: genTransferListStyle(token), [`${componentCls}-operation`]: { display: 'flex', flex: 'none', flexDirection: 'column', alignSelf: 'center', margin: `0 ${marginXS}px`, verticalAlign: 'middle', [`${antCls}-btn`]: { display: 'block', '&:first-child': { marginBottom: marginXXS }, [iconCls]: { fontSize: fontSizeIcon } } }, [`${antCls}-empty-image`]: { maxHeight: transferHeaderHeight / 2 - Math.round(fontSize * lineHeight) } }) }; }; const genTransferRTLStyle = token => { const { componentCls } = token; return { [`${componentCls}-rtl`]: { direction: 'rtl' } }; }; // ============================== Export ============================== /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_theme_internal__WEBPACK_IMPORTED_MODULE_2__["default"])('Transfer', token => { const { fontSize, lineHeight, lineWidth, controlHeightLG, controlHeight } = token; const fontHeight = Math.round(fontSize * lineHeight); const transferHeaderHeight = controlHeightLG; const transferItemHeight = controlHeight; const transferToken = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_3__.merge)(token, { transferItemHeight, transferHeaderHeight, transferHeaderVerticalPadding: Math.ceil((transferHeaderHeight - lineWidth - fontHeight) / 2), transferItemPaddingVertical: (transferItemHeight - fontHeight) / 2 }); return [genTransferStyle(transferToken), genTransferCustomizeStyle(transferToken), genTransferStatusStyle(transferToken), genTransferRTLStyle(transferToken)]; }, { listWidth: 180, listHeight: 200, listWidthLG: 250 })); /***/ }), /***/ "./components/tree-select/index.tsx": /*!******************************************!*\ !*** ./components/tree-select/index.tsx ***! \******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ TreeSelectNode: () => (/* binding */ TreeSelectNode), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ treeSelectProps: () => (/* binding */ treeSelectProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _vc_tree_select__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../vc-tree-select */ "./components/vc-tree-select/TreeSelect.tsx"); /* harmony import */ var _vc_tree_select__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../vc-tree-select */ "./components/vc-tree-select/index.tsx"); /* harmony import */ var _vc_tree_select__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../vc-tree-select */ "./components/vc-tree-select/TreeNode.tsx"); /* harmony import */ var _vc_tree_select__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ../vc-tree-select */ "./components/vc-tree-select/utils/strategyUtil.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _util_props_util_initDefaultProps__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../_util/props-util/initDefaultProps */ "./components/_util/props-util/initDefaultProps.ts"); /* harmony import */ var _util_omit__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/omit */ "./components/_util/omit.ts"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _vc_util_devWarning__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../vc-util/devWarning */ "./components/vc-util/devWarning.ts"); /* harmony import */ var _select_utils_iconUtil__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../select/utils/iconUtil */ "./components/select/utils/iconUtil.tsx"); /* harmony import */ var _tree_utils_iconUtil__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../tree/utils/iconUtil */ "./components/tree/utils/iconUtil.tsx"); /* harmony import */ var _vc_util_warning__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../vc-util/warning */ "./components/vc-util/warning.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/index.ts"); /* harmony import */ var _form_FormItemContext__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../form/FormItemContext */ "./components/form/FormItemContext.ts"); /* harmony import */ var _util_transition__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../_util/transition */ "./components/_util/transition.tsx"); /* harmony import */ var _util_statusUtils__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../_util/statusUtils */ "./components/_util/statusUtils.tsx"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); /* harmony import */ var _select_style__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../select/style */ "./components/select/style/index.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./style */ "./components/tree-select/style/index.tsx"); /* harmony import */ var _space_Compact__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../space/Compact */ "./components/space/Compact.tsx"); /* harmony import */ var _config_provider_DisabledContext__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../config-provider/DisabledContext */ "./components/config-provider/DisabledContext.ts"); // CSSINJS const getTransitionName = (rootPrefixCls, motion, transitionName) => { if (transitionName !== undefined) { return transitionName; } return `${rootPrefixCls}-${motion}`; }; function treeSelectProps() { return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, (0,_util_omit__WEBPACK_IMPORTED_MODULE_3__["default"])((0,_vc_tree_select__WEBPACK_IMPORTED_MODULE_4__.treeSelectProps)(), ['showTreeIcon', 'treeMotion', 'inputIcon', 'getInputElement', 'treeLine', 'customSlots'])), { suffixIcon: _util_vue_types__WEBPACK_IMPORTED_MODULE_5__["default"].any, size: (0,_util_type__WEBPACK_IMPORTED_MODULE_6__.stringType)(), bordered: (0,_util_type__WEBPACK_IMPORTED_MODULE_6__.booleanType)(), treeLine: (0,_util_type__WEBPACK_IMPORTED_MODULE_6__.someType)([Boolean, Object]), replaceFields: (0,_util_type__WEBPACK_IMPORTED_MODULE_6__.objectType)(), placement: (0,_util_type__WEBPACK_IMPORTED_MODULE_6__.stringType)(), status: (0,_util_type__WEBPACK_IMPORTED_MODULE_6__.stringType)(), popupClassName: String, /** @deprecated Please use `popupClassName` instead */ dropdownClassName: String, 'onUpdate:value': (0,_util_type__WEBPACK_IMPORTED_MODULE_6__.functionType)(), 'onUpdate:treeExpandedKeys': (0,_util_type__WEBPACK_IMPORTED_MODULE_6__.functionType)(), 'onUpdate:searchValue': (0,_util_type__WEBPACK_IMPORTED_MODULE_6__.functionType)() }); } const TreeSelect = (0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'ATreeSelect', inheritAttrs: false, props: (0,_util_props_util_initDefaultProps__WEBPACK_IMPORTED_MODULE_7__["default"])(treeSelectProps(), { choiceTransitionName: '', listHeight: 256, treeIcon: false, listItemHeight: 26, bordered: true }), slots: Object, setup(props, _ref) { let { attrs, slots, expose, emit } = _ref; (0,_vc_util_warning__WEBPACK_IMPORTED_MODULE_8__.warning)(!(props.treeData === undefined && slots.default), '`children` of TreeSelect is deprecated. Please use `treeData` instead.'); (0,_vc_util_devWarning__WEBPACK_IMPORTED_MODULE_9__["default"])(props.multiple !== false || !props.treeCheckable, 'TreeSelect', '`multiple` will always be `true` when `treeCheckable` is true'); (0,_vc_util_devWarning__WEBPACK_IMPORTED_MODULE_9__["default"])(props.replaceFields === undefined, 'TreeSelect', '`replaceFields` is deprecated, please use fieldNames instead'); (0,_vc_util_devWarning__WEBPACK_IMPORTED_MODULE_9__["default"])(!props.dropdownClassName, 'TreeSelect', '`dropdownClassName` is deprecated. Please use `popupClassName` instead.'); const formItemContext = (0,_form_FormItemContext__WEBPACK_IMPORTED_MODULE_10__.useInjectFormItemContext)(); const formItemInputContext = _form_FormItemContext__WEBPACK_IMPORTED_MODULE_10__.FormItemInputContext.useInject(); const mergedStatus = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => (0,_util_statusUtils__WEBPACK_IMPORTED_MODULE_11__.getMergedStatus)(formItemInputContext.status, props.status)); const { prefixCls, renderEmpty, direction, virtual, dropdownMatchSelectWidth, size: contextSize, getPopupContainer, getPrefixCls, disabled } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_12__["default"])('select', props); const { compactSize, compactItemClassnames } = (0,_space_Compact__WEBPACK_IMPORTED_MODULE_13__.useCompactItemContext)(prefixCls, direction); const mergedSize = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => compactSize.value || contextSize.value); const contextDisabled = (0,_config_provider_DisabledContext__WEBPACK_IMPORTED_MODULE_14__.useInjectDisabled)(); const mergedDisabled = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { var _a; return (_a = disabled.value) !== null && _a !== void 0 ? _a : contextDisabled.value; }); const rootPrefixCls = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => getPrefixCls()); // ===================== Placement ===================== const placement = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { if (props.placement !== undefined) { return props.placement; } return direction.value === 'rtl' ? 'bottomRight' : 'bottomLeft'; }); const transitionName = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => getTransitionName(rootPrefixCls.value, (0,_util_transition__WEBPACK_IMPORTED_MODULE_15__.getTransitionDirection)(placement.value), props.transitionName)); const choiceTransitionName = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => getTransitionName(rootPrefixCls.value, '', props.choiceTransitionName)); const treePrefixCls = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => getPrefixCls('select-tree', props.prefixCls)); const treeSelectPrefixCls = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => getPrefixCls('tree-select', props.prefixCls)); // style const [wrapSelectSSR, hashId] = (0,_select_style__WEBPACK_IMPORTED_MODULE_16__["default"])(prefixCls); const [wrapTreeSelectSSR] = (0,_style__WEBPACK_IMPORTED_MODULE_17__["default"])(treeSelectPrefixCls, treePrefixCls); const mergedDropdownClassName = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => (0,_util_classNames__WEBPACK_IMPORTED_MODULE_18__["default"])(props.popupClassName || props.dropdownClassName, `${treeSelectPrefixCls.value}-dropdown`, { [`${treeSelectPrefixCls.value}-dropdown-rtl`]: direction.value === 'rtl' }, hashId.value)); const isMultiple = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => !!(props.treeCheckable || props.multiple)); const mergedShowArrow = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.showArrow !== undefined ? props.showArrow : props.loading || !isMultiple.value); const treeSelectRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(); expose({ focus() { var _a, _b; (_b = (_a = treeSelectRef.value).focus) === null || _b === void 0 ? void 0 : _b.call(_a); }, blur() { var _a, _b; (_b = (_a = treeSelectRef.value).blur) === null || _b === void 0 ? void 0 : _b.call(_a); } }); const handleChange = function () { for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) { args[_key] = arguments[_key]; } emit('update:value', args[0]); emit('change', ...args); formItemContext.onFieldChange(); }; const handleTreeExpand = keys => { emit('update:treeExpandedKeys', keys); emit('treeExpand', keys); }; const handleSearch = value => { emit('update:searchValue', value); emit('search', value); }; const handleBlur = e => { emit('blur', e); formItemContext.onFieldBlur(); }; return () => { var _a, _b, _c; const { notFoundContent = (_a = slots.notFoundContent) === null || _a === void 0 ? void 0 : _a.call(slots), prefixCls: customizePrefixCls, bordered, listHeight, listItemHeight, multiple, treeIcon, treeLine, showArrow, switcherIcon = (_b = slots.switcherIcon) === null || _b === void 0 ? void 0 : _b.call(slots), fieldNames = props.replaceFields, id = formItemContext.id.value, placeholder = (_c = slots.placeholder) === null || _c === void 0 ? void 0 : _c.call(slots) } = props; const { isFormItemInput, hasFeedback, feedbackIcon } = formItemInputContext; // ===================== Icons ===================== const { suffixIcon, removeIcon, clearIcon } = (0,_select_utils_iconUtil__WEBPACK_IMPORTED_MODULE_19__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, props), { multiple: isMultiple.value, showArrow: mergedShowArrow.value, hasFeedback, feedbackIcon, prefixCls: prefixCls.value }), slots); // ===================== Empty ===================== let mergedNotFound; if (notFoundContent !== undefined) { mergedNotFound = notFoundContent; } else { mergedNotFound = renderEmpty('Select'); } // ==================== Render ===================== const selectProps = (0,_util_omit__WEBPACK_IMPORTED_MODULE_3__["default"])(props, ['suffixIcon', 'itemIcon', 'removeIcon', 'clearIcon', 'switcherIcon', 'bordered', 'status', 'onUpdate:value', 'onUpdate:treeExpandedKeys', 'onUpdate:searchValue']); const mergedClassName = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_18__["default"])(!customizePrefixCls && treeSelectPrefixCls.value, { [`${prefixCls.value}-lg`]: mergedSize.value === 'large', [`${prefixCls.value}-sm`]: mergedSize.value === 'small', [`${prefixCls.value}-rtl`]: direction.value === 'rtl', [`${prefixCls.value}-borderless`]: !bordered, [`${prefixCls.value}-in-form-item`]: isFormItemInput }, (0,_util_statusUtils__WEBPACK_IMPORTED_MODULE_11__.getStatusClassNames)(prefixCls.value, mergedStatus.value, hasFeedback), compactItemClassnames.value, attrs.class, hashId.value); const otherProps = {}; if (props.treeData === undefined && slots.default) { otherProps.children = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_20__.flattenChildren)(slots.default()); } return wrapSelectSSR(wrapTreeSelectSSR((0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_vc_tree_select__WEBPACK_IMPORTED_MODULE_21__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, attrs), selectProps), {}, { "disabled": mergedDisabled.value, "virtual": virtual.value, "dropdownMatchSelectWidth": dropdownMatchSelectWidth.value, "id": id, "fieldNames": fieldNames, "ref": treeSelectRef, "prefixCls": prefixCls.value, "class": mergedClassName, "listHeight": listHeight, "listItemHeight": listItemHeight, "treeLine": !!treeLine, "inputIcon": suffixIcon, "multiple": multiple, "removeIcon": removeIcon, "clearIcon": clearIcon, "switcherIcon": nodeProps => (0,_tree_utils_iconUtil__WEBPACK_IMPORTED_MODULE_22__["default"])(treePrefixCls.value, switcherIcon, nodeProps, slots.leafIcon, treeLine), "showTreeIcon": treeIcon, "notFoundContent": mergedNotFound, "getPopupContainer": getPopupContainer === null || getPopupContainer === void 0 ? void 0 : getPopupContainer.value, "treeMotion": null, "dropdownClassName": mergedDropdownClassName.value, "choiceTransitionName": choiceTransitionName.value, "onChange": handleChange, "onBlur": handleBlur, "onSearch": handleSearch, "onTreeExpand": handleTreeExpand }, otherProps), {}, { "transitionName": transitionName.value, "customSlots": (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, slots), { treeCheckable: () => (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", { "class": `${prefixCls.value}-tree-checkbox-inner` }, null) }), "maxTagPlaceholder": props.maxTagPlaceholder || slots.maxTagPlaceholder, "placement": placement.value, "showArrow": hasFeedback || showArrow, "placeholder": placeholder }), (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, slots), { treeCheckable: () => (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", { "class": `${prefixCls.value}-tree-checkbox-inner` }, null) })))); }; } }); /* istanbul ignore next */ const TreeSelectNode = _vc_tree_select__WEBPACK_IMPORTED_MODULE_23__["default"]; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])(TreeSelect, { TreeNode: _vc_tree_select__WEBPACK_IMPORTED_MODULE_23__["default"], SHOW_ALL: _vc_tree_select__WEBPACK_IMPORTED_MODULE_24__.SHOW_ALL, SHOW_PARENT: _vc_tree_select__WEBPACK_IMPORTED_MODULE_24__.SHOW_PARENT, SHOW_CHILD: _vc_tree_select__WEBPACK_IMPORTED_MODULE_24__.SHOW_CHILD, install: app => { app.component(TreeSelect.name, TreeSelect); app.component(TreeSelectNode.displayName, TreeSelectNode); return app; } })); /***/ }), /***/ "./components/tree-select/style/index.tsx": /*!************************************************!*\ !*** ./components/tree-select/style/index.tsx ***! \************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ useTreeSelectStyle) /* harmony export */ }); /* harmony import */ var _checkbox_style__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../checkbox/style */ "./components/checkbox/style/index.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/statistic.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/genComponentStyleHook.ts"); /* harmony import */ var _tree_style__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../tree/style */ "./components/tree/style/index.ts"); // =============================== Base =============================== const genBaseStyle = token => { const { componentCls, treePrefixCls, colorBgElevated } = token; const treeCls = `.${treePrefixCls}`; return [ // ====================================================== // == Dropdown == // ====================================================== { [`${componentCls}-dropdown`]: [{ padding: `${token.paddingXS}px ${token.paddingXS / 2}px` }, // ====================== Tree ====================== (0,_tree_style__WEBPACK_IMPORTED_MODULE_0__.genTreeStyle)(treePrefixCls, (0,_theme_internal__WEBPACK_IMPORTED_MODULE_1__.merge)(token, { colorBgContainer: colorBgElevated })), { [treeCls]: { borderRadius: 0, '&-list-holder-inner': { alignItems: 'stretch', [`${treeCls}-treenode`]: { [`${treeCls}-node-content-wrapper`]: { flex: 'auto' } } } } }, // ==================== Checkbox ==================== (0,_checkbox_style__WEBPACK_IMPORTED_MODULE_2__.getStyle)(`${treePrefixCls}-checkbox`, token), // ====================== RTL ======================= { '&-rtl': { direction: 'rtl', [`${treeCls}-switcher${treeCls}-switcher_close`]: { [`${treeCls}-switcher-icon svg`]: { transform: 'rotate(90deg)' } } } }] }]; }; // ============================== Export ============================== function useTreeSelectStyle(prefixCls, treePrefixCls) { return (0,_theme_internal__WEBPACK_IMPORTED_MODULE_3__["default"])('TreeSelect', token => { const treeSelectToken = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_1__.merge)(token, { treePrefixCls: treePrefixCls.value }); return [genBaseStyle(treeSelectToken)]; })(prefixCls); } /***/ }), /***/ "./components/tree/DirectoryTree.tsx": /*!*******************************************!*\ !*** ./components/tree/DirectoryTree.tsx ***! \*******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ directoryTreeProps: () => (/* binding */ directoryTreeProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var lodash_es_debounce__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! lodash-es/debounce */ "./node_modules/lodash-es/debounce.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_FolderOpenOutlined__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/FolderOpenOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/FolderOpenOutlined.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_FolderOutlined__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/FolderOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/FolderOutlined.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_FileOutlined__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/FileOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/FileOutlined.js"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _Tree__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Tree */ "./components/tree/Tree.tsx"); /* harmony import */ var _util_props_util_initDefaultProps__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../_util/props-util/initDefaultProps */ "./components/_util/props-util/initDefaultProps.ts"); /* harmony import */ var _vc_tree_utils_treeUtil__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../vc-tree/utils/treeUtil */ "./components/vc-tree/utils/treeUtil.ts"); /* harmony import */ var _vc_tree_util__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../vc-tree/util */ "./components/vc-tree/util.tsx"); /* harmony import */ var _utils_dictUtil__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./utils/dictUtil */ "./components/tree/utils/dictUtil.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/index.ts"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); var __rest = undefined && undefined.__rest || function (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; }; const directoryTreeProps = () => (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, (0,_Tree__WEBPACK_IMPORTED_MODULE_3__.treeProps)()), { expandAction: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.someType)([Boolean, String]) }); function getIcon(props) { const { isLeaf, expanded } = props; if (isLeaf) { return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_ant_design_icons_vue_es_icons_FileOutlined__WEBPACK_IMPORTED_MODULE_5__["default"], null, null); } return expanded ? (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_ant_design_icons_vue_es_icons_FolderOpenOutlined__WEBPACK_IMPORTED_MODULE_6__["default"], null, null) : (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_ant_design_icons_vue_es_icons_FolderOutlined__WEBPACK_IMPORTED_MODULE_7__["default"], null, null); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'ADirectoryTree', inheritAttrs: false, props: (0,_util_props_util_initDefaultProps__WEBPACK_IMPORTED_MODULE_8__["default"])(directoryTreeProps(), { showIcon: true, expandAction: 'click' }), slots: Object, // emits: [ // 'update:selectedKeys', // 'update:checkedKeys', // 'update:expandedKeys', // 'expand', // 'select', // 'check', // 'doubleclick', // 'dblclick', // 'click', // ], setup(props, _ref) { let { attrs, slots, emit, expose } = _ref; var _a; // convertTreeToData 兼容 a-tree-node 历史写法,未来a-tree-node移除后,删除相关代码,不要再render中调用 treeData,否则死循环 const treeData = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(props.treeData || (0,_vc_tree_utils_treeUtil__WEBPACK_IMPORTED_MODULE_9__.convertTreeToData)((0,_util_props_util__WEBPACK_IMPORTED_MODULE_10__.filterEmpty)((_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)))); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)(() => props.treeData, () => { treeData.value = props.treeData; }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.onUpdated)(() => { (0,vue__WEBPACK_IMPORTED_MODULE_2__.nextTick)(() => { var _a; if (props.treeData === undefined && slots.default) { treeData.value = (0,_vc_tree_utils_treeUtil__WEBPACK_IMPORTED_MODULE_9__.convertTreeToData)((0,_util_props_util__WEBPACK_IMPORTED_MODULE_10__.filterEmpty)((_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots))); } }); }); // Shift click usage const lastSelectedKey = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(); const cachedSelectedKeys = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(); const fieldNames = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => (0,_vc_tree_utils_treeUtil__WEBPACK_IMPORTED_MODULE_9__.fillFieldNames)(props.fieldNames)); const treeRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(); const scrollTo = scroll => { var _a; (_a = treeRef.value) === null || _a === void 0 ? void 0 : _a.scrollTo(scroll); }; expose({ scrollTo, selectedKeys: (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { var _a; return (_a = treeRef.value) === null || _a === void 0 ? void 0 : _a.selectedKeys; }), checkedKeys: (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { var _a; return (_a = treeRef.value) === null || _a === void 0 ? void 0 : _a.checkedKeys; }), halfCheckedKeys: (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { var _a; return (_a = treeRef.value) === null || _a === void 0 ? void 0 : _a.halfCheckedKeys; }), loadedKeys: (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { var _a; return (_a = treeRef.value) === null || _a === void 0 ? void 0 : _a.loadedKeys; }), loadingKeys: (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { var _a; return (_a = treeRef.value) === null || _a === void 0 ? void 0 : _a.loadingKeys; }), expandedKeys: (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { var _a; return (_a = treeRef.value) === null || _a === void 0 ? void 0 : _a.expandedKeys; }) }); const getInitExpandedKeys = () => { const { keyEntities } = (0,_vc_tree_utils_treeUtil__WEBPACK_IMPORTED_MODULE_9__.convertDataToEntities)(treeData.value, { fieldNames: fieldNames.value }); let initExpandedKeys; // Expanded keys if (props.defaultExpandAll) { initExpandedKeys = Object.keys(keyEntities); } else if (props.defaultExpandParent) { initExpandedKeys = (0,_vc_tree_util__WEBPACK_IMPORTED_MODULE_11__.conductExpandParent)(props.expandedKeys || props.defaultExpandedKeys || [], keyEntities); } else { initExpandedKeys = props.expandedKeys || props.defaultExpandedKeys; } return initExpandedKeys; }; const selectedKeys = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(props.selectedKeys || props.defaultSelectedKeys || []); const expandedKeys = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(getInitExpandedKeys()); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)(() => props.selectedKeys, () => { if (props.selectedKeys !== undefined) { selectedKeys.value = props.selectedKeys; } }, { immediate: true }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)(() => props.expandedKeys, () => { if (props.expandedKeys !== undefined) { expandedKeys.value = props.expandedKeys; } }, { immediate: true }); const expandFolderNode = (event, node) => { const { isLeaf } = node; if (isLeaf || event.shiftKey || event.metaKey || event.ctrlKey) { return; } // Call internal rc-tree expand function // https://github.com/ant-design/ant-design/issues/12567 treeRef.value.onNodeExpand(event, node); }; const onDebounceExpand = (0,lodash_es_debounce__WEBPACK_IMPORTED_MODULE_12__["default"])(expandFolderNode, 200, { leading: true }); const onExpand = (keys, info) => { if (props.expandedKeys === undefined) { expandedKeys.value = keys; } // Call origin function emit('update:expandedKeys', keys); emit('expand', keys, info); }; const onClick = (event, node) => { const { expandAction } = props; // Expand the tree if (expandAction === 'click') { onDebounceExpand(event, node); } emit('click', event, node); }; const onDoubleClick = (event, node) => { const { expandAction } = props; // Expand the tree if (expandAction === 'dblclick' || expandAction === 'doubleclick') { onDebounceExpand(event, node); } emit('doubleclick', event, node); emit('dblclick', event, node); }; const onSelect = (keys, event) => { const { multiple } = props; const { node, nativeEvent } = event; const key = node[fieldNames.value.key]; // const newState: DirectoryTreeState = {}; // We need wrap this event since some value is not same const newEvent = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, event), { selected: true }); // Windows / Mac single pick const ctrlPick = (nativeEvent === null || nativeEvent === void 0 ? void 0 : nativeEvent.ctrlKey) || (nativeEvent === null || nativeEvent === void 0 ? void 0 : nativeEvent.metaKey); const shiftPick = nativeEvent === null || nativeEvent === void 0 ? void 0 : nativeEvent.shiftKey; // Generate new selected keys let newSelectedKeys; if (multiple && ctrlPick) { // Control click newSelectedKeys = keys; lastSelectedKey.value = key; cachedSelectedKeys.value = newSelectedKeys; newEvent.selectedNodes = (0,_utils_dictUtil__WEBPACK_IMPORTED_MODULE_13__.convertDirectoryKeysToNodes)(treeData.value, newSelectedKeys, fieldNames.value); } else if (multiple && shiftPick) { // Shift click newSelectedKeys = Array.from(new Set([...(cachedSelectedKeys.value || []), ...(0,_utils_dictUtil__WEBPACK_IMPORTED_MODULE_13__.calcRangeKeys)({ treeData: treeData.value, expandedKeys: expandedKeys.value, startKey: key, endKey: lastSelectedKey.value, fieldNames: fieldNames.value })])); newEvent.selectedNodes = (0,_utils_dictUtil__WEBPACK_IMPORTED_MODULE_13__.convertDirectoryKeysToNodes)(treeData.value, newSelectedKeys, fieldNames.value); } else { // Single click newSelectedKeys = [key]; lastSelectedKey.value = key; cachedSelectedKeys.value = newSelectedKeys; newEvent.selectedNodes = (0,_utils_dictUtil__WEBPACK_IMPORTED_MODULE_13__.convertDirectoryKeysToNodes)(treeData.value, newSelectedKeys, fieldNames.value); } emit('update:selectedKeys', newSelectedKeys); emit('select', newSelectedKeys, newEvent); if (props.selectedKeys === undefined) { selectedKeys.value = newSelectedKeys; } }; const onCheck = (checkedObjOrKeys, eventObj) => { emit('update:checkedKeys', checkedObjOrKeys); emit('check', checkedObjOrKeys, eventObj); }; const { prefixCls, direction } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_14__["default"])('tree', props); return () => { const connectClassName = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_15__["default"])(`${prefixCls.value}-directory`, { [`${prefixCls.value}-directory-rtl`]: direction.value === 'rtl' }, attrs.class); const { icon = slots.icon, blockNode = true } = props, otherProps = __rest(props, ["icon", "blockNode"]); return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_Tree__WEBPACK_IMPORTED_MODULE_3__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, attrs), {}, { "icon": icon || getIcon, "ref": treeRef, "blockNode": blockNode }, otherProps), {}, { "prefixCls": prefixCls.value, "class": connectClassName, "expandedKeys": expandedKeys.value, "selectedKeys": selectedKeys.value, "onSelect": onSelect, "onClick": onClick, "onDblclick": onDoubleClick, "onExpand": onExpand, "onCheck": onCheck }), slots); }; } })); /***/ }), /***/ "./components/tree/Tree.tsx": /*!**********************************!*\ !*** ./components/tree/Tree.tsx ***! \**********************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ treeProps: () => (/* binding */ treeProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _vc_tree__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../vc-tree */ "./components/vc-tree/index.ts"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/index.ts"); /* harmony import */ var _util_props_util_initDefaultProps__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../_util/props-util/initDefaultProps */ "./components/_util/props-util/initDefaultProps.ts"); /* harmony import */ var _vc_tree_props__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../vc-tree/props */ "./components/vc-tree/props.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _utils_iconUtil__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./utils/iconUtil */ "./components/tree/utils/iconUtil.tsx"); /* harmony import */ var _utils_dropIndicator__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./utils/dropIndicator */ "./components/tree/utils/dropIndicator.tsx"); /* harmony import */ var _vc_util_devWarning__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../vc-util/devWarning */ "./components/vc-util/devWarning.ts"); /* harmony import */ var _vc_util_warning__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../vc-util/warning */ "./components/vc-util/warning.ts"); /* harmony import */ var _util_omit__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../_util/omit */ "./components/_util/omit.ts"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./style */ "./components/tree/style/index.ts"); // CSSINJS const treeProps = () => { const baseTreeProps = (0,_vc_tree_props__WEBPACK_IMPORTED_MODULE_3__.treeProps)(); return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, baseTreeProps), { showLine: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.someType)([Boolean, Object]), /** 是否支持多选 */ multiple: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.booleanType)(), /** 是否自动展开父节点 */ autoExpandParent: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.booleanType)(), /** checkable状态下节点选择完全受控(父子节点选中状态不再关联)*/ checkStrictly: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.booleanType)(), /** 是否支持选中 */ checkable: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.booleanType)(), /** 是否禁用树 */ disabled: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.booleanType)(), /** 默认展开所有树节点 */ defaultExpandAll: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.booleanType)(), /** 默认展开对应树节点 */ defaultExpandParent: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.booleanType)(), /** 默认展开指定的树节点 */ defaultExpandedKeys: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.arrayType)(), /** (受控)展开指定的树节点 */ expandedKeys: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.arrayType)(), /** (受控)选中复选框的树节点 */ checkedKeys: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.someType)([Array, Object]), /** 默认选中复选框的树节点 */ defaultCheckedKeys: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.arrayType)(), /** (受控)设置选中的树节点 */ selectedKeys: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.arrayType)(), /** 默认选中的树节点 */ defaultSelectedKeys: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.arrayType)(), selectable: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.booleanType)(), loadedKeys: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.arrayType)(), draggable: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.booleanType)(), showIcon: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.booleanType)(), icon: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.functionType)(), switcherIcon: _util_vue_types__WEBPACK_IMPORTED_MODULE_5__["default"].any, prefixCls: String, /** * @default{title,key,children} * deprecated, please use `fieldNames` instead * 替换treeNode中 title,key,children字段为treeData中对应的字段 */ replaceFields: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.objectType)(), blockNode: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.booleanType)(), openAnimation: _util_vue_types__WEBPACK_IMPORTED_MODULE_5__["default"].any, onDoubleclick: baseTreeProps.onDblclick, 'onUpdate:selectedKeys': (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.functionType)(), 'onUpdate:checkedKeys': (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.functionType)(), 'onUpdate:expandedKeys': (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.functionType)() }); }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'ATree', inheritAttrs: false, props: (0,_util_props_util_initDefaultProps__WEBPACK_IMPORTED_MODULE_6__["default"])(treeProps(), { checkable: false, selectable: true, showIcon: false, blockNode: false }), slots: Object, setup(props, _ref) { let { attrs, expose, emit, slots } = _ref; (0,_vc_util_warning__WEBPACK_IMPORTED_MODULE_7__.warning)(!(props.treeData === undefined && slots.default), '`children` of Tree is deprecated. Please use `treeData` instead.'); const { prefixCls, direction, virtual } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_8__["default"])('tree', props); // style const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_9__["default"])(prefixCls); const treeRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(); const scrollTo = scroll => { var _a; (_a = treeRef.value) === null || _a === void 0 ? void 0 : _a.scrollTo(scroll); }; expose({ treeRef, onNodeExpand: function () { var _a; (_a = treeRef.value) === null || _a === void 0 ? void 0 : _a.onNodeExpand(...arguments); }, scrollTo, selectedKeys: (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { var _a; return (_a = treeRef.value) === null || _a === void 0 ? void 0 : _a.selectedKeys; }), checkedKeys: (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { var _a; return (_a = treeRef.value) === null || _a === void 0 ? void 0 : _a.checkedKeys; }), halfCheckedKeys: (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { var _a; return (_a = treeRef.value) === null || _a === void 0 ? void 0 : _a.halfCheckedKeys; }), loadedKeys: (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { var _a; return (_a = treeRef.value) === null || _a === void 0 ? void 0 : _a.loadedKeys; }), loadingKeys: (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { var _a; return (_a = treeRef.value) === null || _a === void 0 ? void 0 : _a.loadingKeys; }), expandedKeys: (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { var _a; return (_a = treeRef.value) === null || _a === void 0 ? void 0 : _a.expandedKeys; }) }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watchEffect)(() => { (0,_vc_util_devWarning__WEBPACK_IMPORTED_MODULE_10__["default"])(props.replaceFields === undefined, 'Tree', '`replaceFields` is deprecated, please use fieldNames instead'); }); const handleCheck = (checkedObjOrKeys, eventObj) => { emit('update:checkedKeys', checkedObjOrKeys); emit('check', checkedObjOrKeys, eventObj); }; const handleExpand = (expandedKeys, eventObj) => { emit('update:expandedKeys', expandedKeys); emit('expand', expandedKeys, eventObj); }; const handleSelect = (selectedKeys, eventObj) => { emit('update:selectedKeys', selectedKeys); emit('select', selectedKeys, eventObj); }; return () => { const { showIcon, showLine, switcherIcon = slots.switcherIcon, icon = slots.icon, blockNode, checkable, selectable, fieldNames = props.replaceFields, motion = props.openAnimation, itemHeight = 28, onDoubleclick, onDblclick } = props; const newProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, attrs), (0,_util_omit__WEBPACK_IMPORTED_MODULE_11__["default"])(props, ['onUpdate:checkedKeys', 'onUpdate:expandedKeys', 'onUpdate:selectedKeys', 'onDoubleclick'])), { showLine: Boolean(showLine), dropIndicatorRender: _utils_dropIndicator__WEBPACK_IMPORTED_MODULE_12__["default"], fieldNames, icon, itemHeight }); const children = slots.default ? (0,_util_props_util__WEBPACK_IMPORTED_MODULE_13__.filterEmpty)(slots.default()) : undefined; return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_vc_tree__WEBPACK_IMPORTED_MODULE_14__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, newProps), {}, { "virtual": virtual.value, "motion": motion, "ref": treeRef, "prefixCls": prefixCls.value, "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_15__["default"])({ [`${prefixCls.value}-icon-hide`]: !showIcon, [`${prefixCls.value}-block-node`]: blockNode, [`${prefixCls.value}-unselectable`]: !selectable, [`${prefixCls.value}-rtl`]: direction.value === 'rtl' }, attrs.class, hashId.value), "direction": direction.value, "checkable": checkable, "selectable": selectable, "switcherIcon": nodeProps => (0,_utils_iconUtil__WEBPACK_IMPORTED_MODULE_16__["default"])(prefixCls.value, switcherIcon, nodeProps, slots.leafIcon, showLine), "onCheck": handleCheck, "onExpand": handleExpand, "onSelect": handleSelect, "onDblclick": onDblclick || onDoubleclick, "children": children }), (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, slots), { checkable: () => (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", { "class": `${prefixCls.value}-checkbox-inner` }, null) }))); }; } })); /***/ }), /***/ "./components/tree/index.tsx": /*!***********************************!*\ !*** ./components/tree/index.tsx ***! \***********************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ DirectoryTree: () => (/* reexport safe */ _DirectoryTree__WEBPACK_IMPORTED_MODULE_2__["default"]), /* harmony export */ TreeNode: () => (/* binding */ TreeNode), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _Tree__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Tree */ "./components/tree/Tree.tsx"); /* harmony import */ var _vc_tree__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../vc-tree */ "./components/vc-tree/TreeNode.tsx"); /* harmony import */ var _DirectoryTree__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./DirectoryTree */ "./components/tree/DirectoryTree.tsx"); /* istanbul ignore next */ const TreeNode = _vc_tree__WEBPACK_IMPORTED_MODULE_1__["default"]; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])(_Tree__WEBPACK_IMPORTED_MODULE_3__["default"], { DirectoryTree: _DirectoryTree__WEBPACK_IMPORTED_MODULE_2__["default"], TreeNode, install: app => { app.component(_Tree__WEBPACK_IMPORTED_MODULE_3__["default"].name, _Tree__WEBPACK_IMPORTED_MODULE_3__["default"]); app.component(TreeNode.name, TreeNode); app.component(_DirectoryTree__WEBPACK_IMPORTED_MODULE_2__["default"].name, _DirectoryTree__WEBPACK_IMPORTED_MODULE_2__["default"]); return app; } })); /***/ }), /***/ "./components/tree/style/index.ts": /*!****************************************!*\ !*** ./components/tree/style/index.ts ***! \****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ genBaseStyle: () => (/* binding */ genBaseStyle), /* harmony export */ genDirectoryStyle: () => (/* binding */ genDirectoryStyle), /* harmony export */ genTreeStyle: () => (/* binding */ genTreeStyle) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _util_cssinjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../_util/cssinjs */ "./components/_util/cssinjs/Keyframes.ts"); /* harmony import */ var _style_motion__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../style/motion */ "./components/style/motion/collapse.ts"); /* harmony import */ var _checkbox_style__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../checkbox/style */ "./components/checkbox/style/index.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/statistic.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/genComponentStyleHook.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../style */ "./components/style/index.ts"); // ============================ Keyframes ============================= const treeNodeFX = new _util_cssinjs__WEBPACK_IMPORTED_MODULE_1__["default"]('ant-tree-node-fx-do-not-use', { '0%': { opacity: 0 }, '100%': { opacity: 1 } }); // ============================== Switch ============================== const getSwitchStyle = (prefixCls, token) => ({ [`.${prefixCls}-switcher-icon`]: { display: 'inline-block', fontSize: 10, verticalAlign: 'baseline', svg: { transition: `transform ${token.motionDurationSlow}` } } }); // =============================== Drop =============================== const getDropIndicatorStyle = (prefixCls, token) => ({ [`.${prefixCls}-drop-indicator`]: { position: 'absolute', // it should displayed over the following node zIndex: 1, height: 2, backgroundColor: token.colorPrimary, borderRadius: 1, pointerEvents: 'none', '&:after': { position: 'absolute', top: -3, insetInlineStart: -6, width: 8, height: 8, backgroundColor: 'transparent', border: `${token.lineWidthBold}px solid ${token.colorPrimary}`, borderRadius: '50%', content: '""' } } }); const genBaseStyle = (prefixCls, token) => { const { treeCls, treeNodeCls, treeNodePadding, treeTitleHeight } = token; const treeCheckBoxMarginVertical = (treeTitleHeight - token.fontSizeLG) / 2; const treeCheckBoxMarginHorizontal = token.paddingXS; return { [treeCls]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_2__.resetComponent)(token)), { background: token.colorBgContainer, borderRadius: token.borderRadius, transition: `background-color ${token.motionDurationSlow}`, [`&${treeCls}-rtl`]: { // >>> Switcher [`${treeCls}-switcher`]: { '&_close': { [`${treeCls}-switcher-icon`]: { svg: { transform: 'rotate(90deg)' } } } } }, [`&-focused:not(:hover):not(${treeCls}-active-focused)`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_2__.genFocusOutline)(token)), // =================== Virtual List =================== [`${treeCls}-list-holder-inner`]: { alignItems: 'flex-start' }, [`&${treeCls}-block-node`]: { [`${treeCls}-list-holder-inner`]: { alignItems: 'stretch', // >>> Title [`${treeCls}-node-content-wrapper`]: { flex: 'auto' }, // >>> Drag [`${treeNodeCls}.dragging`]: { position: 'relative', '&:after': { position: 'absolute', top: 0, insetInlineEnd: 0, bottom: treeNodePadding, insetInlineStart: 0, border: `1px solid ${token.colorPrimary}`, opacity: 0, animationName: treeNodeFX, animationDuration: token.motionDurationSlow, animationPlayState: 'running', animationFillMode: 'forwards', content: '""', pointerEvents: 'none' } } } }, // ===================== TreeNode ===================== [`${treeNodeCls}`]: { display: 'flex', alignItems: 'flex-start', padding: `0 0 ${treeNodePadding}px 0`, outline: 'none', '&-rtl': { direction: 'rtl' }, // Disabled '&-disabled': { // >>> Title [`${treeCls}-node-content-wrapper`]: { color: token.colorTextDisabled, cursor: 'not-allowed', '&:hover': { background: 'transparent' } } }, [`&-active ${treeCls}-node-content-wrapper`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_2__.genFocusOutline)(token)), [`&:not(${treeNodeCls}-disabled).filter-node ${treeCls}-title`]: { color: 'inherit', fontWeight: 500 }, '&-draggable': { [`${treeCls}-draggable-icon`]: { width: treeTitleHeight, lineHeight: `${treeTitleHeight}px`, textAlign: 'center', visibility: 'visible', opacity: 0.2, transition: `opacity ${token.motionDurationSlow}`, [`${treeNodeCls}:hover &`]: { opacity: 0.45 } }, [`&${treeNodeCls}-disabled`]: { [`${treeCls}-draggable-icon`]: { visibility: 'hidden' } } } }, // >>> Indent [`${treeCls}-indent`]: { alignSelf: 'stretch', whiteSpace: 'nowrap', userSelect: 'none', '&-unit': { display: 'inline-block', width: treeTitleHeight } }, // >>> Drag Handler [`${treeCls}-draggable-icon`]: { visibility: 'hidden' }, // >>> Switcher [`${treeCls}-switcher`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, getSwitchStyle(prefixCls, token)), { position: 'relative', flex: 'none', alignSelf: 'stretch', width: treeTitleHeight, margin: 0, lineHeight: `${treeTitleHeight}px`, textAlign: 'center', cursor: 'pointer', userSelect: 'none', '&-noop': { cursor: 'default' }, '&_close': { [`${treeCls}-switcher-icon`]: { svg: { transform: 'rotate(-90deg)' } } }, '&-loading-icon': { color: token.colorPrimary }, '&-leaf-line': { position: 'relative', zIndex: 1, display: 'inline-block', width: '100%', height: '100%', // https://github.com/ant-design/ant-design/issues/31884 '&:before': { position: 'absolute', top: 0, insetInlineEnd: treeTitleHeight / 2, bottom: -treeNodePadding, marginInlineStart: -1, borderInlineEnd: `1px solid ${token.colorBorder}`, content: '""' }, '&:after': { position: 'absolute', width: treeTitleHeight / 2 * 0.8, height: treeTitleHeight / 2, borderBottom: `1px solid ${token.colorBorder}`, content: '""' } } }), // >>> Checkbox [`${treeCls}-checkbox`]: { top: 'initial', marginInlineEnd: treeCheckBoxMarginHorizontal, marginBlockStart: treeCheckBoxMarginVertical }, // >>> Title // add `${treeCls}-checkbox + span` to cover checkbox `${checkboxCls} + span` [`${treeCls}-node-content-wrapper, ${treeCls}-checkbox + span`]: { position: 'relative', zIndex: 'auto', minHeight: treeTitleHeight, margin: 0, padding: `0 ${token.paddingXS / 2}px`, color: 'inherit', lineHeight: `${treeTitleHeight}px`, background: 'transparent', borderRadius: token.borderRadius, cursor: 'pointer', transition: `all ${token.motionDurationMid}, border 0s, line-height 0s, box-shadow 0s`, '&:hover': { backgroundColor: token.controlItemBgHover }, [`&${treeCls}-node-selected`]: { backgroundColor: token.controlItemBgActive }, // Icon [`${treeCls}-iconEle`]: { display: 'inline-block', width: treeTitleHeight, height: treeTitleHeight, lineHeight: `${treeTitleHeight}px`, textAlign: 'center', verticalAlign: 'top', '&:empty': { display: 'none' } } }, // https://github.com/ant-design/ant-design/issues/28217 [`${treeCls}-unselectable ${treeCls}-node-content-wrapper:hover`]: { backgroundColor: 'transparent' }, // ==================== Draggable ===================== [`${treeCls}-node-content-wrapper`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ lineHeight: `${treeTitleHeight}px`, userSelect: 'none' }, getDropIndicatorStyle(prefixCls, token)), [`${treeNodeCls}.drop-container`]: { '> [draggable]': { boxShadow: `0 0 0 2px ${token.colorPrimary}` } }, // ==================== Show Line ===================== '&-show-line': { // ================ Indent lines ================ [`${treeCls}-indent`]: { '&-unit': { position: 'relative', height: '100%', '&:before': { position: 'absolute', top: 0, insetInlineEnd: treeTitleHeight / 2, bottom: -treeNodePadding, borderInlineEnd: `1px solid ${token.colorBorder}`, content: '""' }, '&-end': { '&:before': { display: 'none' } } } }, // ============== Cover Background ============== [`${treeCls}-switcher`]: { background: 'transparent', '&-line-icon': { // https://github.com/ant-design/ant-design/issues/32813 verticalAlign: '-0.15em' } } }, [`${treeNodeCls}-leaf-last`]: { [`${treeCls}-switcher`]: { '&-leaf-line': { '&:before': { top: 'auto !important', bottom: 'auto !important', height: `${treeTitleHeight / 2}px !important` } } } } }) }; }; // ============================ Directory ============================= const genDirectoryStyle = token => { const { treeCls, treeNodeCls, treeNodePadding } = token; return { [`${treeCls}${treeCls}-directory`]: { // ================== TreeNode ================== [treeNodeCls]: { position: 'relative', // Hover color '&:before': { position: 'absolute', top: 0, insetInlineEnd: 0, bottom: treeNodePadding, insetInlineStart: 0, transition: `background-color ${token.motionDurationMid}`, content: '""', pointerEvents: 'none' }, '&:hover': { '&:before': { background: token.controlItemBgHover } }, // Elements '> *': { zIndex: 1 }, // >>> Switcher [`${treeCls}-switcher`]: { transition: `color ${token.motionDurationMid}` }, // >>> Title [`${treeCls}-node-content-wrapper`]: { borderRadius: 0, userSelect: 'none', '&:hover': { background: 'transparent' }, [`&${treeCls}-node-selected`]: { color: token.colorTextLightSolid, background: 'transparent' } }, // ============= Selected ============= '&-selected': { [` &:hover::before, &::before `]: { background: token.colorPrimary }, // >>> Switcher [`${treeCls}-switcher`]: { color: token.colorTextLightSolid }, // >>> Title [`${treeCls}-node-content-wrapper`]: { color: token.colorTextLightSolid, background: 'transparent' } } } } }; }; // ============================== Merged ============================== const genTreeStyle = (prefixCls, token) => { const treeCls = `.${prefixCls}`; const treeNodeCls = `${treeCls}-treenode`; const treeNodePadding = token.paddingXS / 2; const treeTitleHeight = token.controlHeightSM; const treeToken = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_3__.merge)(token, { treeCls, treeNodeCls, treeNodePadding, treeTitleHeight }); return [ // Basic genBaseStyle(prefixCls, treeToken), // Directory genDirectoryStyle(treeToken)]; }; // ============================== Export ============================== /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_theme_internal__WEBPACK_IMPORTED_MODULE_4__["default"])('Tree', (token, _ref) => { let { prefixCls } = _ref; return [{ [token.componentCls]: (0,_checkbox_style__WEBPACK_IMPORTED_MODULE_5__.getStyle)(`${prefixCls}-checkbox`, token) }, genTreeStyle(prefixCls, token), (0,_style_motion__WEBPACK_IMPORTED_MODULE_6__["default"])(token)]; })); /***/ }), /***/ "./components/tree/utils/dictUtil.ts": /*!*******************************************!*\ !*** ./components/tree/utils/dictUtil.ts ***! \*******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ calcRangeKeys: () => (/* binding */ calcRangeKeys), /* harmony export */ convertDirectoryKeysToNodes: () => (/* binding */ convertDirectoryKeysToNodes) /* harmony export */ }); var Record; (function (Record) { Record[Record["None"] = 0] = "None"; Record[Record["Start"] = 1] = "Start"; Record[Record["End"] = 2] = "End"; })(Record || (Record = {})); function traverseNodesKey(treeData, fieldNames, callback) { function processNode(dataNode) { const key = dataNode[fieldNames.key]; const children = dataNode[fieldNames.children]; if (callback(key, dataNode) !== false) { traverseNodesKey(children || [], fieldNames, callback); } } treeData.forEach(processNode); } /** 计算选中范围,只考虑expanded情况以优化性能 */ function calcRangeKeys(_ref) { let { treeData, expandedKeys, startKey, endKey, fieldNames = { title: 'title', key: 'key', children: 'children' } } = _ref; const keys = []; let record = Record.None; if (startKey && startKey === endKey) { return [startKey]; } if (!startKey || !endKey) { return []; } function matchKey(key) { return key === startKey || key === endKey; } traverseNodesKey(treeData, fieldNames, key => { if (record === Record.End) { return false; } if (matchKey(key)) { // Match test keys.push(key); if (record === Record.None) { record = Record.Start; } else if (record === Record.Start) { record = Record.End; return false; } } else if (record === Record.Start) { // Append selection keys.push(key); } return expandedKeys.includes(key); }); return keys; } function convertDirectoryKeysToNodes(treeData, keys, fieldNames) { const restKeys = [...keys]; const nodes = []; traverseNodesKey(treeData, fieldNames, (key, node) => { const index = restKeys.indexOf(key); if (index !== -1) { nodes.push(node); restKeys.splice(index, 1); } return !!restKeys.length; }); return nodes; } /***/ }), /***/ "./components/tree/utils/dropIndicator.tsx": /*!*************************************************!*\ !*** ./components/tree/utils/dropIndicator.tsx ***! \*************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ dropIndicatorRender), /* harmony export */ offset: () => (/* binding */ offset) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); const offset = 4; function dropIndicatorRender(props) { const { dropPosition, dropLevelOffset, prefixCls, indent, direction = 'ltr' } = props; const startPosition = direction === 'ltr' ? 'left' : 'right'; const endPosition = direction === 'ltr' ? 'right' : 'left'; const style = { [startPosition]: `${-dropLevelOffset * indent + offset}px`, [endPosition]: 0 }; switch (dropPosition) { case -1: style.top = `${-3}px`; break; case 1: style.bottom = `${-3}px`; break; default: // dropPosition === 0 style.bottom = `${-3}px`; style[startPosition] = `${indent + offset}px`; break; } return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", { "style": style, "class": `${prefixCls}-drop-indicator` }, null); } /***/ }), /***/ "./components/tree/utils/iconUtil.tsx": /*!********************************************!*\ !*** ./components/tree/utils/iconUtil.tsx ***! \********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ renderSwitcherIcon) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_vue_es_icons_LoadingOutlined__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/LoadingOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/LoadingOutlined.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_FileOutlined__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/FileOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/FileOutlined.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_MinusSquareOutlined__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/MinusSquareOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/MinusSquareOutlined.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_PlusSquareOutlined__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/PlusSquareOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/PlusSquareOutlined.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_CaretDownFilled__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/CaretDownFilled */ "./node_modules/@ant-design/icons-vue/es/icons/CaretDownFilled.js"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../_util/props-util */ "./components/_util/props-util/index.ts"); function renderSwitcherIcon(prefixCls, switcherIcon, props, leafIcon, showLine) { const { isLeaf, expanded, loading } = props; let icon = switcherIcon; if (loading) { return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_ant_design_icons_vue_es_icons_LoadingOutlined__WEBPACK_IMPORTED_MODULE_2__["default"], { "class": `${prefixCls}-switcher-loading-icon` }, null); } let showLeafIcon; if (showLine && typeof showLine === 'object') { showLeafIcon = showLine.showLeafIcon; } let defaultIcon = null; const switcherCls = `${prefixCls}-switcher-icon`; if (isLeaf) { if (!showLine) { return null; } if (showLeafIcon && leafIcon) { return leafIcon(props); } if (typeof showLine === 'object' && !showLeafIcon) { defaultIcon = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", { "class": `${prefixCls}-switcher-leaf-line` }, null); } else { defaultIcon = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_ant_design_icons_vue_es_icons_FileOutlined__WEBPACK_IMPORTED_MODULE_3__["default"], { "class": `${prefixCls}-switcher-line-icon` }, null); } return defaultIcon; } else { defaultIcon = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_ant_design_icons_vue_es_icons_CaretDownFilled__WEBPACK_IMPORTED_MODULE_4__["default"], { "class": switcherCls }, null); if (showLine) { defaultIcon = expanded ? (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_ant_design_icons_vue_es_icons_MinusSquareOutlined__WEBPACK_IMPORTED_MODULE_5__["default"], { "class": `${prefixCls}-switcher-line-icon` }, null) : (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_ant_design_icons_vue_es_icons_PlusSquareOutlined__WEBPACK_IMPORTED_MODULE_6__["default"], { "class": `${prefixCls}-switcher-line-icon` }, null); } } if (typeof switcherIcon === 'function') { icon = switcherIcon((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props), { defaultIcon, switcherCls })); } else if ((0,_util_props_util__WEBPACK_IMPORTED_MODULE_7__.isValidElement)(icon)) { icon = (0,vue__WEBPACK_IMPORTED_MODULE_1__.cloneVNode)(icon, { class: switcherCls }); } return icon || defaultIcon; } /***/ }), /***/ "./components/typography/Base.tsx": /*!****************************************!*\ !*** ./components/typography/Base.tsx ***! \****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ baseProps: () => (/* binding */ baseProps), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _locale_provider_LocaleReceiver__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../locale-provider/LocaleReceiver */ "./components/locale-provider/LocaleReceiver.tsx"); /* harmony import */ var _util_warning__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../_util/warning */ "./components/_util/warning.ts"); /* harmony import */ var _util_transButton__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../_util/transButton */ "./components/_util/transButton.tsx"); /* harmony import */ var _util_raf__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../_util/raf */ "./components/_util/raf.ts"); /* harmony import */ var _util_styleChecker__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/styleChecker */ "./components/_util/styleChecker.ts"); /* harmony import */ var _Editable__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./Editable */ "./components/typography/Editable.tsx"); /* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./util */ "./components/typography/util.tsx"); /* harmony import */ var _Typography__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./Typography */ "./components/typography/Typography.tsx"); /* harmony import */ var _vc_resize_observer__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../vc-resize-observer */ "./components/vc-resize-observer/index.tsx"); /* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../tooltip */ "./components/tooltip/index.ts"); /* harmony import */ var _util_copy_to_clipboard__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../_util/copy-to-clipboard */ "./components/_util/copy-to-clipboard/index.ts"); /* harmony import */ var _ant_design_icons_vue_es_icons_CheckOutlined__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/CheckOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/CheckOutlined.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_CopyOutlined__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/CopyOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/CopyOutlined.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_EditOutlined__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/EditOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/EditOutlined.js"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _util_omit__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../_util/omit */ "./components/_util/omit.ts"); /* harmony import */ var _util_hooks_useMergedState__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../_util/hooks/useMergedState */ "./components/_util/hooks/useMergedState.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/index.ts"); var __rest = undefined && undefined.__rest || function (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; }; const isLineClampSupport = (0,_util_styleChecker__WEBPACK_IMPORTED_MODULE_3__.isStyleSupport)('webkitLineClamp'); const isTextOverflowSupport = (0,_util_styleChecker__WEBPACK_IMPORTED_MODULE_3__.isStyleSupport)('textOverflow'); const ELLIPSIS_STR = '...'; const baseProps = () => ({ editable: { type: [Boolean, Object], default: undefined }, copyable: { type: [Boolean, Object], default: undefined }, prefixCls: String, component: String, type: String, disabled: { type: Boolean, default: undefined }, ellipsis: { type: [Boolean, Object], default: undefined }, code: { type: Boolean, default: undefined }, mark: { type: Boolean, default: undefined }, underline: { type: Boolean, default: undefined }, delete: { type: Boolean, default: undefined }, strong: { type: Boolean, default: undefined }, keyboard: { type: Boolean, default: undefined }, content: String, 'onUpdate:content': Function }); const Base = (0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'TypographyBase', inheritAttrs: false, props: baseProps(), // emits: ['update:content'], setup(props, _ref) { let { slots, attrs, emit } = _ref; const { prefixCls, direction } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_4__["default"])('typography', props); const state = (0,vue__WEBPACK_IMPORTED_MODULE_2__.reactive)({ copied: false, ellipsisText: '', ellipsisContent: null, isEllipsis: false, expanded: false, clientRendered: false, //locale expandStr: '', copyStr: '', copiedStr: '', editStr: '', copyId: undefined, rafId: undefined, prevProps: undefined, originContent: '' }); const contentRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(); const editIcon = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(); const ellipsis = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { const ellipsis = props.ellipsis; if (!ellipsis) return {}; return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({ rows: 1, expandable: false }, typeof ellipsis === 'object' ? ellipsis : null); }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.onMounted)(() => { state.clientRendered = true; syncEllipsis(); }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.onBeforeUnmount)(() => { clearTimeout(state.copyId); _util_raf__WEBPACK_IMPORTED_MODULE_5__["default"].cancel(state.rafId); }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)([() => ellipsis.value.rows, () => props.content], () => { (0,vue__WEBPACK_IMPORTED_MODULE_2__.nextTick)(() => { resizeOnNextFrame(); }); }, { flush: 'post', deep: true }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watchEffect)(() => { if (props.content === undefined) { (0,_util_warning__WEBPACK_IMPORTED_MODULE_6__["default"])(!props.editable, 'Typography', 'When `editable` is enabled, please use `content` instead of children'); (0,_util_warning__WEBPACK_IMPORTED_MODULE_6__["default"])(!props.ellipsis, 'Typography', 'When `ellipsis` is enabled, please use `content` instead of children'); } }); function getChildrenText() { var _a; return props.ellipsis || props.editable ? props.content : (_a = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_7__.findDOMNode)(contentRef.value)) === null || _a === void 0 ? void 0 : _a.innerText; } // =============== Expand =============== function onExpandClick(e) { const { onExpand } = ellipsis.value; state.expanded = true; onExpand === null || onExpand === void 0 ? void 0 : onExpand(e); } // ================ Edit ================ function onEditClick(e) { e.preventDefault(); state.originContent = props.content; triggerEdit(true); } function onEditChange(value) { onContentChange(value); triggerEdit(false); } function onContentChange(value) { const { onChange } = editable.value; if (value !== props.content) { emit('update:content', value); onChange === null || onChange === void 0 ? void 0 : onChange(value); } } function onEditCancel() { var _a, _b; (_b = (_a = editable.value).onCancel) === null || _b === void 0 ? void 0 : _b.call(_a); triggerEdit(false); } // ================ Copy ================ function onCopyClick(e) { e.preventDefault(); e.stopPropagation(); const { copyable } = props; const copyConfig = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, typeof copyable === 'object' ? copyable : null); if (copyConfig.text === undefined) { copyConfig.text = getChildrenText(); } (0,_util_copy_to_clipboard__WEBPACK_IMPORTED_MODULE_8__["default"])(copyConfig.text || ''); state.copied = true; (0,vue__WEBPACK_IMPORTED_MODULE_2__.nextTick)(() => { if (copyConfig.onCopy) { copyConfig.onCopy(e); } state.copyId = setTimeout(() => { state.copied = false; }, 3000); }); } const editable = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { const editable = props.editable; if (!editable) return { editing: false }; return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, typeof editable === 'object' ? editable : null); }); const [editing, setEditing] = (0,_util_hooks_useMergedState__WEBPACK_IMPORTED_MODULE_9__["default"])(false, { value: (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { return editable.value.editing; }) }); function triggerEdit(edit) { const { onStart } = editable.value; if (edit && onStart) { onStart(); } setEditing(edit); } (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)(editing, val => { var _a; if (!val) { (_a = editIcon.value) === null || _a === void 0 ? void 0 : _a.focus(); } }, { flush: 'post' }); // ============== Ellipsis ============== function resizeOnNextFrame(sizeInfo) { if (sizeInfo) { const { width, height } = sizeInfo; if (!width || !height) return; } _util_raf__WEBPACK_IMPORTED_MODULE_5__["default"].cancel(state.rafId); state.rafId = (0,_util_raf__WEBPACK_IMPORTED_MODULE_5__["default"])(() => { // Do not bind `syncEllipsis`. It need for test usage on prototype syncEllipsis(); }); } const canUseCSSEllipsis = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { const { rows, expandable, suffix, onEllipsis, tooltip } = ellipsis.value; if (suffix || tooltip) return false; // Can't use css ellipsis since we need to provide the place for button if (props.editable || props.copyable || expandable || onEllipsis) { return false; } if (rows === 1) { return isTextOverflowSupport; } return isLineClampSupport; }); const syncEllipsis = () => { const { ellipsisText, isEllipsis } = state; const { rows, suffix, onEllipsis } = ellipsis.value; if (!rows || rows < 0 || !(0,_util_props_util__WEBPACK_IMPORTED_MODULE_7__.findDOMNode)(contentRef.value) || state.expanded || props.content === undefined) return; // Do not measure if css already support ellipsis if (canUseCSSEllipsis.value) return; const { content, text, ellipsis: ell } = (0,_util__WEBPACK_IMPORTED_MODULE_10__["default"])((0,_util_props_util__WEBPACK_IMPORTED_MODULE_7__.findDOMNode)(contentRef.value), { rows, suffix }, props.content, renderOperations(true), ELLIPSIS_STR); if (ellipsisText !== text || state.isEllipsis !== ell) { state.ellipsisText = text; state.ellipsisContent = content; state.isEllipsis = ell; if (isEllipsis !== ell && onEllipsis) { onEllipsis(ell); } } }; function wrapperDecorations(_ref2, content) { let { mark, code, underline, delete: del, strong, keyboard } = _ref2; let currentContent = content; function wrap(needed, Tag) { if (!needed) return; const _currentContent = function () { return currentContent; }(); currentContent = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(Tag, null, { default: () => [_currentContent] }); } wrap(strong, 'strong'); wrap(underline, 'u'); wrap(del, 'del'); wrap(code, 'code'); wrap(mark, 'mark'); wrap(keyboard, 'kbd'); return currentContent; } function renderExpand(forceRender) { const { expandable, symbol } = ellipsis.value; if (!expandable) return null; // force render expand icon for measure usage or it will cause dead loop if (!forceRender && (state.expanded || !state.isEllipsis)) return null; const expandContent = (slots.ellipsisSymbol ? slots.ellipsisSymbol() : symbol) || state.expandStr; return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("a", { "key": "expand", "class": `${prefixCls.value}-expand`, "onClick": onExpandClick, "aria-label": state.expandStr }, [expandContent]); } function renderEdit() { if (!props.editable) return; const { tooltip, triggerType = ['icon'] } = props.editable; const icon = slots.editableIcon ? slots.editableIcon() : (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_ant_design_icons_vue_es_icons_EditOutlined__WEBPACK_IMPORTED_MODULE_11__["default"], { "role": "button" }, null); const title = slots.editableTooltip ? slots.editableTooltip() : state.editStr; const ariaLabel = typeof title === 'string' ? title : ''; return triggerType.indexOf('icon') !== -1 ? (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_tooltip__WEBPACK_IMPORTED_MODULE_12__["default"], { "key": "edit", "title": tooltip === false ? '' : title }, { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_util_transButton__WEBPACK_IMPORTED_MODULE_13__["default"], { "ref": editIcon, "class": `${prefixCls.value}-edit`, "onClick": onEditClick, "aria-label": ariaLabel }, { default: () => [icon] })] }) : null; } function renderCopy() { if (!props.copyable) return; const { tooltip } = props.copyable; const defaultTitle = state.copied ? state.copiedStr : state.copyStr; const title = slots.copyableTooltip ? slots.copyableTooltip({ copied: state.copied }) : defaultTitle; const ariaLabel = typeof title === 'string' ? title : ''; const defaultIcon = state.copied ? (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_ant_design_icons_vue_es_icons_CheckOutlined__WEBPACK_IMPORTED_MODULE_14__["default"], null, null) : (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_ant_design_icons_vue_es_icons_CopyOutlined__WEBPACK_IMPORTED_MODULE_15__["default"], null, null); const icon = slots.copyableIcon ? slots.copyableIcon({ copied: !!state.copied }) : defaultIcon; return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_tooltip__WEBPACK_IMPORTED_MODULE_12__["default"], { "key": "copy", "title": tooltip === false ? '' : title }, { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_util_transButton__WEBPACK_IMPORTED_MODULE_13__["default"], { "class": [`${prefixCls.value}-copy`, { [`${prefixCls.value}-copy-success`]: state.copied }], "onClick": onCopyClick, "aria-label": ariaLabel }, { default: () => [icon] })] }); } function renderEditInput() { const { class: className, style } = attrs; const { maxlength, autoSize, onEnd } = editable.value; return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_Editable__WEBPACK_IMPORTED_MODULE_16__["default"], { "class": className, "style": style, "prefixCls": prefixCls.value, "value": props.content, "originContent": state.originContent, "maxlength": maxlength, "autoSize": autoSize, "onSave": onEditChange, "onChange": onContentChange, "onCancel": onEditCancel, "onEnd": onEnd, "direction": direction.value, "component": props.component }, { enterIcon: slots.editableEnterIcon }); } function renderOperations(forceRenderExpanded) { return [renderExpand(forceRenderExpanded), renderEdit(), renderCopy()].filter(node => node); } return () => { var _a; const { triggerType = ['icon'] } = editable.value; const children = props.ellipsis || props.editable ? props.content !== undefined ? props.content : (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots) : slots.default ? slots.default() : props.content; if (editing.value) { return renderEditInput(); } return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_locale_provider_LocaleReceiver__WEBPACK_IMPORTED_MODULE_17__["default"], { "componentName": "Text", "children": locale => { const _a = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, props), attrs), { type, disabled, content, class: className, style } = _a, restProps = __rest(_a, ["type", "disabled", "content", "class", "style"]); const { rows, suffix, tooltip } = ellipsis.value; const { edit, copy: copyStr, copied, expand } = locale; state.editStr = edit; state.copyStr = copyStr; state.copiedStr = copied; state.expandStr = expand; const textProps = (0,_util_omit__WEBPACK_IMPORTED_MODULE_18__["default"])(restProps, ['prefixCls', 'editable', 'copyable', 'ellipsis', 'mark', 'code', 'delete', 'underline', 'strong', 'keyboard', 'onUpdate:content']); const cssEllipsis = canUseCSSEllipsis.value; const cssTextOverflow = rows === 1 && cssEllipsis; const cssLineClamp = rows && rows > 1 && cssEllipsis; let textNode = children; let ariaLabel; // Only use js ellipsis when css ellipsis not support if (rows && state.isEllipsis && !state.expanded && !cssEllipsis) { const { title } = restProps; let restContent = title || ''; if (!title && (typeof children === 'string' || typeof children === 'number')) { restContent = String(children); } // show rest content as title on symbol restContent = restContent === null || restContent === void 0 ? void 0 : restContent.slice(String(state.ellipsisContent || '').length); // We move full content to outer element to avoid repeat read the content by accessibility textNode = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_2__.Fragment, null, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.toRaw)(state.ellipsisContent), (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", { "title": restContent, "aria-hidden": "true" }, [ELLIPSIS_STR]), suffix]); } else { textNode = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_2__.Fragment, null, [children, suffix]); } textNode = wrapperDecorations(props, textNode); const showTooltip = tooltip && rows && state.isEllipsis && !state.expanded && !cssEllipsis; const title = slots.ellipsisTooltip ? slots.ellipsisTooltip() : tooltip; return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_vc_resize_observer__WEBPACK_IMPORTED_MODULE_19__["default"], { "onResize": resizeOnNextFrame, "disabled": !rows }, { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_Typography__WEBPACK_IMPORTED_MODULE_20__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "ref": contentRef, "class": [{ [`${prefixCls.value}-${type}`]: type, [`${prefixCls.value}-disabled`]: disabled, [`${prefixCls.value}-ellipsis`]: rows, [`${prefixCls.value}-single-line`]: rows === 1 && !state.isEllipsis, [`${prefixCls.value}-ellipsis-single-line`]: cssTextOverflow, [`${prefixCls.value}-ellipsis-multiple-line`]: cssLineClamp }, className], "style": (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, style), { WebkitLineClamp: cssLineClamp ? rows : undefined }), "aria-label": ariaLabel, "direction": direction.value, "onClick": triggerType.indexOf('text') !== -1 ? onEditClick : () => {} }, textProps), { default: () => [showTooltip ? (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_tooltip__WEBPACK_IMPORTED_MODULE_12__["default"], { "title": tooltip === true ? children : title }, { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", null, [textNode])] }) : textNode, renderOperations()] })] }); } }, null); }; } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Base); /***/ }), /***/ "./components/typography/Editable.tsx": /*!********************************************!*\ !*** ./components/typography/Editable.tsx ***! \********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_KeyCode__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../_util/KeyCode */ "./components/_util/KeyCode.ts"); /* harmony import */ var _input_TextArea__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../input/TextArea */ "./components/input/TextArea.tsx"); /* harmony import */ var _ant_design_icons_vue_es_icons_EnterOutlined__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/EnterOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/EnterOutlined.js"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./style */ "./components/typography/style/index.tsx"); // CSSINJS const editableProps = () => ({ prefixCls: String, value: String, maxlength: Number, autoSize: { type: [Boolean, Object] }, onSave: Function, onCancel: Function, onEnd: Function, onChange: Function, originContent: String, direction: String, component: String }); const Editable = (0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'Editable', inheritAttrs: false, props: editableProps(), // emits: ['save', 'cancel', 'end', 'change'], setup(props, _ref) { let { emit, slots, attrs } = _ref; const { prefixCls } = (0,vue__WEBPACK_IMPORTED_MODULE_1__.toRefs)(props); const state = (0,vue__WEBPACK_IMPORTED_MODULE_1__.reactive)({ current: props.value || '', lastKeyCode: undefined, inComposition: false, cancelFlag: false }); (0,vue__WEBPACK_IMPORTED_MODULE_1__.watch)(() => props.value, current => { state.current = current; }); const textArea = (0,vue__WEBPACK_IMPORTED_MODULE_1__.ref)(); (0,vue__WEBPACK_IMPORTED_MODULE_1__.onMounted)(() => { var _a; if (textArea.value) { const resizableTextArea = (_a = textArea.value) === null || _a === void 0 ? void 0 : _a.resizableTextArea; const innerTextArea = resizableTextArea === null || resizableTextArea === void 0 ? void 0 : resizableTextArea.textArea; innerTextArea.focus(); const { length } = innerTextArea.value; innerTextArea.setSelectionRange(length, length); } }); function saveTextAreaRef(node) { textArea.value = node; } function onChange(_ref2) { let { target: { value } } = _ref2; state.current = value.replace(/[\r\n]/g, ''); emit('change', state.current); } function onCompositionStart() { state.inComposition = true; } function onCompositionEnd() { state.inComposition = false; } function onKeyDown(e) { const { keyCode } = e; if (keyCode === _util_KeyCode__WEBPACK_IMPORTED_MODULE_2__["default"].ENTER) { e.preventDefault(); } // We don't record keyCode when IME is using if (state.inComposition) return; state.lastKeyCode = keyCode; } function onKeyUp(e) { const { keyCode, ctrlKey, altKey, metaKey, shiftKey } = e; // Check if it's a real key if (state.lastKeyCode === keyCode && !state.inComposition && !ctrlKey && !altKey && !metaKey && !shiftKey) { if (keyCode === _util_KeyCode__WEBPACK_IMPORTED_MODULE_2__["default"].ENTER) { confirmChange(); emit('end'); } else if (keyCode === _util_KeyCode__WEBPACK_IMPORTED_MODULE_2__["default"].ESC) { state.current = props.originContent; emit('cancel'); } } } function onBlur() { confirmChange(); } function confirmChange() { emit('save', state.current.trim()); } // style const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_3__["default"])(prefixCls); return () => { const textAreaClassName = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_4__["default"])({ [`${prefixCls.value}`]: true, [`${prefixCls.value}-edit-content`]: true, [`${prefixCls.value}-rtl`]: props.direction === 'rtl', [props.component ? `${prefixCls.value}-${props.component}` : '']: true }, attrs.class, hashId.value); return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, attrs), {}, { "class": textAreaClassName }), [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_input_TextArea__WEBPACK_IMPORTED_MODULE_5__["default"], { "ref": saveTextAreaRef, "maxlength": props.maxlength, "value": state.current, "onChange": onChange, "onKeydown": onKeyDown, "onKeyup": onKeyUp, "onCompositionstart": onCompositionStart, "onCompositionend": onCompositionEnd, "onBlur": onBlur, "rows": 1, "autoSize": props.autoSize === undefined || props.autoSize }, null), slots.enterIcon ? slots.enterIcon({ className: `${props.prefixCls}-edit-content-confirm` }) : (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_ant_design_icons_vue_es_icons_EnterOutlined__WEBPACK_IMPORTED_MODULE_6__["default"], { "class": `${props.prefixCls}-edit-content-confirm` }, null)])); }; } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Editable); /***/ }), /***/ "./components/typography/Link.tsx": /*!****************************************!*\ !*** ./components/typography/Link.tsx ***! \****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ linkProps: () => (/* binding */ linkProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_warning__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/warning */ "./components/_util/warning.ts"); /* harmony import */ var _Base__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Base */ "./components/typography/Base.tsx"); /* harmony import */ var _util_omit__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../_util/omit */ "./components/_util/omit.ts"); var __rest = undefined && undefined.__rest || function (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; }; const linkProps = () => (0,_util_omit__WEBPACK_IMPORTED_MODULE_2__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_Base__WEBPACK_IMPORTED_MODULE_3__.baseProps)()), { ellipsis: { type: Boolean, default: undefined } }), ['component']); const Link = (props, _ref) => { let { slots, attrs } = _ref; const _a = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props), attrs), { ellipsis, rel } = _a, restProps = __rest(_a, ["ellipsis", "rel"]); (0,_util_warning__WEBPACK_IMPORTED_MODULE_4__["default"])(typeof ellipsis !== 'object', 'Typography.Link', '`ellipsis` only supports boolean value.'); const mergedProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, restProps), { rel: rel === undefined && restProps.target === '_blank' ? 'noopener noreferrer' : rel, ellipsis: !!ellipsis, component: 'a' }); // https://github.com/ant-design/ant-design/issues/26622 // @ts-ignore delete mergedProps.navigate; return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_Base__WEBPACK_IMPORTED_MODULE_3__["default"], mergedProps, slots); }; Link.displayName = 'ATypographyLink'; Link.inheritAttrs = false; Link.props = linkProps(); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Link); /***/ }), /***/ "./components/typography/Paragraph.tsx": /*!*********************************************!*\ !*** ./components/typography/Paragraph.tsx ***! \*********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ paragraphProps: () => (/* binding */ paragraphProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_omit__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../_util/omit */ "./components/_util/omit.ts"); /* harmony import */ var _Base__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Base */ "./components/typography/Base.tsx"); const paragraphProps = () => (0,_util_omit__WEBPACK_IMPORTED_MODULE_2__["default"])((0,_Base__WEBPACK_IMPORTED_MODULE_3__.baseProps)(), ['component']); const Paragraph = (props, _ref) => { let { slots, attrs } = _ref; const paragraphProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props), { component: 'div' }), attrs); return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_Base__WEBPACK_IMPORTED_MODULE_3__["default"], paragraphProps, slots); }; Paragraph.displayName = 'ATypographyParagraph'; Paragraph.inheritAttrs = false; Paragraph.props = paragraphProps(); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Paragraph); /***/ }), /***/ "./components/typography/Text.tsx": /*!****************************************!*\ !*** ./components/typography/Text.tsx ***! \****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ textProps: () => (/* binding */ textProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_omit__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../_util/omit */ "./components/_util/omit.ts"); /* harmony import */ var _util_warning__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/warning */ "./components/_util/warning.ts"); /* harmony import */ var _Base__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Base */ "./components/typography/Base.tsx"); const textProps = () => (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_util_omit__WEBPACK_IMPORTED_MODULE_2__["default"])((0,_Base__WEBPACK_IMPORTED_MODULE_3__.baseProps)(), ['component'])), { ellipsis: { type: [Boolean, Object], default: undefined } }); const Text = (props, _ref) => { let { slots, attrs } = _ref; const { ellipsis } = props; (0,_util_warning__WEBPACK_IMPORTED_MODULE_4__["default"])(typeof ellipsis !== 'object' || !ellipsis || !('expandable' in ellipsis) && !('rows' in ellipsis), 'Typography.Text', '`ellipsis` do not support `expandable` or `rows` props.'); const textProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props), { ellipsis: ellipsis && typeof ellipsis === 'object' ? (0,_util_omit__WEBPACK_IMPORTED_MODULE_2__["default"])(ellipsis, ['expandable', 'rows']) : ellipsis, component: 'span' }), attrs); return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_Base__WEBPACK_IMPORTED_MODULE_3__["default"], textProps, slots); }; Text.displayName = 'ATypographyText'; Text.inheritAttrs = false; Text.props = textProps(); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Text); /***/ }), /***/ "./components/typography/Title.tsx": /*!*****************************************!*\ !*** ./components/typography/Title.tsx ***! \*****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ titleProps: () => (/* binding */ titleProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_omit__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/omit */ "./components/_util/omit.ts"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); /* harmony import */ var _util_warning__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../_util/warning */ "./components/_util/warning.ts"); /* harmony import */ var _Base__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Base */ "./components/typography/Base.tsx"); var __rest = undefined && undefined.__rest || function (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; }; const TITLE_ELE_LIST = (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.tupleNum)(1, 2, 3, 4, 5); const titleProps = () => (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_util_omit__WEBPACK_IMPORTED_MODULE_3__["default"])((0,_Base__WEBPACK_IMPORTED_MODULE_4__.baseProps)(), ['component', 'strong'])), { level: Number }); const Title = (props, _ref) => { let { slots, attrs } = _ref; const { level = 1 } = props, restProps = __rest(props, ["level"]); let component; if (TITLE_ELE_LIST.includes(level)) { component = `h${level}`; } else { (0,_util_warning__WEBPACK_IMPORTED_MODULE_5__["default"])(false, 'Typography', 'Title only accept `1 | 2 | 3 | 4 | 5` as `level` value.'); component = 'h1'; } const titleProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, restProps), { component }), attrs); return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_Base__WEBPACK_IMPORTED_MODULE_4__["default"], titleProps, slots); }; Title.displayName = 'ATypographyTitle'; Title.inheritAttrs = false; Title.props = titleProps(); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Title); /***/ }), /***/ "./components/typography/Typography.tsx": /*!**********************************************!*\ !*** ./components/typography/Typography.tsx ***! \**********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ typographyProps: () => (/* binding */ typographyProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./style */ "./components/typography/style/index.tsx"); var __rest = undefined && undefined.__rest || function (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; }; // CSSINJS const typographyProps = () => ({ prefixCls: String, direction: String, // Form Internal use component: String }); const Typography = (0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ name: 'ATypography', inheritAttrs: false, props: typographyProps(), setup(props, _ref) { let { slots, attrs } = _ref; const { prefixCls, direction } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_3__["default"])('typography', props); // Style const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_4__["default"])(prefixCls); return () => { var _a; const _b = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, props), attrs), { prefixCls: _prefixCls, direction: _direction, component: Component = 'article' } = _b, restProps = __rest(_b, ["prefixCls", "direction", "component"]); return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(Component, (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, restProps), {}, { "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_5__["default"])(prefixCls.value, { [`${prefixCls.value}-rtl`]: direction.value === 'rtl' }, attrs.class, hashId.value) }), { default: () => [(_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)] })); }; } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Typography); /***/ }), /***/ "./components/typography/index.tsx": /*!*****************************************!*\ !*** ./components/typography/index.tsx ***! \*****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ TypographyLink: () => (/* reexport safe */ _Link__WEBPACK_IMPORTED_MODULE_4__["default"]), /* harmony export */ TypographyParagraph: () => (/* reexport safe */ _Paragraph__WEBPACK_IMPORTED_MODULE_3__["default"]), /* harmony export */ TypographyText: () => (/* reexport safe */ _Text__WEBPACK_IMPORTED_MODULE_1__["default"]), /* harmony export */ TypographyTitle: () => (/* reexport safe */ _Title__WEBPACK_IMPORTED_MODULE_2__["default"]), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _Base__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Base */ "./components/typography/Base.tsx"); /* harmony import */ var _Link__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Link */ "./components/typography/Link.tsx"); /* harmony import */ var _Paragraph__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Paragraph */ "./components/typography/Paragraph.tsx"); /* harmony import */ var _Text__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Text */ "./components/typography/Text.tsx"); /* harmony import */ var _Title__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Title */ "./components/typography/Title.tsx"); /* harmony import */ var _Typography__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Typography */ "./components/typography/Typography.tsx"); _Typography__WEBPACK_IMPORTED_MODULE_0__["default"].Text = _Text__WEBPACK_IMPORTED_MODULE_1__["default"]; _Typography__WEBPACK_IMPORTED_MODULE_0__["default"].Title = _Title__WEBPACK_IMPORTED_MODULE_2__["default"]; _Typography__WEBPACK_IMPORTED_MODULE_0__["default"].Paragraph = _Paragraph__WEBPACK_IMPORTED_MODULE_3__["default"]; _Typography__WEBPACK_IMPORTED_MODULE_0__["default"].Link = _Link__WEBPACK_IMPORTED_MODULE_4__["default"]; _Typography__WEBPACK_IMPORTED_MODULE_0__["default"].Base = _Base__WEBPACK_IMPORTED_MODULE_5__["default"]; _Typography__WEBPACK_IMPORTED_MODULE_0__["default"].install = function (app) { app.component(_Typography__WEBPACK_IMPORTED_MODULE_0__["default"].name, _Typography__WEBPACK_IMPORTED_MODULE_0__["default"]); app.component(_Typography__WEBPACK_IMPORTED_MODULE_0__["default"].Text.displayName, _Text__WEBPACK_IMPORTED_MODULE_1__["default"]); app.component(_Typography__WEBPACK_IMPORTED_MODULE_0__["default"].Title.displayName, _Title__WEBPACK_IMPORTED_MODULE_2__["default"]); app.component(_Typography__WEBPACK_IMPORTED_MODULE_0__["default"].Paragraph.displayName, _Paragraph__WEBPACK_IMPORTED_MODULE_3__["default"]); app.component(_Typography__WEBPACK_IMPORTED_MODULE_0__["default"].Link.displayName, _Link__WEBPACK_IMPORTED_MODULE_4__["default"]); return app; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_Typography__WEBPACK_IMPORTED_MODULE_0__["default"]); /***/ }), /***/ "./components/typography/style/index.tsx": /*!***********************************************!*\ !*** ./components/typography/style/index.tsx ***! \***********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/genComponentStyleHook.ts"); /* harmony import */ var _mixins__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./mixins */ "./components/typography/style/mixins.tsx"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../style */ "./components/style/operationUnit.ts"); const genTypographyStyle = token => { const { componentCls, sizeMarginHeadingVerticalStart } = token; return { [componentCls]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ color: token.colorText, wordBreak: 'break-word', lineHeight: token.lineHeight, [`&${componentCls}-secondary`]: { color: token.colorTextDescription }, [`&${componentCls}-success`]: { color: token.colorSuccess }, [`&${componentCls}-warning`]: { color: token.colorWarning }, [`&${componentCls}-danger`]: { color: token.colorError, 'a&:active, a&:focus': { color: token.colorErrorActive }, 'a&:hover': { color: token.colorErrorHover } }, [`&${componentCls}-disabled`]: { color: token.colorTextDisabled, cursor: 'not-allowed', userSelect: 'none' }, [` div&, p `]: { marginBottom: '1em' } }, (0,_mixins__WEBPACK_IMPORTED_MODULE_1__.getTitleStyles)(token)), { [` & + h1${componentCls}, & + h2${componentCls}, & + h3${componentCls}, & + h4${componentCls}, & + h5${componentCls} `]: { marginTop: sizeMarginHeadingVerticalStart }, [` div, ul, li, p, h1, h2, h3, h4, h5`]: { [` + h1, + h2, + h3, + h4, + h5 `]: { marginTop: sizeMarginHeadingVerticalStart } } }), (0,_mixins__WEBPACK_IMPORTED_MODULE_1__.getResetStyles)()), (0,_mixins__WEBPACK_IMPORTED_MODULE_1__.getLinkStyles)(token)), { // Operation [` ${componentCls}-expand, ${componentCls}-edit, ${componentCls}-copy `]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_2__.operationUnit)(token)), { marginInlineStart: token.marginXXS }) }), (0,_mixins__WEBPACK_IMPORTED_MODULE_1__.getEditableStyles)(token)), (0,_mixins__WEBPACK_IMPORTED_MODULE_1__.getCopiableStyles)(token)), (0,_mixins__WEBPACK_IMPORTED_MODULE_1__.getEllipsisStyles)()), { '&-rtl': { direction: 'rtl' } }) }; }; // ============================== Export ============================== /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_theme_internal__WEBPACK_IMPORTED_MODULE_3__["default"])('Typography', token => [genTypographyStyle(token)], { sizeMarginHeadingVerticalStart: '1.2em', sizeMarginHeadingVerticalEnd: '0.5em' })); /***/ }), /***/ "./components/typography/style/mixins.tsx": /*!************************************************!*\ !*** ./components/typography/style/mixins.tsx ***! \************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ getCopiableStyles: () => (/* binding */ getCopiableStyles), /* harmony export */ getEditableStyles: () => (/* binding */ getEditableStyles), /* harmony export */ getEllipsisStyles: () => (/* binding */ getEllipsisStyles), /* harmony export */ getLinkStyles: () => (/* binding */ getLinkStyles), /* harmony export */ getResetStyles: () => (/* binding */ getResetStyles), /* harmony export */ getTitleStyles: () => (/* binding */ getTitleStyles) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _ant_design_colors__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @ant-design/colors */ "./node_modules/@ant-design/colors/dist/index.esm.js"); /* harmony import */ var _input_style__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../input/style */ "./components/input/style/index.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../style */ "./components/style/operationUnit.ts"); /* .typography-title(@fontSize; @fontWeight; @lineHeight; @headingColor; @headingMarginBottom;) { margin-bottom: @headingMarginBottom; color: @headingColor; font-weight: @fontWeight; fontSize: @fontSize; line-height: @lineHeight; } */ // eslint-disable-next-line import/prefer-default-export const getTitleStyle = (fontSize, lineHeight, color, token) => { const { sizeMarginHeadingVerticalEnd, fontWeightStrong } = token; return { marginBottom: sizeMarginHeadingVerticalEnd, color, fontWeight: fontWeightStrong, fontSize, lineHeight }; }; // eslint-disable-next-line import/prefer-default-export const getTitleStyles = token => { const headings = [1, 2, 3, 4, 5]; const styles = {}; headings.forEach(headingLevel => { styles[` h${headingLevel}&, div&-h${headingLevel}, div&-h${headingLevel} > textarea, h${headingLevel} `] = getTitleStyle(token[`fontSizeHeading${headingLevel}`], token[`lineHeightHeading${headingLevel}`], token.colorTextHeading, token); }); return styles; }; const getLinkStyles = token => { const { componentCls } = token; return { 'a&, a': (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_2__.operationUnit)(token)), { textDecoration: token.linkDecoration, '&:active, &:hover': { textDecoration: token.linkHoverDecoration }, [`&[disabled], &${componentCls}-disabled`]: { color: token.colorTextDisabled, cursor: 'not-allowed', '&:active, &:hover': { color: token.colorTextDisabled }, '&:active': { pointerEvents: 'none' } } }) }; }; const getResetStyles = () => ({ code: { margin: '0 0.2em', paddingInline: '0.4em', paddingBlock: '0.2em 0.1em', fontSize: '85%', background: 'rgba(150, 150, 150, 0.1)', border: '1px solid rgba(100, 100, 100, 0.2)', borderRadius: 3 }, kbd: { margin: '0 0.2em', paddingInline: '0.4em', paddingBlock: '0.15em 0.1em', fontSize: '90%', background: 'rgba(150, 150, 150, 0.06)', border: '1px solid rgba(100, 100, 100, 0.2)', borderBottomWidth: 2, borderRadius: 3 }, mark: { padding: 0, // FIXME hardcode in v4 backgroundColor: _ant_design_colors__WEBPACK_IMPORTED_MODULE_1__.gold[2] }, 'u, ins': { textDecoration: 'underline', textDecorationSkipInk: 'auto' }, 's, del': { textDecoration: 'line-through' }, strong: { fontWeight: 600 }, // list 'ul, ol': { marginInline: 0, marginBlock: '0 1em', padding: 0, li: { marginInline: '20px 0', marginBlock: 0, paddingInline: '4px 0', paddingBlock: 0 } }, ul: { listStyleType: 'circle', ul: { listStyleType: 'disc' } }, ol: { listStyleType: 'decimal' }, // pre & block 'pre, blockquote': { margin: '1em 0' }, pre: { padding: '0.4em 0.6em', whiteSpace: 'pre-wrap', wordWrap: 'break-word', background: 'rgba(150, 150, 150, 0.1)', border: '1px solid rgba(100, 100, 100, 0.2)', borderRadius: 3, // Compatible for marked code: { display: 'inline', margin: 0, padding: 0, fontSize: 'inherit', fontFamily: 'inherit', background: 'transparent', border: 0 } }, blockquote: { paddingInline: '0.6em 0', paddingBlock: 0, borderInlineStart: '4px solid rgba(100, 100, 100, 0.2)', opacity: 0.85 } }); const getEditableStyles = token => { const { componentCls } = token; const inputToken = (0,_input_style__WEBPACK_IMPORTED_MODULE_3__.initInputToken)(token); const inputShift = inputToken.inputPaddingVertical + 1; return { '&-edit-content': { position: 'relative', 'div&': { insetInlineStart: -token.paddingSM, marginTop: -inputShift, marginBottom: `calc(1em - ${inputShift}px)` }, [`${componentCls}-edit-content-confirm`]: { position: 'absolute', insetInlineEnd: token.marginXS + 2, insetBlockEnd: token.marginXS, color: token.colorTextDescription, // default style fontWeight: 'normal', fontSize: token.fontSize, fontStyle: 'normal', pointerEvents: 'none' }, textarea: { margin: '0!important', // Fix Editable Textarea flash in Firefox MozTransition: 'none', height: '1em' } } }; }; const getCopiableStyles = token => ({ '&-copy-success': { [` &, &:hover, &:focus`]: { color: token.colorSuccess } } }); const getEllipsisStyles = () => ({ [` a&-ellipsis, span&-ellipsis `]: { display: 'inline-block', maxWidth: '100%' }, '&-single-line': { whiteSpace: 'nowrap' }, '&-ellipsis-single-line': { overflow: 'hidden', textOverflow: 'ellipsis', // https://blog.csdn.net/iefreer/article/details/50421025 'a&, span&': { verticalAlign: 'bottom' } }, '&-ellipsis-multiple-line': { display: '-webkit-box', overflow: 'hidden', WebkitLineClamp: 3, WebkitBoxOrient: 'vertical' } }); /***/ }), /***/ "./components/typography/util.tsx": /*!****************************************!*\ !*** ./components/typography/util.tsx ***! \****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _vc_util_Dom_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../vc-util/Dom/css */ "./components/vc-util/Dom/css.ts"); // We only handle element & text node. const TEXT_NODE = 3; const COMMENT_NODE = 8; let ellipsisContainer; const wrapperStyle = { padding: 0, margin: 0, display: 'inline', lineHeight: 'inherit' }; function resetDomStyles(target, origin) { target.setAttribute('aria-hidden', 'true'); const originStyle = window.getComputedStyle(origin); const originCSS = (0,_vc_util_Dom_css__WEBPACK_IMPORTED_MODULE_1__.styleToString)(originStyle); // Set shadow target.setAttribute('style', originCSS); target.style.position = 'fixed'; target.style.left = '0'; target.style.height = 'auto'; target.style.minHeight = 'auto'; target.style.maxHeight = 'auto'; target.style.paddingTop = '0'; target.style.paddingBottom = '0'; target.style.borderTopWidth = '0'; target.style.borderBottomWidth = '0'; target.style.top = '-999999px'; target.style.zIndex = '-1000'; // clean up css overflow target.style.textOverflow = 'clip'; target.style.whiteSpace = 'normal'; target.style.webkitLineClamp = 'none'; } function getRealLineHeight(originElement) { const heightContainer = document.createElement('div'); resetDomStyles(heightContainer, originElement); heightContainer.appendChild(document.createTextNode('text')); document.body.appendChild(heightContainer); // The element real height is always less than multiple of line-height // Use getBoundingClientRect to get actual single row height of the element const realHeight = heightContainer.getBoundingClientRect().height; document.body.removeChild(heightContainer); return realHeight; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((originElement, option, content, fixedContent, ellipsisStr) => { if (!ellipsisContainer) { ellipsisContainer = document.createElement('div'); ellipsisContainer.setAttribute('aria-hidden', 'true'); document.body.appendChild(ellipsisContainer); } const { rows, suffix = '' } = option; const lineHeight = getRealLineHeight(originElement); const maxHeight = Math.round(lineHeight * rows * 100) / 100; resetDomStyles(ellipsisContainer, originElement); // Render in the fake container const vm = (0,vue__WEBPACK_IMPORTED_MODULE_0__.createApp)({ render() { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", { "style": wrapperStyle }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("span", { "style": wrapperStyle }, [content, suffix]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("span", { "style": wrapperStyle }, [fixedContent])]); } }); vm.mount(ellipsisContainer); // Check if ellipsis in measure div is height enough for content function inRange() { const currentHeight = Math.round(ellipsisContainer.getBoundingClientRect().height * 100) / 100; return currentHeight - 0.1 <= maxHeight; // -.1 for firefox } // Skip ellipsis if already match if (inRange()) { vm.unmount(); return { content, text: ellipsisContainer.innerHTML, ellipsis: false }; } const childNodes = Array.prototype.slice.apply(ellipsisContainer.childNodes[0].childNodes[0].cloneNode(true).childNodes).filter(_ref => { let { nodeType, data } = _ref; return nodeType !== COMMENT_NODE && data !== ''; }); const fixedNodes = Array.prototype.slice.apply(ellipsisContainer.childNodes[0].childNodes[1].cloneNode(true).childNodes); vm.unmount(); // ========================= Find match ellipsis content ========================= const ellipsisChildren = []; ellipsisContainer.innerHTML = ''; // Create origin content holder const ellipsisContentHolder = document.createElement('span'); ellipsisContainer.appendChild(ellipsisContentHolder); const ellipsisTextNode = document.createTextNode(ellipsisStr + suffix); ellipsisContentHolder.appendChild(ellipsisTextNode); fixedNodes.forEach(childNode => { ellipsisContainer.appendChild(childNode); }); // Append before fixed nodes function appendChildNode(node) { ellipsisContentHolder.insertBefore(node, ellipsisTextNode); } // Get maximum text function measureText(textNode, fullText) { let startLoc = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0; let endLoc = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : fullText.length; let lastSuccessLoc = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0; const midLoc = Math.floor((startLoc + endLoc) / 2); const currentText = fullText.slice(0, midLoc); textNode.textContent = currentText; if (startLoc >= endLoc - 1) { // Loop when step is small for (let step = endLoc; step >= startLoc; step -= 1) { const currentStepText = fullText.slice(0, step); textNode.textContent = currentStepText; if (inRange() || !currentStepText) { return step === fullText.length ? { finished: false, vNode: fullText } : { finished: true, vNode: currentStepText }; } } } if (inRange()) { return measureText(textNode, fullText, midLoc, endLoc, midLoc); } return measureText(textNode, fullText, startLoc, midLoc, lastSuccessLoc); } function measureNode(childNode) { const type = childNode.nodeType; // console.log('type', type); // if (type === ELEMENT_NODE) { // // We don't split element, it will keep if whole element can be displayed. // appendChildNode(childNode); // if (inRange()) { // return { // finished: false, // vNode: contentList[index], // }; // } // // Clean up if can not pull in // ellipsisContentHolder.removeChild(childNode); // return { // finished: true, // vNode: null, // }; // } if (type === TEXT_NODE) { const fullText = childNode.textContent || ''; const textNode = document.createTextNode(fullText); appendChildNode(textNode); return measureText(textNode, fullText); } // Not handle other type of content return { finished: false, vNode: null }; } childNodes.some(childNode => { const { finished, vNode } = measureNode(childNode); if (vNode) { ellipsisChildren.push(vNode); } return finished; }); return { content: ellipsisChildren, text: ellipsisContainer.innerHTML, ellipsis: true }; }); /***/ }), /***/ "./components/upload/Dragger.tsx": /*!***************************************!*\ !*** ./components/upload/Dragger.tsx ***! \***************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _Upload__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Upload */ "./components/upload/Upload.tsx"); /* harmony import */ var _interface__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./interface */ "./components/upload/interface.tsx"); var __rest = undefined && undefined.__rest || function (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; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'AUploadDragger', inheritAttrs: false, props: (0,_interface__WEBPACK_IMPORTED_MODULE_2__.uploadProps)(), setup(props, _ref) { let { slots, attrs } = _ref; return () => { const { height } = props, restProps = __rest(props, ["height"]); const { style } = attrs, restAttrs = __rest(attrs, ["style"]); const draggerProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, restProps), restAttrs), { type: 'drag', style: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, style), { height: typeof height === 'number' ? `${height}px` : height }) }); return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_Upload__WEBPACK_IMPORTED_MODULE_3__["default"], draggerProps, slots); }; } })); /***/ }), /***/ "./components/upload/Upload.tsx": /*!**************************************!*\ !*** ./components/upload/Upload.tsx ***! \**************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ LIST_IGNORE: () => (/* binding */ LIST_IGNORE), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _vc_upload__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../vc-upload */ "./components/vc-upload/index.ts"); /* harmony import */ var _UploadList__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./UploadList */ "./components/upload/UploadList/index.tsx"); /* harmony import */ var _interface__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./interface */ "./components/upload/interface.tsx"); /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./utils */ "./components/upload/utils.tsx"); /* harmony import */ var _locale_provider_LocaleReceiver__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../locale-provider/LocaleReceiver */ "./components/locale/LocaleReceiver.tsx"); /* harmony import */ var _locale_en_US__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../locale/en_US */ "./components/locale/en_US.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/initDefaultProps.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/index.ts"); /* harmony import */ var _util_hooks_useMergedState__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../_util/hooks/useMergedState */ "./components/_util/hooks/useMergedState.ts"); /* harmony import */ var _vc_util_devWarning__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../vc-util/devWarning */ "./components/vc-util/devWarning.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _form__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../form */ "./components/form/FormItemContext.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./style */ "./components/upload/style/index.ts"); /* harmony import */ var _config_provider_DisabledContext__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../config-provider/DisabledContext */ "./components/config-provider/DisabledContext.ts"); var __awaiter = undefined && undefined.__awaiter || function (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()); }); }; var __rest = undefined && undefined.__rest || function (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; }; // CSSINJS const LIST_IGNORE = `__LIST_IGNORE_${Date.now()}__`; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'AUpload', inheritAttrs: false, props: (0,_util_props_util__WEBPACK_IMPORTED_MODULE_3__["default"])((0,_interface__WEBPACK_IMPORTED_MODULE_4__.uploadProps)(), { type: 'select', multiple: false, action: '', data: {}, accept: '', showUploadList: true, listType: 'text', supportServerRender: true }), setup(props, _ref) { let { slots, attrs, expose } = _ref; const formItemContext = (0,_form__WEBPACK_IMPORTED_MODULE_5__.useInjectFormItemContext)(); const { prefixCls, direction, disabled } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_6__["default"])('upload', props); // style const [wrapSSR, hashId] = (0,_style__WEBPACK_IMPORTED_MODULE_7__["default"])(prefixCls); const disabledContext = (0,_config_provider_DisabledContext__WEBPACK_IMPORTED_MODULE_8__.useInjectDisabled)(); const mergedDisabled = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { var _a; return (_a = disabled.value) !== null && _a !== void 0 ? _a : disabledContext.value; }); const [mergedFileList, setMergedFileList] = (0,_util_hooks_useMergedState__WEBPACK_IMPORTED_MODULE_9__["default"])(props.defaultFileList || [], { value: (0,vue__WEBPACK_IMPORTED_MODULE_2__.toRef)(props, 'fileList'), postState: list => { const timestamp = Date.now(); return (list !== null && list !== void 0 ? list : []).map((file, index) => { if (!file.uid && !Object.isFrozen(file)) { file.uid = `__AUTO__${timestamp}_${index}__`; } return file; }); } }); const dragState = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)('drop'); const upload = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(null); (0,vue__WEBPACK_IMPORTED_MODULE_2__.onMounted)(() => { (0,_vc_util_devWarning__WEBPACK_IMPORTED_MODULE_10__["default"])(props.fileList !== undefined || attrs.value === undefined, 'Upload', '`value` is not a valid prop, do you mean `fileList`?'); (0,_vc_util_devWarning__WEBPACK_IMPORTED_MODULE_10__["default"])(props.transformFile === undefined, 'Upload', '`transformFile` is deprecated. Please use `beforeUpload` directly.'); (0,_vc_util_devWarning__WEBPACK_IMPORTED_MODULE_10__["default"])(props.remove === undefined, 'Upload', '`remove` props is deprecated. Please use `remove` event.'); }); const onInternalChange = (file, changedFileList, event) => { var _a, _b; let cloneList = [...changedFileList]; // Cut to match count if (props.maxCount === 1) { cloneList = cloneList.slice(-1); } else if (props.maxCount) { cloneList = cloneList.slice(0, props.maxCount); } setMergedFileList(cloneList); const changeInfo = { file: file, fileList: cloneList }; if (event) { changeInfo.event = event; } (_a = props['onUpdate:fileList']) === null || _a === void 0 ? void 0 : _a.call(props, changeInfo.fileList); (_b = props.onChange) === null || _b === void 0 ? void 0 : _b.call(props, changeInfo); formItemContext.onFieldChange(); }; const mergedBeforeUpload = (file, fileListArgs) => __awaiter(this, void 0, void 0, function* () { const { beforeUpload, transformFile } = props; let parsedFile = file; if (beforeUpload) { const result = yield beforeUpload(file, fileListArgs); if (result === false) { return false; } // Hack for LIST_IGNORE, we add additional info to remove from the list delete file[LIST_IGNORE]; if (result === LIST_IGNORE) { Object.defineProperty(file, LIST_IGNORE, { value: true, configurable: true }); return false; } if (typeof result === 'object' && result) { parsedFile = result; } } if (transformFile) { parsedFile = yield transformFile(parsedFile); } return parsedFile; }); const onBatchStart = batchFileInfoList => { // Skip file which marked as `LIST_IGNORE`, these file will not add to file list const filteredFileInfoList = batchFileInfoList.filter(info => !info.file[LIST_IGNORE]); // Nothing to do since no file need upload if (!filteredFileInfoList.length) { return; } const objectFileList = filteredFileInfoList.map(info => (0,_utils__WEBPACK_IMPORTED_MODULE_11__.file2Obj)(info.file)); // Concat new files with prev files let newFileList = [...mergedFileList.value]; objectFileList.forEach(fileObj => { // Replace file if exist newFileList = (0,_utils__WEBPACK_IMPORTED_MODULE_11__.updateFileList)(fileObj, newFileList); }); objectFileList.forEach((fileObj, index) => { // Repeat trigger `onChange` event for compatible let triggerFileObj = fileObj; if (!filteredFileInfoList[index].parsedFile) { // `beforeUpload` return false const { originFileObj } = fileObj; let clone; try { clone = new File([originFileObj], originFileObj.name, { type: originFileObj.type }); } catch (e) { clone = new Blob([originFileObj], { type: originFileObj.type }); clone.name = originFileObj.name; clone.lastModifiedDate = new Date(); clone.lastModified = new Date().getTime(); } clone.uid = fileObj.uid; triggerFileObj = clone; } else { // Inject `uploading` status fileObj.status = 'uploading'; } onInternalChange(triggerFileObj, newFileList); }); }; const onSuccess = (response, file, xhr) => { try { if (typeof response === 'string') { response = JSON.parse(response); } } catch (e) { /* do nothing */ } // removed if (!(0,_utils__WEBPACK_IMPORTED_MODULE_11__.getFileItem)(file, mergedFileList.value)) { return; } const targetItem = (0,_utils__WEBPACK_IMPORTED_MODULE_11__.file2Obj)(file); targetItem.status = 'done'; targetItem.percent = 100; targetItem.response = response; targetItem.xhr = xhr; const nextFileList = (0,_utils__WEBPACK_IMPORTED_MODULE_11__.updateFileList)(targetItem, mergedFileList.value); onInternalChange(targetItem, nextFileList); }; const onProgress = (e, file) => { // removed if (!(0,_utils__WEBPACK_IMPORTED_MODULE_11__.getFileItem)(file, mergedFileList.value)) { return; } const targetItem = (0,_utils__WEBPACK_IMPORTED_MODULE_11__.file2Obj)(file); targetItem.status = 'uploading'; targetItem.percent = e.percent; const nextFileList = (0,_utils__WEBPACK_IMPORTED_MODULE_11__.updateFileList)(targetItem, mergedFileList.value); onInternalChange(targetItem, nextFileList, e); }; const onError = (error, response, file) => { // removed if (!(0,_utils__WEBPACK_IMPORTED_MODULE_11__.getFileItem)(file, mergedFileList.value)) { return; } const targetItem = (0,_utils__WEBPACK_IMPORTED_MODULE_11__.file2Obj)(file); targetItem.error = error; targetItem.response = response; targetItem.status = 'error'; const nextFileList = (0,_utils__WEBPACK_IMPORTED_MODULE_11__.updateFileList)(targetItem, mergedFileList.value); onInternalChange(targetItem, nextFileList); }; const handleRemove = file => { let currentFile; const mergedRemove = props.onRemove || props.remove; Promise.resolve(typeof mergedRemove === 'function' ? mergedRemove(file) : mergedRemove).then(ret => { var _a, _b; // Prevent removing file if (ret === false) { return; } const removedFileList = (0,_utils__WEBPACK_IMPORTED_MODULE_11__.removeFileItem)(file, mergedFileList.value); if (removedFileList) { currentFile = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, file), { status: 'removed' }); (_a = mergedFileList.value) === null || _a === void 0 ? void 0 : _a.forEach(item => { const matchKey = currentFile.uid !== undefined ? 'uid' : 'name'; if (item[matchKey] === currentFile[matchKey] && !Object.isFrozen(item)) { item.status = 'removed'; } }); (_b = upload.value) === null || _b === void 0 ? void 0 : _b.abort(currentFile); onInternalChange(currentFile, removedFileList); } }); }; const onFileDrop = e => { var _a; dragState.value = e.type; if (e.type === 'drop') { (_a = props.onDrop) === null || _a === void 0 ? void 0 : _a.call(props, e); } }; expose({ onBatchStart, onSuccess, onProgress, onError, fileList: mergedFileList, upload }); const [locale] = (0,_locale_provider_LocaleReceiver__WEBPACK_IMPORTED_MODULE_12__.useLocaleReceiver)('Upload', _locale_en_US__WEBPACK_IMPORTED_MODULE_13__["default"].Upload, (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.locale)); const renderUploadList = (button, buttonVisible) => { const { removeIcon, previewIcon, downloadIcon, previewFile, onPreview, onDownload, isImageUrl, progress, itemRender, iconRender, showUploadList } = props; const { showDownloadIcon, showPreviewIcon, showRemoveIcon } = typeof showUploadList === 'boolean' ? {} : showUploadList; return showUploadList ? (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_UploadList__WEBPACK_IMPORTED_MODULE_14__["default"], { "prefixCls": prefixCls.value, "listType": props.listType, "items": mergedFileList.value, "previewFile": previewFile, "onPreview": onPreview, "onDownload": onDownload, "onRemove": handleRemove, "showRemoveIcon": !mergedDisabled.value && showRemoveIcon, "showPreviewIcon": showPreviewIcon, "showDownloadIcon": showDownloadIcon, "removeIcon": removeIcon, "previewIcon": previewIcon, "downloadIcon": downloadIcon, "iconRender": iconRender, "locale": locale.value, "isImageUrl": isImageUrl, "progress": progress, "itemRender": itemRender, "appendActionVisible": buttonVisible, "appendAction": button }, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, slots)) : button === null || button === void 0 ? void 0 : button(); }; return () => { var _a, _b, _c; const { listType, type } = props; const { class: className, style: styleName } = attrs, transAttrs = __rest(attrs, ["class", "style"]); const rcUploadProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({ onBatchStart, onError, onProgress, onSuccess }, transAttrs), props), { id: (_a = props.id) !== null && _a !== void 0 ? _a : formItemContext.id.value, prefixCls: prefixCls.value, beforeUpload: mergedBeforeUpload, onChange: undefined, disabled: mergedDisabled.value }); delete rcUploadProps.remove; // Remove id to avoid open by label when trigger is hidden // !children: https://github.com/ant-design/ant-design/issues/14298 // disabled: https://github.com/ant-design/ant-design/issues/16478 // https://github.com/ant-design/ant-design/issues/24197 if (!slots.default || mergedDisabled.value) { delete rcUploadProps.id; } const rtlCls = { [`${prefixCls.value}-rtl`]: direction.value === 'rtl' }; if (type === 'drag') { const dragCls = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_15__["default"])(prefixCls.value, { [`${prefixCls.value}-drag`]: true, [`${prefixCls.value}-drag-uploading`]: mergedFileList.value.some(file => file.status === 'uploading'), [`${prefixCls.value}-drag-hover`]: dragState.value === 'dragover', [`${prefixCls.value}-disabled`]: mergedDisabled.value, [`${prefixCls.value}-rtl`]: direction.value === 'rtl' }, attrs.class, hashId.value); return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, attrs), {}, { "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_15__["default"])(`${prefixCls.value}-wrapper`, rtlCls, className, hashId.value) }), [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": dragCls, "onDrop": onFileDrop, "onDragover": onFileDrop, "onDragleave": onFileDrop, "style": attrs.style }, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_vc_upload__WEBPACK_IMPORTED_MODULE_16__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, rcUploadProps), {}, { "ref": upload, "class": `${prefixCls.value}-btn` }), (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": `${prefixCls.value}-drag-container` }, [(_b = slots.default) === null || _b === void 0 ? void 0 : _b.call(slots)])] }, slots))]), renderUploadList()])); } const uploadButtonCls = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_15__["default"])(prefixCls.value, { [`${prefixCls.value}-select`]: true, [`${prefixCls.value}-select-${listType}`]: true, [`${prefixCls.value}-disabled`]: mergedDisabled.value, [`${prefixCls.value}-rtl`]: direction.value === 'rtl' }); const children = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_17__.flattenChildren)((_c = slots.default) === null || _c === void 0 ? void 0 : _c.call(slots)); const renderUploadButton = uploadButtonStyle => (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": uploadButtonCls, "style": uploadButtonStyle }, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_vc_upload__WEBPACK_IMPORTED_MODULE_16__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, rcUploadProps), {}, { "ref": upload }), slots)]); if (listType === 'picture-card') { return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, attrs), {}, { "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_15__["default"])(`${prefixCls.value}-wrapper`, `${prefixCls.value}-picture-card-wrapper`, rtlCls, attrs.class, hashId.value) }), [renderUploadList(renderUploadButton, !!(children && children.length))])); } return wrapSSR((0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, attrs), {}, { "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_15__["default"])(`${prefixCls.value}-wrapper`, rtlCls, attrs.class, hashId.value) }), [renderUploadButton(children && children.length ? undefined : { display: 'none' }), renderUploadList()])); }; } })); /***/ }), /***/ "./components/upload/UploadList/ListItem.tsx": /*!***************************************************!*\ !*** ./components/upload/UploadList/ListItem.tsx ***! \***************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ listItemProps: () => (/* binding */ listItemProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_vue_es_icons_EyeOutlined__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/EyeOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/EyeOutlined.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_DeleteOutlined__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/DeleteOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/DeleteOutlined.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_DownloadOutlined__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/DownloadOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/DownloadOutlined.js"); /* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../tooltip */ "./components/tooltip/index.ts"); /* harmony import */ var _progress__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../progress */ "./components/progress/index.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _util_transition__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../_util/transition */ "./components/_util/transition.tsx"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../_util/type */ "./components/_util/type.ts"); const listItemProps = () => { return { prefixCls: String, locale: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.objectType)(undefined), file: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.objectType)(), items: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.arrayType)(), listType: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.stringType)(), isImgUrl: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.functionType)(), showRemoveIcon: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.booleanType)(), showDownloadIcon: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.booleanType)(), showPreviewIcon: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.booleanType)(), removeIcon: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.functionType)(), downloadIcon: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.functionType)(), previewIcon: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.functionType)(), iconRender: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.functionType)(), actionIconRender: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.functionType)(), itemRender: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.functionType)(), onPreview: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.functionType)(), onClose: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.functionType)(), onDownload: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.functionType)(), progress: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.objectType)() }; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'ListItem', inheritAttrs: false, props: listItemProps(), setup(props, _ref) { let { slots, attrs } = _ref; var _a; const showProgress = (0,vue__WEBPACK_IMPORTED_MODULE_1__.shallowRef)(false); const progressRafRef = (0,vue__WEBPACK_IMPORTED_MODULE_1__.shallowRef)(); (0,vue__WEBPACK_IMPORTED_MODULE_1__.onMounted)(() => { progressRafRef.value = setTimeout(() => { showProgress.value = true; }, 300); }); (0,vue__WEBPACK_IMPORTED_MODULE_1__.onBeforeUnmount)(() => { clearTimeout(progressRafRef.value); }); const mergedStatus = (0,vue__WEBPACK_IMPORTED_MODULE_1__.shallowRef)((_a = props.file) === null || _a === void 0 ? void 0 : _a.status); (0,vue__WEBPACK_IMPORTED_MODULE_1__.watch)(() => { var _a; return (_a = props.file) === null || _a === void 0 ? void 0 : _a.status; }, status => { if (status !== 'removed') { mergedStatus.value = status; } }); const { rootPrefixCls } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_3__["default"])('upload', props); const transitionProps = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => (0,_util_transition__WEBPACK_IMPORTED_MODULE_4__.getTransitionProps)(`${rootPrefixCls.value}-fade`)); return () => { var _a, _b; const { prefixCls, locale, listType, file, items, progress: progressProps, iconRender = slots.iconRender, actionIconRender = slots.actionIconRender, itemRender = slots.itemRender, isImgUrl, showPreviewIcon, showRemoveIcon, showDownloadIcon, previewIcon: customPreviewIcon = slots.previewIcon, removeIcon: customRemoveIcon = slots.removeIcon, downloadIcon: customDownloadIcon = slots.downloadIcon, onPreview, onDownload, onClose } = props; const { class: className, style } = attrs; // This is used for legacy span make scrollHeight the wrong value. // We will force these to be `display: block` with non `picture-card` const iconNode = iconRender({ file }); let icon = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${prefixCls}-text-icon` }, [iconNode]); if (listType === 'picture' || listType === 'picture-card') { if (mergedStatus.value === 'uploading' || !file.thumbUrl && !file.url) { const uploadingClassName = { [`${prefixCls}-list-item-thumbnail`]: true, [`${prefixCls}-list-item-file`]: mergedStatus.value !== 'uploading' }; icon = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": uploadingClassName }, [iconNode]); } else { const thumbnail = (isImgUrl === null || isImgUrl === void 0 ? void 0 : isImgUrl(file)) ? (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("img", { "src": file.thumbUrl || file.url, "alt": file.name, "class": `${prefixCls}-list-item-image`, "crossorigin": file.crossOrigin }, null) : iconNode; const aClassName = { [`${prefixCls}-list-item-thumbnail`]: true, [`${prefixCls}-list-item-file`]: isImgUrl && !isImgUrl(file) }; icon = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("a", { "class": aClassName, "onClick": e => onPreview(file, e), "href": file.url || file.thumbUrl, "target": "_blank", "rel": "noopener noreferrer" }, [thumbnail]); } } const infoUploadingClass = { [`${prefixCls}-list-item`]: true, [`${prefixCls}-list-item-${mergedStatus.value}`]: true }; const linkProps = typeof file.linkProps === 'string' ? JSON.parse(file.linkProps) : file.linkProps; const removeIcon = showRemoveIcon ? actionIconRender({ customIcon: customRemoveIcon ? customRemoveIcon({ file }) : (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_ant_design_icons_vue_es_icons_DeleteOutlined__WEBPACK_IMPORTED_MODULE_5__["default"], null, null), callback: () => onClose(file), prefixCls, title: locale.removeFile }) : null; const downloadIcon = showDownloadIcon && mergedStatus.value === 'done' ? actionIconRender({ customIcon: customDownloadIcon ? customDownloadIcon({ file }) : (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_ant_design_icons_vue_es_icons_DownloadOutlined__WEBPACK_IMPORTED_MODULE_6__["default"], null, null), callback: () => onDownload(file), prefixCls, title: locale.downloadFile }) : null; const downloadOrDelete = listType !== 'picture-card' && (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", { "key": "download-delete", "class": [`${prefixCls}-list-item-actions`, { picture: listType === 'picture' }] }, [downloadIcon, removeIcon]); const listItemNameClass = `${prefixCls}-list-item-name`; const fileName = file.url ? [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("a", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "key": "view", "target": "_blank", "rel": "noopener noreferrer", "class": listItemNameClass, "title": file.name }, linkProps), {}, { "href": file.url, "onClick": e => onPreview(file, e) }), [file.name]), downloadOrDelete] : [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", { "key": "view", "class": listItemNameClass, "onClick": e => onPreview(file, e), "title": file.name }, [file.name]), downloadOrDelete]; const previewStyle = { pointerEvents: 'none', opacity: 0.5 }; const previewIcon = showPreviewIcon ? (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("a", { "href": file.url || file.thumbUrl, "target": "_blank", "rel": "noopener noreferrer", "style": file.url || file.thumbUrl ? undefined : previewStyle, "onClick": e => onPreview(file, e), "title": locale.previewFile }, [customPreviewIcon ? customPreviewIcon({ file }) : (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_ant_design_icons_vue_es_icons_EyeOutlined__WEBPACK_IMPORTED_MODULE_7__["default"], null, null)]) : null; const pictureCardActions = listType === 'picture-card' && mergedStatus.value !== 'uploading' && (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", { "class": `${prefixCls}-list-item-actions` }, [previewIcon, mergedStatus.value === 'done' && downloadIcon, removeIcon]); const dom = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": infoUploadingClass }, [icon, fileName, pictureCardActions, showProgress.value && (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_1__.Transition, transitionProps.value, { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_1__.withDirectives)((0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${prefixCls}-list-item-progress` }, ['percent' in file ? (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_progress__WEBPACK_IMPORTED_MODULE_8__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, progressProps), {}, { "type": "line", "percent": file.percent }), null) : null]), [[vue__WEBPACK_IMPORTED_MODULE_1__.vShow, mergedStatus.value === 'uploading']])] })]); const listContainerNameClass = { [`${prefixCls}-list-item-container`]: true, [`${className}`]: !!className }; const message = file.response && typeof file.response === 'string' ? file.response : ((_a = file.error) === null || _a === void 0 ? void 0 : _a.statusText) || ((_b = file.error) === null || _b === void 0 ? void 0 : _b.message) || locale.uploadError; const item = mergedStatus.value === 'error' ? (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_tooltip__WEBPACK_IMPORTED_MODULE_9__["default"], { "title": message, "getPopupContainer": node => node.parentNode }, { default: () => [dom] }) : dom; return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": listContainerNameClass, "style": style }, [itemRender ? itemRender({ originNode: item, file, fileList: items, actions: { download: onDownload.bind(null, file), preview: onPreview.bind(null, file), remove: onClose.bind(null, file) } }) : item]); }; } })); /***/ }), /***/ "./components/upload/UploadList/index.tsx": /*!************************************************!*\ !*** ./components/upload/UploadList/index.tsx ***! \************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ant_design_icons_vue_es_icons_LoadingOutlined__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/LoadingOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/LoadingOutlined.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_PaperClipOutlined__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/PaperClipOutlined */ "./node_modules/@ant-design/icons-vue/es/icons/PaperClipOutlined.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_PictureTwoTone__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/PictureTwoTone */ "./node_modules/@ant-design/icons-vue/es/icons/PictureTwoTone.js"); /* harmony import */ var _ant_design_icons_vue_es_icons_FileTwoTone__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @ant-design/icons-vue/es/icons/FileTwoTone */ "./node_modules/@ant-design/icons-vue/es/icons/FileTwoTone.js"); /* harmony import */ var _interface__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../interface */ "./components/upload/interface.tsx"); /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../utils */ "./components/upload/utils.tsx"); /* harmony import */ var _button__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../button */ "./components/button/index.ts"); /* harmony import */ var _ListItem__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./ListItem */ "./components/upload/UploadList/ListItem.tsx"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../_util/props-util */ "./components/_util/props-util/index.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../_util/props-util */ "./components/_util/props-util/initDefaultProps.ts"); /* harmony import */ var _config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../config-provider/hooks/useConfigInject */ "./components/config-provider/hooks/useConfigInject.ts"); /* harmony import */ var _util_transition__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../_util/transition */ "./components/_util/transition.tsx"); /* harmony import */ var _util_collapseMotion__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../_util/collapseMotion */ "./components/_util/collapseMotion.tsx"); const HackSlot = (_, _ref) => { let { slots } = _ref; var _a; return (0,_util_props_util__WEBPACK_IMPORTED_MODULE_3__.filterEmpty)((_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots))[0]; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'AUploadList', props: (0,_util_props_util__WEBPACK_IMPORTED_MODULE_4__["default"])((0,_interface__WEBPACK_IMPORTED_MODULE_5__.uploadListProps)(), { listType: 'text', progress: { strokeWidth: 2, showInfo: false }, showRemoveIcon: true, showDownloadIcon: false, showPreviewIcon: true, previewFile: _utils__WEBPACK_IMPORTED_MODULE_6__.previewImage, isImageUrl: _utils__WEBPACK_IMPORTED_MODULE_6__.isImageUrl, items: [], appendActionVisible: true }), setup(props, _ref2) { let { slots, expose } = _ref2; const motionAppear = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(false); (0,vue__WEBPACK_IMPORTED_MODULE_2__.onMounted)(() => { motionAppear.value == true; }); const mergedItems = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)([]); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)(() => props.items, function () { let val = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : []; mergedItems.value = val.slice(); }, { immediate: true, deep: true }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watchEffect)(() => { if (props.listType !== 'picture' && props.listType !== 'picture-card') { return; } let hasUpdate = false; (props.items || []).forEach((file, index) => { if (typeof document === 'undefined' || typeof window === 'undefined' || !window.FileReader || !window.File || !(file.originFileObj instanceof File || file.originFileObj instanceof Blob) || file.thumbUrl !== undefined) { return; } file.thumbUrl = ''; if (props.previewFile) { props.previewFile(file.originFileObj).then(previewDataUrl => { // Need append '' to avoid dead loop const thumbUrl = previewDataUrl || ''; if (thumbUrl !== file.thumbUrl) { mergedItems.value[index].thumbUrl = thumbUrl; hasUpdate = true; } }); } }); if (hasUpdate) { (0,vue__WEBPACK_IMPORTED_MODULE_2__.triggerRef)(mergedItems); } }); // ============================= Events ============================= const onInternalPreview = (file, e) => { if (!props.onPreview) { return; } e === null || e === void 0 ? void 0 : e.preventDefault(); return props.onPreview(file); }; const onInternalDownload = file => { if (typeof props.onDownload === 'function') { props.onDownload(file); } else if (file.url) { window.open(file.url); } }; const onInternalClose = file => { var _a; (_a = props.onRemove) === null || _a === void 0 ? void 0 : _a.call(props, file); }; const internalIconRender = _ref3 => { let { file } = _ref3; const iconRender = props.iconRender || slots.iconRender; if (iconRender) { return iconRender({ file, listType: props.listType }); } const isLoading = file.status === 'uploading'; const fileIcon = props.isImageUrl && props.isImageUrl(file) ? (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_ant_design_icons_vue_es_icons_PictureTwoTone__WEBPACK_IMPORTED_MODULE_7__["default"], null, null) : (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_ant_design_icons_vue_es_icons_FileTwoTone__WEBPACK_IMPORTED_MODULE_8__["default"], null, null); let icon = isLoading ? (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_ant_design_icons_vue_es_icons_LoadingOutlined__WEBPACK_IMPORTED_MODULE_9__["default"], null, null) : (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_ant_design_icons_vue_es_icons_PaperClipOutlined__WEBPACK_IMPORTED_MODULE_10__["default"], null, null); if (props.listType === 'picture') { icon = isLoading ? (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_ant_design_icons_vue_es_icons_LoadingOutlined__WEBPACK_IMPORTED_MODULE_9__["default"], null, null) : fileIcon; } else if (props.listType === 'picture-card') { icon = isLoading ? props.locale.uploading : fileIcon; } return icon; }; const actionIconRender = opt => { const { customIcon, callback, prefixCls, title } = opt; const btnProps = { type: 'text', size: 'small', title, onClick: () => { callback(); }, class: `${prefixCls}-list-item-action` }; if ((0,_util_props_util__WEBPACK_IMPORTED_MODULE_3__.isValidElement)(customIcon)) { return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_button__WEBPACK_IMPORTED_MODULE_11__["default"], btnProps, { icon: () => customIcon }); } return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_button__WEBPACK_IMPORTED_MODULE_11__["default"], btnProps, { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", null, [customIcon])] }); }; expose({ handlePreview: onInternalPreview, handleDownload: onInternalDownload }); const { prefixCls, rootPrefixCls } = (0,_config_provider_hooks_useConfigInject__WEBPACK_IMPORTED_MODULE_12__["default"])('upload', props); const listClassNames = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => ({ [`${prefixCls.value}-list`]: true, [`${prefixCls.value}-list-${props.listType}`]: true })); const transitionGroupProps = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { const motion = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, (0,_util_collapseMotion__WEBPACK_IMPORTED_MODULE_13__["default"])(`${rootPrefixCls.value}-motion-collapse`)); delete motion.onAfterAppear; delete motion.onAfterEnter; delete motion.onAfterLeave; const motionConfig = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, (0,_util_transition__WEBPACK_IMPORTED_MODULE_14__.getTransitionGroupProps)(`${prefixCls.value}-${props.listType === 'picture-card' ? 'animate-inline' : 'animate'}`)), { class: listClassNames.value, appear: motionAppear.value }); return props.listType !== 'picture-card' ? (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, motion), motionConfig) : motionConfig; }); return () => { const { listType, locale, isImageUrl: isImgUrl, showPreviewIcon, showRemoveIcon, showDownloadIcon, removeIcon, previewIcon, downloadIcon, progress, appendAction, itemRender, appendActionVisible } = props; const appendActionDom = appendAction === null || appendAction === void 0 ? void 0 : appendAction(); const items = mergedItems.value; return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_2__.TransitionGroup, (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, transitionGroupProps.value), {}, { "tag": "div" }), { default: () => [items.map(file => { const { uid: key } = file; return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_ListItem__WEBPACK_IMPORTED_MODULE_15__["default"], { "key": key, "locale": locale, "prefixCls": prefixCls.value, "file": file, "items": items, "progress": progress, "listType": listType, "isImgUrl": isImgUrl, "showPreviewIcon": showPreviewIcon, "showRemoveIcon": showRemoveIcon, "showDownloadIcon": showDownloadIcon, "onPreview": onInternalPreview, "onDownload": onInternalDownload, "onClose": onInternalClose, "removeIcon": removeIcon, "previewIcon": previewIcon, "downloadIcon": downloadIcon, "itemRender": itemRender }, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, slots), { iconRender: internalIconRender, actionIconRender })); }), appendAction ? (0,vue__WEBPACK_IMPORTED_MODULE_2__.withDirectives)((0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(HackSlot, { "key": "__ant_upload_appendAction" }, { default: () => appendActionDom }), [[vue__WEBPACK_IMPORTED_MODULE_2__.vShow, !!appendActionVisible]]) : null] }); }; } })); /***/ }), /***/ "./components/upload/index.tsx": /*!*************************************!*\ !*** ./components/upload/index.tsx ***! \*************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ UploadDragger: () => (/* binding */ UploadDragger), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _Upload__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Upload */ "./components/upload/Upload.tsx"); /* harmony import */ var _Dragger__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Dragger */ "./components/upload/Dragger.tsx"); /* istanbul ignore next */ const UploadDragger = _Dragger__WEBPACK_IMPORTED_MODULE_1__["default"]; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])(_Upload__WEBPACK_IMPORTED_MODULE_2__["default"], { Dragger: _Dragger__WEBPACK_IMPORTED_MODULE_1__["default"], LIST_IGNORE: _Upload__WEBPACK_IMPORTED_MODULE_2__.LIST_IGNORE, install(app) { app.component(_Upload__WEBPACK_IMPORTED_MODULE_2__["default"].name, _Upload__WEBPACK_IMPORTED_MODULE_2__["default"]); app.component(_Dragger__WEBPACK_IMPORTED_MODULE_1__["default"].name, _Dragger__WEBPACK_IMPORTED_MODULE_1__["default"]); return app; } })); /***/ }), /***/ "./components/upload/interface.tsx": /*!*****************************************!*\ !*** ./components/upload/interface.tsx ***! \*****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ uploadListProps: () => (/* binding */ uploadListProps), /* harmony export */ uploadProps: () => (/* binding */ uploadProps) /* harmony export */ }); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); function uploadProps() { return { capture: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.someType)([Boolean, String]), type: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.stringType)(), name: String, defaultFileList: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.arrayType)(), fileList: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.arrayType)(), action: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.someType)([String, Function]), directory: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.booleanType)(), data: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.someType)([Object, Function]), method: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.stringType)(), headers: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.objectType)(), showUploadList: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.someType)([Boolean, Object]), multiple: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.booleanType)(), accept: String, beforeUpload: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.functionType)(), onChange: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.functionType)(), 'onUpdate:fileList': (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.functionType)(), onDrop: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.functionType)(), listType: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.stringType)(), onPreview: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.functionType)(), onDownload: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.functionType)(), onReject: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.functionType)(), onRemove: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.functionType)(), /** @deprecated Please use `onRemove` directly */ remove: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.functionType)(), supportServerRender: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.booleanType)(), disabled: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.booleanType)(), prefixCls: String, customRequest: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.functionType)(), withCredentials: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.booleanType)(), openFileDialogOnClick: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.booleanType)(), locale: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.objectType)(), id: String, previewFile: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.functionType)(), /** @deprecated Please use `beforeUpload` directly */ transformFile: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.functionType)(), iconRender: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.functionType)(), isImageUrl: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.functionType)(), progress: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.objectType)(), itemRender: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.functionType)(), /** Config max count of `fileList`. Will replace current one when `maxCount` is 1 */ maxCount: Number, height: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.someType)([Number, String]), removeIcon: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.functionType)(), downloadIcon: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.functionType)(), previewIcon: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.functionType)() }; } function uploadListProps() { return { listType: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.stringType)(), onPreview: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.functionType)(), onDownload: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.functionType)(), onRemove: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.functionType)(), items: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.arrayType)(), progress: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.objectType)(), prefixCls: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.stringType)(), showRemoveIcon: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.booleanType)(), showDownloadIcon: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.booleanType)(), showPreviewIcon: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.booleanType)(), removeIcon: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.functionType)(), downloadIcon: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.functionType)(), previewIcon: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.functionType)(), locale: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.objectType)(undefined), previewFile: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.functionType)(), iconRender: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.functionType)(), isImageUrl: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.functionType)(), appendAction: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.functionType)(), appendActionVisible: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.booleanType)(), itemRender: (0,_util_type__WEBPACK_IMPORTED_MODULE_0__.functionType)() }; } /***/ }), /***/ "./components/upload/style/dragger.ts": /*!********************************************!*\ !*** ./components/upload/style/dragger.ts ***! \********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); const genDraggerStyle = token => { const { componentCls, iconCls } = token; return { [`${componentCls}-wrapper`]: { [`${componentCls}-drag`]: { position: 'relative', width: '100%', height: '100%', textAlign: 'center', background: token.colorFillAlter, border: `${token.lineWidth}px dashed ${token.colorBorder}`, borderRadius: token.borderRadiusLG, cursor: 'pointer', transition: `border-color ${token.motionDurationSlow}`, [componentCls]: { padding: `${token.padding}px 0` }, [`${componentCls}-btn`]: { display: 'table', width: '100%', height: '100%', outline: 'none' }, [`${componentCls}-drag-container`]: { display: 'table-cell', verticalAlign: 'middle' }, [`&:not(${componentCls}-disabled):hover`]: { borderColor: token.colorPrimaryHover }, [`p${componentCls}-drag-icon`]: { marginBottom: token.margin, [iconCls]: { color: token.colorPrimary, fontSize: token.uploadThumbnailSize } }, [`p${componentCls}-text`]: { margin: `0 0 ${token.marginXXS}px`, color: token.colorTextHeading, fontSize: token.fontSizeLG }, [`p${componentCls}-hint`]: { color: token.colorTextDescription, fontSize: token.fontSize }, // ===================== Disabled ===================== [`&${componentCls}-disabled`]: { cursor: 'not-allowed', [`p${componentCls}-drag-icon ${iconCls}, p${componentCls}-text, p${componentCls}-hint `]: { color: token.colorTextDisabled } } } } }; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (genDraggerStyle); /***/ }), /***/ "./components/upload/style/index.ts": /*!******************************************!*\ !*** ./components/upload/style/index.ts ***! \******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/genComponentStyleHook.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../theme/internal */ "./components/theme/util/statistic.ts"); /* harmony import */ var _dragger__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./dragger */ "./components/upload/style/dragger.ts"); /* harmony import */ var _list__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./list */ "./components/upload/style/list.ts"); /* harmony import */ var _motion__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./motion */ "./components/upload/style/motion.ts"); /* harmony import */ var _picture__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./picture */ "./components/upload/style/picture.ts"); /* harmony import */ var _rtl__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./rtl */ "./components/upload/style/rtl.ts"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../style */ "./components/style/index.ts"); /* harmony import */ var _style_motion__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../style/motion */ "./components/style/motion/collapse.ts"); const genBaseStyle = token => { const { componentCls, colorTextDisabled } = token; return { [`${componentCls}-wrapper`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_1__.resetComponent)(token)), { [componentCls]: { outline: 0, "input[type='file']": { cursor: 'pointer' } }, [`${componentCls}-select`]: { display: 'inline-block' }, [`${componentCls}-disabled`]: { color: colorTextDisabled, cursor: 'not-allowed' } }) }; }; // ============================== Export ============================== /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_theme_internal__WEBPACK_IMPORTED_MODULE_2__["default"])('Upload', token => { const { fontSizeHeading3, fontSize, lineHeight, lineWidth, controlHeightLG } = token; const listItemHeightSM = Math.round(fontSize * lineHeight); const uploadToken = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_3__.merge)(token, { uploadThumbnailSize: fontSizeHeading3 * 2, uploadProgressOffset: listItemHeightSM / 2 + lineWidth, uploadPicCardSize: controlHeightLG * 2.55 }); return [genBaseStyle(uploadToken), (0,_dragger__WEBPACK_IMPORTED_MODULE_4__["default"])(uploadToken), (0,_picture__WEBPACK_IMPORTED_MODULE_5__.genPictureStyle)(uploadToken), (0,_picture__WEBPACK_IMPORTED_MODULE_5__.genPictureCardStyle)(uploadToken), (0,_list__WEBPACK_IMPORTED_MODULE_6__["default"])(uploadToken), (0,_motion__WEBPACK_IMPORTED_MODULE_7__["default"])(uploadToken), (0,_rtl__WEBPACK_IMPORTED_MODULE_8__["default"])(uploadToken), (0,_style_motion__WEBPACK_IMPORTED_MODULE_9__["default"])(uploadToken)]; })); /***/ }), /***/ "./components/upload/style/list.ts": /*!*****************************************!*\ !*** ./components/upload/style/list.ts ***! \*****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../style */ "./components/style/index.ts"); const genListStyle = token => { const { componentCls, antCls, iconCls, fontSize, lineHeight } = token; const itemCls = `${componentCls}-list-item`; const actionsCls = `${itemCls}-actions`; const actionCls = `${itemCls}-action`; const listItemHeightSM = Math.round(fontSize * lineHeight); return { [`${componentCls}-wrapper`]: { [`${componentCls}-list`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_1__.clearFix)()), { lineHeight: token.lineHeight, [itemCls]: { position: 'relative', height: token.lineHeight * fontSize, marginTop: token.marginXS, fontSize, display: 'flex', alignItems: 'center', transition: `background-color ${token.motionDurationSlow}`, '&:hover': { backgroundColor: token.controlItemBgHover }, [`${itemCls}-name`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, _style__WEBPACK_IMPORTED_MODULE_1__.textEllipsis), { padding: `0 ${token.paddingXS}px`, lineHeight, flex: 'auto', transition: `all ${token.motionDurationSlow}` }), [actionsCls]: { [actionCls]: { opacity: 0 }, [`${actionCls}${antCls}-btn-sm`]: { height: listItemHeightSM, border: 0, lineHeight: 1, // FIXME: should not override small button '> span': { transform: 'scale(1)' } }, [` ${actionCls}:focus, &.picture ${actionCls} `]: { opacity: 1 }, [iconCls]: { color: token.colorTextDescription, transition: `all ${token.motionDurationSlow}` }, [`&:hover ${iconCls}`]: { color: token.colorText } }, [`${componentCls}-icon ${iconCls}`]: { color: token.colorTextDescription, fontSize }, [`${itemCls}-progress`]: { position: 'absolute', bottom: -token.uploadProgressOffset, width: '100%', paddingInlineStart: fontSize + token.paddingXS, fontSize, lineHeight: 0, pointerEvents: 'none', '> div': { margin: 0 } } }, [`${itemCls}:hover ${actionCls}`]: { opacity: 1, color: token.colorText }, [`${itemCls}-error`]: { color: token.colorError, [`${itemCls}-name, ${componentCls}-icon ${iconCls}`]: { color: token.colorError }, [actionsCls]: { [`${iconCls}, ${iconCls}:hover`]: { color: token.colorError }, [actionCls]: { opacity: 1 } } }, [`${componentCls}-list-item-container`]: { transition: `opacity ${token.motionDurationSlow}, height ${token.motionDurationSlow}`, // For smooth removing animation '&::before': { display: 'table', width: 0, height: 0, content: '""' } } }) } }; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (genListStyle); /***/ }), /***/ "./components/upload/style/motion.ts": /*!*******************************************!*\ !*** ./components/upload/style/motion.ts ***! \*******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _util_cssinjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../_util/cssinjs */ "./components/_util/cssinjs/Keyframes.ts"); const uploadAnimateInlineIn = new _util_cssinjs__WEBPACK_IMPORTED_MODULE_0__["default"]('uploadAnimateInlineIn', { from: { width: 0, height: 0, margin: 0, padding: 0, opacity: 0 } }); const uploadAnimateInlineOut = new _util_cssinjs__WEBPACK_IMPORTED_MODULE_0__["default"]('uploadAnimateInlineOut', { to: { width: 0, height: 0, margin: 0, padding: 0, opacity: 0 } }); // =========================== Motion =========================== const genMotionStyle = token => { const { componentCls } = token; const inlineCls = `${componentCls}-animate-inline`; return [{ [`${componentCls}-wrapper`]: { [`${inlineCls}-appear, ${inlineCls}-enter, ${inlineCls}-leave`]: { animationDuration: token.motionDurationSlow, animationTimingFunction: token.motionEaseInOutCirc, animationFillMode: 'forwards' }, [`${inlineCls}-appear, ${inlineCls}-enter`]: { animationName: uploadAnimateInlineIn }, [`${inlineCls}-leave`]: { animationName: uploadAnimateInlineOut } } }, uploadAnimateInlineIn, uploadAnimateInlineOut]; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (genMotionStyle); /***/ }), /***/ "./components/upload/style/picture.ts": /*!********************************************!*\ !*** ./components/upload/style/picture.ts ***! \********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ genPictureCardStyle: () => (/* binding */ genPictureCardStyle), /* harmony export */ genPictureStyle: () => (/* binding */ genPictureStyle) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ctrl/tinycolor */ "./node_modules/@ctrl/tinycolor/dist/module/index.js"); /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../style */ "./components/style/index.ts"); const genPictureStyle = token => { const { componentCls, iconCls, uploadThumbnailSize, uploadProgressOffset } = token; const listCls = `${componentCls}-list`; const itemCls = `${listCls}-item`; return { [`${componentCls}-wrapper`]: { // ${listCls} 增加优先级 [`${listCls}${listCls}-picture, ${listCls}${listCls}-picture-card`]: { [itemCls]: { position: 'relative', height: uploadThumbnailSize + token.lineWidth * 2 + token.paddingXS * 2, padding: token.paddingXS, border: `${token.lineWidth}px ${token.lineType} ${token.colorBorder}`, borderRadius: token.borderRadiusLG, '&:hover': { background: 'transparent' }, [`${itemCls}-thumbnail`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, _style__WEBPACK_IMPORTED_MODULE_1__.textEllipsis), { width: uploadThumbnailSize, height: uploadThumbnailSize, lineHeight: `${uploadThumbnailSize + token.paddingSM}px`, textAlign: 'center', flex: 'none', [iconCls]: { fontSize: token.fontSizeHeading2, color: token.colorPrimary }, img: { display: 'block', width: '100%', height: '100%', overflow: 'hidden' } }), [`${itemCls}-progress`]: { bottom: uploadProgressOffset, width: `calc(100% - ${token.paddingSM * 2}px)`, marginTop: 0, paddingInlineStart: uploadThumbnailSize + token.paddingXS } }, [`${itemCls}-error`]: { borderColor: token.colorError, // Adjust the color of the error icon : https://github.com/ant-design/ant-design/pull/24160 [`${itemCls}-thumbnail ${iconCls}`]: { [`svg path[fill='#e6f7ff']`]: { fill: token.colorErrorBg }, [`svg path[fill='#1890ff']`]: { fill: token.colorError } } }, [`${itemCls}-uploading`]: { borderStyle: 'dashed', [`${itemCls}-name`]: { marginBottom: uploadProgressOffset } } } } }; }; const genPictureCardStyle = token => { const { componentCls, iconCls, fontSizeLG, colorTextLightSolid } = token; const listCls = `${componentCls}-list`; const itemCls = `${listCls}-item`; const uploadPictureCardSize = token.uploadPicCardSize; return { [`${componentCls}-wrapper${componentCls}-picture-card-wrapper`]: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_style__WEBPACK_IMPORTED_MODULE_1__.clearFix)()), { display: 'inline-block', width: '100%', [`${componentCls}${componentCls}-select`]: { width: uploadPictureCardSize, height: uploadPictureCardSize, marginInlineEnd: token.marginXS, marginBottom: token.marginXS, textAlign: 'center', verticalAlign: 'top', backgroundColor: token.colorFillAlter, border: `${token.lineWidth}px dashed ${token.colorBorder}`, borderRadius: token.borderRadiusLG, cursor: 'pointer', transition: `border-color ${token.motionDurationSlow}`, [`> ${componentCls}`]: { display: 'flex', alignItems: 'center', justifyContent: 'center', height: '100%', textAlign: 'center' }, [`&:not(${componentCls}-disabled):hover`]: { borderColor: token.colorPrimary } }, // list [`${listCls}${listCls}-picture-card`]: { [`${listCls}-item-container`]: { display: 'inline-block', width: uploadPictureCardSize, height: uploadPictureCardSize, marginBlock: `0 ${token.marginXS}px`, marginInline: `0 ${token.marginXS}px`, verticalAlign: 'top' }, '&::after': { display: 'none' }, [itemCls]: { height: '100%', margin: 0, '&::before': { position: 'absolute', zIndex: 1, width: `calc(100% - ${token.paddingXS * 2}px)`, height: `calc(100% - ${token.paddingXS * 2}px)`, backgroundColor: token.colorBgMask, opacity: 0, transition: `all ${token.motionDurationSlow}`, content: '" "' } }, [`${itemCls}:hover`]: { [`&::before, ${itemCls}-actions`]: { opacity: 1 } }, [`${itemCls}-actions`]: { position: 'absolute', insetInlineStart: 0, zIndex: 10, width: '100%', whiteSpace: 'nowrap', textAlign: 'center', opacity: 0, transition: `all ${token.motionDurationSlow}`, [`${iconCls}-eye, ${iconCls}-download, ${iconCls}-delete`]: { zIndex: 10, width: fontSizeLG, margin: `0 ${token.marginXXS}px`, fontSize: fontSizeLG, cursor: 'pointer', transition: `all ${token.motionDurationSlow}` } }, [`${itemCls}-actions, ${itemCls}-actions:hover`]: { [`${iconCls}-eye, ${iconCls}-download, ${iconCls}-delete`]: { color: new _ctrl_tinycolor__WEBPACK_IMPORTED_MODULE_2__.TinyColor(colorTextLightSolid).setAlpha(0.65).toRgbString(), '&:hover': { color: colorTextLightSolid } } }, [`${itemCls}-thumbnail, ${itemCls}-thumbnail img`]: { position: 'static', display: 'block', width: '100%', height: '100%', objectFit: 'contain' }, [`${itemCls}-name`]: { display: 'none', textAlign: 'center' }, [`${itemCls}-file + ${itemCls}-name`]: { position: 'absolute', bottom: token.margin, display: 'block', width: `calc(100% - ${token.paddingXS * 2}px)` }, [`${itemCls}-uploading`]: { [`&${itemCls}`]: { backgroundColor: token.colorFillAlter }, [`&::before, ${iconCls}-eye, ${iconCls}-download, ${iconCls}-delete`]: { display: 'none' } }, [`${itemCls}-progress`]: { bottom: token.marginXL, width: `calc(100% - ${token.paddingXS * 2}px)`, paddingInlineStart: 0 } } }) }; }; /***/ }), /***/ "./components/upload/style/rtl.ts": /*!****************************************!*\ !*** ./components/upload/style/rtl.ts ***! \****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); // =========================== Motion =========================== const genRtlStyle = token => { const { componentCls } = token; return { [`${componentCls}-rtl`]: { direction: 'rtl' } }; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (genRtlStyle); /***/ }), /***/ "./components/upload/utils.tsx": /*!*************************************!*\ !*** ./components/upload/utils.tsx ***! \*************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ file2Obj: () => (/* binding */ file2Obj), /* harmony export */ getFileItem: () => (/* binding */ getFileItem), /* harmony export */ isImageUrl: () => (/* binding */ isImageUrl), /* harmony export */ previewImage: () => (/* binding */ previewImage), /* harmony export */ removeFileItem: () => (/* binding */ removeFileItem), /* harmony export */ updateFileList: () => (/* binding */ updateFileList) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); function file2Obj(file) { return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, file), { lastModified: file.lastModified, lastModifiedDate: file.lastModifiedDate, name: file.name, size: file.size, type: file.type, uid: file.uid, percent: 0, originFileObj: file }); } /** Upload fileList. Replace file if exist or just push into it. */ function updateFileList(file, fileList) { const nextFileList = [...fileList]; const fileIndex = nextFileList.findIndex(_ref => { let { uid } = _ref; return uid === file.uid; }); if (fileIndex === -1) { nextFileList.push(file); } else { nextFileList[fileIndex] = file; } return nextFileList; } function getFileItem(file, fileList) { const matchKey = file.uid !== undefined ? 'uid' : 'name'; return fileList.filter(item => item[matchKey] === file[matchKey])[0]; } function removeFileItem(file, fileList) { const matchKey = file.uid !== undefined ? 'uid' : 'name'; const removed = fileList.filter(item => item[matchKey] !== file[matchKey]); if (removed.length === fileList.length) { return null; } return removed; } // ==================== Default Image Preview ==================== const extname = function () { let url = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ''; const temp = url.split('/'); const filename = temp[temp.length - 1]; const filenameWithoutSuffix = filename.split(/#|\?/)[0]; return (/\.[^./\\]*$/.exec(filenameWithoutSuffix) || [''])[0]; }; const isImageFileType = type => type.indexOf('image/') === 0; const isImageUrl = file => { if (file.type && !file.thumbUrl) { return isImageFileType(file.type); } const url = file.thumbUrl || file.url || ''; const extension = extname(url); if (/^data:image\//.test(url) || /(webp|svg|png|gif|jpg|jpeg|jfif|bmp|dpg|ico)$/i.test(extension)) { return true; } if (/^data:/.test(url)) { // other file types of base64 return false; } if (extension) { // other file types which have extension return false; } return true; }; const MEASURE_SIZE = 200; function previewImage(file) { return new Promise(resolve => { if (!file.type || !isImageFileType(file.type)) { resolve(''); return; } const canvas = document.createElement('canvas'); canvas.width = MEASURE_SIZE; canvas.height = MEASURE_SIZE; canvas.style.cssText = `position: fixed; left: 0; top: 0; width: ${MEASURE_SIZE}px; height: ${MEASURE_SIZE}px; z-index: 9999; display: none;`; document.body.appendChild(canvas); const ctx = canvas.getContext('2d'); const img = new Image(); img.onload = () => { const { width, height } = img; let drawWidth = MEASURE_SIZE; let drawHeight = MEASURE_SIZE; let offsetX = 0; let offsetY = 0; if (width > height) { drawHeight = height * (MEASURE_SIZE / width); offsetY = -(drawHeight - drawWidth) / 2; } else { drawWidth = width * (MEASURE_SIZE / height); offsetX = -(drawWidth - drawHeight) / 2; } ctx.drawImage(img, offsetX, offsetY, drawWidth, drawHeight); const dataURL = canvas.toDataURL(); document.body.removeChild(canvas); resolve(dataURL); }; img.crossOrigin = 'anonymous'; if (file.type.startsWith('image/svg+xml')) { const reader = new FileReader(); reader.addEventListener('load', () => { if (reader.result) img.src = reader.result; }); reader.readAsDataURL(file); } else { img.src = window.URL.createObjectURL(file); } }); } /***/ }), /***/ "./components/vc-align/Align.tsx": /*!***************************************!*\ !*** ./components/vc-align/Align.tsx ***! \***************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ alignProps: () => (/* binding */ alignProps), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var dom_align__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! dom-align */ "./node_modules/dom-align/dist-web/index.js"); /* harmony import */ var _vc_util_Dom_addEventListener__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../vc-util/Dom/addEventListener */ "./components/vc-util/Dom/addEventListener.js"); /* harmony import */ var _util_vnode__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../_util/vnode */ "./components/_util/vnode.ts"); /* harmony import */ var _vc_util_Dom_isVisible__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../vc-util/Dom/isVisible */ "./components/vc-util/Dom/isVisible.ts"); /* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./util */ "./components/vc-align/util.ts"); /* harmony import */ var _hooks_useBuffer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./hooks/useBuffer */ "./components/vc-align/hooks/useBuffer.tsx"); /* harmony import */ var lodash_es_isEqual__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! lodash-es/isEqual */ "./node_modules/lodash-es/isEqual.js"); const alignProps = { align: Object, target: [Object, Function], onAlign: Function, monitorBufferTime: Number, monitorWindowResize: Boolean, disabled: Boolean }; function getElement(func) { if (typeof func !== 'function') return null; return func(); } function getPoint(point) { if (typeof point !== 'object' || !point) return null; return point; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'Align', props: alignProps, emits: ['align'], setup(props, _ref) { let { expose, slots } = _ref; const cacheRef = (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)({}); const nodeRef = (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)(); const [forceAlign, cancelForceAlign] = (0,_hooks_useBuffer__WEBPACK_IMPORTED_MODULE_1__["default"])(() => { const { disabled: latestDisabled, target: latestTarget, align: latestAlign, onAlign: latestOnAlign } = props; if (!latestDisabled && latestTarget && nodeRef.value) { const source = nodeRef.value; let result; const element = getElement(latestTarget); const point = getPoint(latestTarget); cacheRef.value.element = element; cacheRef.value.point = point; cacheRef.value.align = latestAlign; // IE lose focus after element realign // We should record activeElement and restore later const { activeElement } = document; // We only align when element is visible if (element && (0,_vc_util_Dom_isVisible__WEBPACK_IMPORTED_MODULE_2__["default"])(element)) { result = (0,dom_align__WEBPACK_IMPORTED_MODULE_3__.alignElement)(source, element, latestAlign); } else if (point) { result = (0,dom_align__WEBPACK_IMPORTED_MODULE_3__.alignPoint)(source, point, latestAlign); } (0,_util__WEBPACK_IMPORTED_MODULE_4__.restoreFocus)(activeElement, source); if (latestOnAlign && result) { latestOnAlign(source, result); } return true; } return false; }, (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => props.monitorBufferTime)); // ===================== Effect ===================== // Listen for target updated const resizeMonitor = (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)({ cancel: () => {} }); // Listen for source updated const sourceResizeMonitor = (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)({ cancel: () => {} }); const goAlign = () => { const target = props.target; const element = getElement(target); const point = getPoint(target); if (nodeRef.value !== sourceResizeMonitor.value.element) { sourceResizeMonitor.value.cancel(); sourceResizeMonitor.value.element = nodeRef.value; sourceResizeMonitor.value.cancel = (0,_util__WEBPACK_IMPORTED_MODULE_4__.monitorResize)(nodeRef.value, forceAlign); } if (cacheRef.value.element !== element || !(0,_util__WEBPACK_IMPORTED_MODULE_4__.isSamePoint)(cacheRef.value.point, point) || !(0,lodash_es_isEqual__WEBPACK_IMPORTED_MODULE_5__["default"])(cacheRef.value.align, props.align)) { forceAlign(); // Add resize observer if (resizeMonitor.value.element !== element) { resizeMonitor.value.cancel(); resizeMonitor.value.element = element; resizeMonitor.value.cancel = (0,_util__WEBPACK_IMPORTED_MODULE_4__.monitorResize)(element, forceAlign); } } }; (0,vue__WEBPACK_IMPORTED_MODULE_0__.onMounted)(() => { (0,vue__WEBPACK_IMPORTED_MODULE_0__.nextTick)(() => { goAlign(); }); }); (0,vue__WEBPACK_IMPORTED_MODULE_0__.onUpdated)(() => { (0,vue__WEBPACK_IMPORTED_MODULE_0__.nextTick)(() => { goAlign(); }); }); // Listen for disabled change (0,vue__WEBPACK_IMPORTED_MODULE_0__.watch)(() => props.disabled, disabled => { if (!disabled) { forceAlign(); } else { cancelForceAlign(); } }, { immediate: true, flush: 'post' }); // Listen for window resize const winResizeRef = (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)(null); (0,vue__WEBPACK_IMPORTED_MODULE_0__.watch)(() => props.monitorWindowResize, monitorWindowResize => { if (monitorWindowResize) { if (!winResizeRef.value) { winResizeRef.value = (0,_vc_util_Dom_addEventListener__WEBPACK_IMPORTED_MODULE_6__["default"])(window, 'resize', forceAlign); } } else if (winResizeRef.value) { winResizeRef.value.remove(); winResizeRef.value = null; } }, { flush: 'post' }); (0,vue__WEBPACK_IMPORTED_MODULE_0__.onUnmounted)(() => { resizeMonitor.value.cancel(); sourceResizeMonitor.value.cancel(); if (winResizeRef.value) winResizeRef.value.remove(); cancelForceAlign(); }); expose({ forceAlign: () => forceAlign(true) }); return () => { const child = slots === null || slots === void 0 ? void 0 : slots.default(); if (child) { return (0,_util_vnode__WEBPACK_IMPORTED_MODULE_7__.cloneElement)(child[0], { ref: nodeRef }, true, true); } return null; }; } })); /***/ }), /***/ "./components/vc-align/hooks/useBuffer.tsx": /*!*************************************************!*\ !*** ./components/vc-align/hooks/useBuffer.tsx ***! \*************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((callback, buffer) => { let called = false; let timeout = null; function cancelTrigger() { clearTimeout(timeout); } function trigger(force) { if (!called || force === true) { if (callback() === false) { // Not delay since callback cancelled self return; } called = true; cancelTrigger(); timeout = setTimeout(() => { called = false; }, buffer.value); } else { cancelTrigger(); timeout = setTimeout(() => { called = false; trigger(); }, buffer.value); } } return [trigger, () => { called = false; cancelTrigger(); }]; }); /***/ }), /***/ "./components/vc-align/util.ts": /*!*************************************!*\ !*** ./components/vc-align/util.ts ***! \*************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ isSamePoint: () => (/* binding */ isSamePoint), /* harmony export */ monitorResize: () => (/* binding */ monitorResize), /* harmony export */ restoreFocus: () => (/* binding */ restoreFocus) /* harmony export */ }); /* harmony import */ var _vc_util_Dom_contains__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../vc-util/Dom/contains */ "./components/vc-util/Dom/contains.ts"); /* harmony import */ var resize_observer_polyfill__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! resize-observer-polyfill */ "./node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js"); function isSamePoint(prev, next) { if (prev === next) return true; if (!prev || !next) return false; if ('pageX' in next && 'pageY' in next) { return prev.pageX === next.pageX && prev.pageY === next.pageY; } if ('clientX' in next && 'clientY' in next) { return prev.clientX === next.clientX && prev.clientY === next.clientY; } return false; } function restoreFocus(activeElement, container) { // Focus back if is in the container if (activeElement !== document.activeElement && (0,_vc_util_Dom_contains__WEBPACK_IMPORTED_MODULE_1__["default"])(container, activeElement) && typeof activeElement.focus === 'function') { activeElement.focus(); } } function monitorResize(element, callback) { let prevWidth = null; let prevHeight = null; function onResize(_ref) { let [{ target }] = _ref; if (!document.documentElement.contains(target)) return; const { width, height } = target.getBoundingClientRect(); const fixedWidth = Math.floor(width); const fixedHeight = Math.floor(height); if (prevWidth !== fixedWidth || prevHeight !== fixedHeight) { // https://webkit.org/blog/9997/resizeobserver-in-webkit/ Promise.resolve().then(() => { callback({ width: fixedWidth, height: fixedHeight }); }); } prevWidth = fixedWidth; prevHeight = fixedHeight; } const resizeObserver = new resize_observer_polyfill__WEBPACK_IMPORTED_MODULE_0__["default"](onResize); if (element) { resizeObserver.observe(element); } return () => { resizeObserver.disconnect(); }; } /***/ }), /***/ "./components/vc-cascader/Cascader.tsx": /*!*********************************************!*\ !*** ./components/vc-cascader/Cascader.tsx ***! \*********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ SHOW_CHILD: () => (/* reexport safe */ _utils_commonUtil__WEBPACK_IMPORTED_MODULE_3__.SHOW_CHILD), /* harmony export */ SHOW_PARENT: () => (/* reexport safe */ _utils_commonUtil__WEBPACK_IMPORTED_MODULE_3__.SHOW_PARENT), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ internalCascaderProps: () => (/* binding */ internalCascaderProps), /* harmony export */ multipleCascaderProps: () => (/* binding */ multipleCascaderProps), /* harmony export */ singleCascaderProps: () => (/* binding */ singleCascaderProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _vc_select_BaseSelect__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../vc-select */ "./components/vc-select/BaseSelect.tsx"); /* harmony import */ var _util_omit__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/omit */ "./components/_util/omit.ts"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/initDefaultProps.ts"); /* harmony import */ var _vc_select_hooks_useId__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../vc-select/hooks/useId */ "./components/vc-select/hooks/useId.ts"); /* harmony import */ var _util_hooks_useMergedState__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../_util/hooks/useMergedState */ "./components/_util/hooks/useMergedState.ts"); /* harmony import */ var _utils_commonUtil__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils/commonUtil */ "./components/vc-cascader/utils/commonUtil.ts"); /* harmony import */ var _hooks_useEntities__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./hooks/useEntities */ "./components/vc-cascader/hooks/useEntities.ts"); /* harmony import */ var _hooks_useSearchConfig__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./hooks/useSearchConfig */ "./components/vc-cascader/hooks/useSearchConfig.ts"); /* harmony import */ var _hooks_useSearchOptions__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./hooks/useSearchOptions */ "./components/vc-cascader/hooks/useSearchOptions.ts"); /* harmony import */ var _hooks_useMissingValues__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./hooks/useMissingValues */ "./components/vc-cascader/hooks/useMissingValues.ts"); /* harmony import */ var _utils_treeUtil__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./utils/treeUtil */ "./components/vc-cascader/utils/treeUtil.ts"); /* harmony import */ var _vc_tree_utils_conductUtil__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../vc-tree/utils/conductUtil */ "./components/vc-tree/utils/conductUtil.ts"); /* harmony import */ var _hooks_useDisplayValues__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./hooks/useDisplayValues */ "./components/vc-cascader/hooks/useDisplayValues.ts"); /* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./context */ "./components/vc-cascader/context.ts"); /* harmony import */ var _OptionList__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./OptionList */ "./components/vc-cascader/OptionList/index.tsx"); /* harmony import */ var _vc_util_devWarning__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../vc-util/devWarning */ "./components/vc-util/devWarning.ts"); /* harmony import */ var _vc_tree_useMaxLevel__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../vc-tree/useMaxLevel */ "./components/vc-tree/useMaxLevel.ts"); function baseCascaderProps() { return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, (0,_util_omit__WEBPACK_IMPORTED_MODULE_4__["default"])((0,_vc_select_BaseSelect__WEBPACK_IMPORTED_MODULE_5__.baseSelectPropsWithoutPrivate)(), ['tokenSeparators', 'mode', 'showSearch'])), { // MISC id: String, prefixCls: String, fieldNames: (0,_util_type__WEBPACK_IMPORTED_MODULE_6__.objectType)(), children: Array, // Value value: { type: [String, Number, Array] }, defaultValue: { type: [String, Number, Array] }, changeOnSelect: { type: Boolean, default: undefined }, displayRender: Function, checkable: { type: Boolean, default: undefined }, showCheckedStrategy: { type: String, default: _utils_commonUtil__WEBPACK_IMPORTED_MODULE_3__.SHOW_PARENT }, // Search showSearch: { type: [Boolean, Object], default: undefined }, searchValue: String, onSearch: Function, // Trigger expandTrigger: String, // Options options: Array, /** @private Internal usage. Do not use in your production. */ dropdownPrefixCls: String, loadData: Function, // Open /** @deprecated Use `open` instead */ popupVisible: { type: Boolean, default: undefined }, dropdownClassName: String, dropdownMenuColumnStyle: { type: Object, default: undefined }, /** @deprecated Use `dropdownStyle` instead */ popupStyle: { type: Object, default: undefined }, dropdownStyle: { type: Object, default: undefined }, /** @deprecated Use `placement` instead */ popupPlacement: String, placement: String, /** @deprecated Use `onDropdownVisibleChange` instead */ onPopupVisibleChange: Function, onDropdownVisibleChange: Function, // Icon expandIcon: _util_vue_types__WEBPACK_IMPORTED_MODULE_7__["default"].any, loadingIcon: _util_vue_types__WEBPACK_IMPORTED_MODULE_7__["default"].any }); } function singleCascaderProps() { return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, baseCascaderProps()), { checkable: Boolean, onChange: Function }); } function multipleCascaderProps() { return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, baseCascaderProps()), { checkable: Boolean, onChange: Function }); } function internalCascaderProps() { return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, baseCascaderProps()), { onChange: Function, customSlots: Object }); } function isMultipleValue(value) { return Array.isArray(value) && Array.isArray(value[0]); } function toRawValues(value) { if (!value) { return []; } if (isMultipleValue(value)) { return value; } return (value.length === 0 ? [] : [value]).map(val => Array.isArray(val) ? val : [val]); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'Cascader', inheritAttrs: false, props: (0,_util_props_util__WEBPACK_IMPORTED_MODULE_8__["default"])(internalCascaderProps(), {}), setup(props, _ref) { let { attrs, expose, slots } = _ref; const mergedId = (0,_vc_select_hooks_useId__WEBPACK_IMPORTED_MODULE_9__["default"])((0,vue__WEBPACK_IMPORTED_MODULE_2__.toRef)(props, 'id')); const multiple = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => !!props.checkable); // =========================== Values =========================== const [rawValues, setRawValues] = (0,_util_hooks_useMergedState__WEBPACK_IMPORTED_MODULE_10__["default"])(props.defaultValue, { value: (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.value), postState: toRawValues }); // ========================= FieldNames ========================= const mergedFieldNames = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => (0,_utils_commonUtil__WEBPACK_IMPORTED_MODULE_3__.fillFieldNames)(props.fieldNames)); // =========================== Option =========================== const mergedOptions = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.options || []); // Only used in multiple mode, this fn will not call in single mode const pathKeyEntities = (0,_hooks_useEntities__WEBPACK_IMPORTED_MODULE_11__["default"])(mergedOptions, mergedFieldNames); /** Convert path key back to value format */ const getValueByKeyPath = pathKeys => { const keyPathEntities = pathKeyEntities.value; return pathKeys.map(pathKey => { const { nodes } = keyPathEntities[pathKey]; return nodes.map(node => node[mergedFieldNames.value.value]); }); }; // =========================== Search =========================== const [mergedSearchValue, setSearchValue] = (0,_util_hooks_useMergedState__WEBPACK_IMPORTED_MODULE_10__["default"])('', { value: (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.searchValue), postState: search => search || '' }); const onInternalSearch = (searchText, info) => { setSearchValue(searchText); if (info.source !== 'blur' && props.onSearch) { props.onSearch(searchText); } }; const { showSearch: mergedShowSearch, searchConfig: mergedSearchConfig } = (0,_hooks_useSearchConfig__WEBPACK_IMPORTED_MODULE_12__["default"])((0,vue__WEBPACK_IMPORTED_MODULE_2__.toRef)(props, 'showSearch')); const searchOptions = (0,_hooks_useSearchOptions__WEBPACK_IMPORTED_MODULE_13__["default"])(mergedSearchValue, mergedOptions, mergedFieldNames, (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.dropdownPrefixCls || props.prefixCls), mergedSearchConfig, (0,vue__WEBPACK_IMPORTED_MODULE_2__.toRef)(props, 'changeOnSelect')); // =========================== Values =========================== const missingValuesInfo = (0,_hooks_useMissingValues__WEBPACK_IMPORTED_MODULE_14__["default"])(mergedOptions, mergedFieldNames, rawValues); // Fill `rawValues` with checked conduction values const [checkedValues, halfCheckedValues, missingCheckedValues] = [(0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)([]), (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)([]), (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)([])]; const { maxLevel, levelEntities } = (0,_vc_tree_useMaxLevel__WEBPACK_IMPORTED_MODULE_15__["default"])(pathKeyEntities); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watchEffect)(() => { const [existValues, missingValues] = missingValuesInfo.value; if (!multiple.value || !rawValues.value.length) { [checkedValues.value, halfCheckedValues.value, missingCheckedValues.value] = [existValues, [], missingValues]; return; } const keyPathValues = (0,_utils_commonUtil__WEBPACK_IMPORTED_MODULE_3__.toPathKeys)(existValues); const keyPathEntities = pathKeyEntities.value; const { checkedKeys, halfCheckedKeys } = (0,_vc_tree_utils_conductUtil__WEBPACK_IMPORTED_MODULE_16__.conductCheck)(keyPathValues, true, keyPathEntities, maxLevel.value, levelEntities.value); // Convert key back to value cells [checkedValues.value, halfCheckedValues.value, missingCheckedValues.value] = [getValueByKeyPath(checkedKeys), getValueByKeyPath(halfCheckedKeys), missingValues]; }); const deDuplicatedValues = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { const checkedKeys = (0,_utils_commonUtil__WEBPACK_IMPORTED_MODULE_3__.toPathKeys)(checkedValues.value); const deduplicateKeys = (0,_utils_treeUtil__WEBPACK_IMPORTED_MODULE_17__.formatStrategyValues)(checkedKeys, pathKeyEntities.value, props.showCheckedStrategy); return [...missingCheckedValues.value, ...getValueByKeyPath(deduplicateKeys)]; }); const displayValues = (0,_hooks_useDisplayValues__WEBPACK_IMPORTED_MODULE_18__["default"])(deDuplicatedValues, mergedOptions, mergedFieldNames, multiple, (0,vue__WEBPACK_IMPORTED_MODULE_2__.toRef)(props, 'displayRender')); // =========================== Change =========================== const triggerChange = nextValues => { setRawValues(nextValues); // Save perf if no need trigger event if (props.onChange) { const nextRawValues = toRawValues(nextValues); const valueOptions = nextRawValues.map(valueCells => (0,_utils_treeUtil__WEBPACK_IMPORTED_MODULE_17__.toPathOptions)(valueCells, mergedOptions.value, mergedFieldNames.value).map(valueOpt => valueOpt.option)); const triggerValues = multiple.value ? nextRawValues : nextRawValues[0]; const triggerOptions = multiple.value ? valueOptions : valueOptions[0]; props.onChange(triggerValues, triggerOptions); } }; // =========================== Select =========================== const onInternalSelect = valuePath => { setSearchValue(''); if (!multiple.value) { triggerChange(valuePath); } else { // Prepare conduct required info const pathKey = (0,_utils_commonUtil__WEBPACK_IMPORTED_MODULE_3__.toPathKey)(valuePath); const checkedPathKeys = (0,_utils_commonUtil__WEBPACK_IMPORTED_MODULE_3__.toPathKeys)(checkedValues.value); const halfCheckedPathKeys = (0,_utils_commonUtil__WEBPACK_IMPORTED_MODULE_3__.toPathKeys)(halfCheckedValues.value); const existInChecked = checkedPathKeys.includes(pathKey); const existInMissing = missingCheckedValues.value.some(valueCells => (0,_utils_commonUtil__WEBPACK_IMPORTED_MODULE_3__.toPathKey)(valueCells) === pathKey); // Do update let nextCheckedValues = checkedValues.value; let nextMissingValues = missingCheckedValues.value; if (existInMissing && !existInChecked) { // Missing value only do filter nextMissingValues = missingCheckedValues.value.filter(valueCells => (0,_utils_commonUtil__WEBPACK_IMPORTED_MODULE_3__.toPathKey)(valueCells) !== pathKey); } else { // Update checked key first const nextRawCheckedKeys = existInChecked ? checkedPathKeys.filter(key => key !== pathKey) : [...checkedPathKeys, pathKey]; // Conduction by selected or not let checkedKeys; if (existInChecked) { ({ checkedKeys } = (0,_vc_tree_utils_conductUtil__WEBPACK_IMPORTED_MODULE_16__.conductCheck)(nextRawCheckedKeys, { checked: false, halfCheckedKeys: halfCheckedPathKeys }, pathKeyEntities.value, maxLevel.value, levelEntities.value)); } else { ({ checkedKeys } = (0,_vc_tree_utils_conductUtil__WEBPACK_IMPORTED_MODULE_16__.conductCheck)(nextRawCheckedKeys, true, pathKeyEntities.value, maxLevel.value, levelEntities.value)); } // Roll up to parent level keys const deDuplicatedKeys = (0,_utils_treeUtil__WEBPACK_IMPORTED_MODULE_17__.formatStrategyValues)(checkedKeys, pathKeyEntities.value, props.showCheckedStrategy); nextCheckedValues = getValueByKeyPath(deDuplicatedKeys); } triggerChange([...nextMissingValues, ...nextCheckedValues]); } }; // Display Value change logic const onDisplayValuesChange = (_, info) => { if (info.type === 'clear') { triggerChange([]); return; } // Cascader do not support `add` type. Only support `remove` const { valueCells } = info.values[0]; onInternalSelect(valueCells); }; // ============================ Open ============================ if (true) { (0,vue__WEBPACK_IMPORTED_MODULE_2__.watchEffect)(() => { (0,_vc_util_devWarning__WEBPACK_IMPORTED_MODULE_19__["default"])(!props.onPopupVisibleChange, 'Cascader', '`popupVisibleChange` is deprecated. Please use `dropdownVisibleChange` instead.'); (0,_vc_util_devWarning__WEBPACK_IMPORTED_MODULE_19__["default"])(props.popupVisible === undefined, 'Cascader', '`popupVisible` is deprecated. Please use `open` instead.'); (0,_vc_util_devWarning__WEBPACK_IMPORTED_MODULE_19__["default"])(props.popupPlacement === undefined, 'Cascader', '`popupPlacement` is deprecated. Please use `placement` instead.'); (0,_vc_util_devWarning__WEBPACK_IMPORTED_MODULE_19__["default"])(props.popupStyle === undefined, 'Cascader', '`popupStyle` is deprecated. Please use `dropdownStyle` instead.'); }); } const mergedOpen = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.open !== undefined ? props.open : props.popupVisible); const mergedDropdownStyle = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.dropdownStyle || props.popupStyle || {}); const mergedPlacement = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.placement || props.popupPlacement); const onInternalDropdownVisibleChange = nextVisible => { var _a, _b; (_a = props.onDropdownVisibleChange) === null || _a === void 0 ? void 0 : _a.call(props, nextVisible); (_b = props.onPopupVisibleChange) === null || _b === void 0 ? void 0 : _b.call(props, nextVisible); }; const { changeOnSelect, checkable, dropdownPrefixCls, loadData, expandTrigger, expandIcon, loadingIcon, dropdownMenuColumnStyle, customSlots, dropdownClassName } = (0,vue__WEBPACK_IMPORTED_MODULE_2__.toRefs)(props); (0,_context__WEBPACK_IMPORTED_MODULE_20__.useProvideCascader)({ options: mergedOptions, fieldNames: mergedFieldNames, values: checkedValues, halfValues: halfCheckedValues, changeOnSelect, onSelect: onInternalSelect, checkable, searchOptions, dropdownPrefixCls, loadData, expandTrigger, expandIcon, loadingIcon, dropdownMenuColumnStyle, customSlots }); const selectRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(); expose({ focus() { var _a; (_a = selectRef.value) === null || _a === void 0 ? void 0 : _a.focus(); }, blur() { var _a; (_a = selectRef.value) === null || _a === void 0 ? void 0 : _a.blur(); }, scrollTo(arg) { var _a; (_a = selectRef.value) === null || _a === void 0 ? void 0 : _a.scrollTo(arg); } }); const pickProps = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { return (0,_util_omit__WEBPACK_IMPORTED_MODULE_4__["default"])(props, ['id', 'prefixCls', 'fieldNames', // Value 'defaultValue', 'value', 'changeOnSelect', 'onChange', 'displayRender', 'checkable', // Search 'searchValue', 'onSearch', 'showSearch', // Trigger 'expandTrigger', // Options 'options', 'dropdownPrefixCls', 'loadData', // Open 'popupVisible', 'open', 'dropdownClassName', 'dropdownMenuColumnStyle', 'popupPlacement', 'placement', 'onDropdownVisibleChange', 'onPopupVisibleChange', // Icon 'expandIcon', 'loadingIcon', 'customSlots', 'showCheckedStrategy', // Children 'children']); }); return () => { const emptyOptions = !(mergedSearchValue.value ? searchOptions.value : mergedOptions.value).length; const { dropdownMatchSelectWidth = false } = props; const dropdownStyle = // Search to match width mergedSearchValue.value && mergedSearchConfig.value.matchInputWidth || // Empty keep the width emptyOptions ? {} : { minWidth: 'auto' }; return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_vc_select_BaseSelect__WEBPACK_IMPORTED_MODULE_5__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, pickProps.value), attrs), {}, { "ref": selectRef, "id": mergedId, "prefixCls": props.prefixCls, "dropdownMatchSelectWidth": dropdownMatchSelectWidth, "dropdownStyle": (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, mergedDropdownStyle.value), dropdownStyle), "displayValues": displayValues.value, "onDisplayValuesChange": onDisplayValuesChange, "mode": multiple.value ? 'multiple' : undefined, "searchValue": mergedSearchValue.value, "onSearch": onInternalSearch, "showSearch": mergedShowSearch.value, "OptionList": _OptionList__WEBPACK_IMPORTED_MODULE_21__["default"], "emptyOptions": emptyOptions, "open": mergedOpen.value, "dropdownClassName": dropdownClassName.value, "placement": mergedPlacement.value, "onDropdownVisibleChange": onInternalDropdownVisibleChange, "getRawInputElement": () => { var _a; return (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots); } }), slots); }; } })); /***/ }), /***/ "./components/vc-cascader/OptionList/Checkbox.tsx": /*!********************************************************!*\ !*** ./components/vc-cascader/OptionList/Checkbox.tsx ***! \********************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ Checkbox) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../context */ "./components/vc-cascader/context.ts"); function Checkbox(_ref) { let { prefixCls, checked, halfChecked, disabled, onClick } = _ref; const { customSlots, checkable } = (0,_context__WEBPACK_IMPORTED_MODULE_1__.useInjectCascader)(); const mergedCheckable = checkable.value !== false ? customSlots.value.checkable : checkable.value; const customCheckbox = typeof mergedCheckable === 'function' ? mergedCheckable() : typeof mergedCheckable === 'boolean' ? null : mergedCheckable; return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("span", { "class": { [prefixCls]: true, [`${prefixCls}-checked`]: checked, [`${prefixCls}-indeterminate`]: !checked && halfChecked, [`${prefixCls}-disabled`]: disabled }, "onClick": onClick }, [customCheckbox]); } Checkbox.props = ['prefixCls', 'checked', 'halfChecked', 'disabled', 'onClick']; Checkbox.displayName = 'Checkbox'; Checkbox.inheritAttrs = false; /***/ }), /***/ "./components/vc-cascader/OptionList/Column.tsx": /*!******************************************************!*\ !*** ./components/vc-cascader/OptionList/Column.tsx ***! \******************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ FIX_LABEL: () => (/* binding */ FIX_LABEL), /* harmony export */ "default": () => (/* binding */ Column) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _utils_commonUtil__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils/commonUtil */ "./components/vc-cascader/utils/commonUtil.ts"); /* harmony import */ var _Checkbox__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Checkbox */ "./components/vc-cascader/OptionList/Checkbox.tsx"); /* harmony import */ var _hooks_useSearchOptions__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../hooks/useSearchOptions */ "./components/vc-cascader/hooks/useSearchOptions.ts"); /* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../context */ "./components/vc-cascader/context.ts"); /* harmony import */ var _util_vnode__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../_util/vnode */ "./components/_util/vnode.ts"); const FIX_LABEL = '__cascader_fix_label__'; function Column(_ref) { let { prefixCls, multiple, options, activeValue, prevValuePath, onToggleOpen, onSelect, onActive, checkedSet, halfCheckedSet, loadingKeys, isSelectable } = _ref; var _a, _b, _c, _d, _e, _f; const menuPrefixCls = `${prefixCls}-menu`; const menuItemPrefixCls = `${prefixCls}-menu-item`; const { fieldNames, changeOnSelect, expandTrigger, expandIcon: expandIconRef, loadingIcon: loadingIconRef, dropdownMenuColumnStyle, customSlots } = (0,_context__WEBPACK_IMPORTED_MODULE_1__.useInjectCascader)(); const expandIcon = (_a = expandIconRef.value) !== null && _a !== void 0 ? _a : (_c = (_b = customSlots.value).expandIcon) === null || _c === void 0 ? void 0 : _c.call(_b); const loadingIcon = (_d = loadingIconRef.value) !== null && _d !== void 0 ? _d : (_f = (_e = customSlots.value).loadingIcon) === null || _f === void 0 ? void 0 : _f.call(_e); const hoverOpen = expandTrigger.value === 'hover'; // ============================ Render ============================ return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("ul", { "class": menuPrefixCls, "role": "menu" }, [options.map(option => { var _a; const { disabled } = option; const searchOptions = option[_hooks_useSearchOptions__WEBPACK_IMPORTED_MODULE_2__.SEARCH_MARK]; const label = (_a = option[FIX_LABEL]) !== null && _a !== void 0 ? _a : option[fieldNames.value.label]; const value = option[fieldNames.value.value]; const isMergedLeaf = (0,_utils_commonUtil__WEBPACK_IMPORTED_MODULE_3__.isLeaf)(option, fieldNames.value); // Get real value of option. Search option is different way. const fullPath = searchOptions ? searchOptions.map(opt => opt[fieldNames.value.value]) : [...prevValuePath, value]; const fullPathKey = (0,_utils_commonUtil__WEBPACK_IMPORTED_MODULE_3__.toPathKey)(fullPath); const isLoading = loadingKeys.includes(fullPathKey); // >>>>> checked const checked = checkedSet.has(fullPathKey); // >>>>> halfChecked const halfChecked = halfCheckedSet.has(fullPathKey); // >>>>> Open const triggerOpenPath = () => { if (!disabled && (!hoverOpen || !isMergedLeaf)) { onActive(fullPath); } }; // >>>>> Selection const triggerSelect = () => { if (isSelectable(option)) { onSelect(fullPath, isMergedLeaf); } }; // >>>>> Title let title; if (typeof option.title === 'string') { title = option.title; } else if (typeof label === 'string') { title = label; } // >>>>> Render return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("li", { "key": fullPathKey, "class": [menuItemPrefixCls, { [`${menuItemPrefixCls}-expand`]: !isMergedLeaf, [`${menuItemPrefixCls}-active`]: activeValue === value, [`${menuItemPrefixCls}-disabled`]: disabled, [`${menuItemPrefixCls}-loading`]: isLoading }], "style": dropdownMenuColumnStyle.value, "role": "menuitemcheckbox", "title": title, "aria-checked": checked, "data-path-key": fullPathKey, "onClick": () => { triggerOpenPath(); if (!multiple || isMergedLeaf) { triggerSelect(); } }, "onDblclick": () => { if (changeOnSelect.value) { onToggleOpen(false); } }, "onMouseenter": () => { if (hoverOpen) { triggerOpenPath(); } }, "onMousedown": e => { // Prevent selector from blurring e.preventDefault(); } }, [multiple && (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_Checkbox__WEBPACK_IMPORTED_MODULE_4__["default"], { "prefixCls": `${prefixCls}-checkbox`, "checked": checked, "halfChecked": halfChecked, "disabled": disabled, "onClick": e => { e.stopPropagation(); triggerSelect(); } }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", { "class": `${menuItemPrefixCls}-content` }, [label]), !isLoading && expandIcon && !isMergedLeaf && (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", { "class": `${menuItemPrefixCls}-expand-icon` }, [(0,_util_vnode__WEBPACK_IMPORTED_MODULE_5__.cloneElement)(expandIcon)]), isLoading && loadingIcon && (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", { "class": `${menuItemPrefixCls}-loading-icon` }, [(0,_util_vnode__WEBPACK_IMPORTED_MODULE_5__.cloneElement)(loadingIcon)])]); })]); } Column.props = ['prefixCls', 'multiple', 'options', 'activeValue', 'prevValuePath', 'onToggleOpen', 'onSelect', 'onActive', 'checkedSet', 'halfCheckedSet', 'loadingKeys', 'isSelectable']; Column.displayName = 'Column'; Column.inheritAttrs = false; /***/ }), /***/ "./components/vc-cascader/OptionList/index.tsx": /*!*****************************************************!*\ !*** ./components/vc-cascader/OptionList/index.tsx ***! \*****************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _utils_commonUtil__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../utils/commonUtil */ "./components/vc-cascader/utils/commonUtil.ts"); /* harmony import */ var _useActive__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./useActive */ "./components/vc-cascader/OptionList/useActive.ts"); /* harmony import */ var _useKeyboard__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./useKeyboard */ "./components/vc-cascader/OptionList/useKeyboard.ts"); /* harmony import */ var _utils_treeUtil__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils/treeUtil */ "./components/vc-cascader/utils/treeUtil.ts"); /* harmony import */ var _vc_select__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../vc-select */ "./components/vc-select/hooks/useBaseProps.ts"); /* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../context */ "./components/vc-cascader/context.ts"); /* harmony import */ var _Column__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./Column */ "./components/vc-cascader/OptionList/Column.tsx"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'OptionList', inheritAttrs: false, setup(_props, context) { const { attrs, slots } = context; const baseProps = (0,_vc_select__WEBPACK_IMPORTED_MODULE_3__["default"])(); const containerRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(); const rtl = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => baseProps.direction === 'rtl'); const { options, values, halfValues, fieldNames, changeOnSelect, onSelect, searchOptions, dropdownPrefixCls, loadData, expandTrigger, customSlots } = (0,_context__WEBPACK_IMPORTED_MODULE_4__.useInjectCascader)(); const mergedPrefixCls = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => dropdownPrefixCls.value || baseProps.prefixCls); // ========================= loadData ========================= const loadingKeys = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)([]); const internalLoadData = valueCells => { // Do not load when search if (!loadData.value || baseProps.searchValue) { return; } const optionList = (0,_utils_treeUtil__WEBPACK_IMPORTED_MODULE_5__.toPathOptions)(valueCells, options.value, fieldNames.value); const rawOptions = optionList.map(_ref => { let { option } = _ref; return option; }); const lastOption = rawOptions[rawOptions.length - 1]; if (lastOption && !(0,_utils_commonUtil__WEBPACK_IMPORTED_MODULE_6__.isLeaf)(lastOption, fieldNames.value)) { const pathKey = (0,_utils_commonUtil__WEBPACK_IMPORTED_MODULE_6__.toPathKey)(valueCells); loadingKeys.value = [...loadingKeys.value, pathKey]; loadData.value(rawOptions); } }; (0,vue__WEBPACK_IMPORTED_MODULE_2__.watchEffect)(() => { if (loadingKeys.value.length) { loadingKeys.value.forEach(loadingKey => { const valueStrCells = (0,_utils_commonUtil__WEBPACK_IMPORTED_MODULE_6__.toPathValueStr)(loadingKey); const optionList = (0,_utils_treeUtil__WEBPACK_IMPORTED_MODULE_5__.toPathOptions)(valueStrCells, options.value, fieldNames.value, true).map(_ref2 => { let { option } = _ref2; return option; }); const lastOption = optionList[optionList.length - 1]; if (!lastOption || lastOption[fieldNames.value.children] || (0,_utils_commonUtil__WEBPACK_IMPORTED_MODULE_6__.isLeaf)(lastOption, fieldNames.value)) { loadingKeys.value = loadingKeys.value.filter(key => key !== loadingKey); } }); } }); // ========================== Values ========================== const checkedSet = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => new Set((0,_utils_commonUtil__WEBPACK_IMPORTED_MODULE_6__.toPathKeys)(values.value))); const halfCheckedSet = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => new Set((0,_utils_commonUtil__WEBPACK_IMPORTED_MODULE_6__.toPathKeys)(halfValues.value))); // ====================== Accessibility ======================= const [activeValueCells, setActiveValueCells] = (0,_useActive__WEBPACK_IMPORTED_MODULE_7__["default"])(); // =========================== Path =========================== const onPathOpen = nextValueCells => { setActiveValueCells(nextValueCells); // Trigger loadData internalLoadData(nextValueCells); }; const isSelectable = option => { const { disabled } = option; const isMergedLeaf = (0,_utils_commonUtil__WEBPACK_IMPORTED_MODULE_6__.isLeaf)(option, fieldNames.value); return !disabled && (isMergedLeaf || changeOnSelect.value || baseProps.multiple); }; const onPathSelect = function (valuePath, leaf) { let fromKeyboard = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false; onSelect(valuePath); if (!baseProps.multiple && (leaf || changeOnSelect.value && (expandTrigger.value === 'hover' || fromKeyboard))) { baseProps.toggleOpen(false); } }; // ========================== Option ========================== const mergedOptions = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { if (baseProps.searchValue) { return searchOptions.value; } return options.value; }); // ========================== Column ========================== const optionColumns = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { const optionList = [{ options: mergedOptions.value }]; let currentList = mergedOptions.value; for (let i = 0; i < activeValueCells.value.length; i += 1) { const activeValueCell = activeValueCells.value[i]; const currentOption = currentList.find(option => option[fieldNames.value.value] === activeValueCell); const subOptions = currentOption === null || currentOption === void 0 ? void 0 : currentOption[fieldNames.value.children]; if (!(subOptions === null || subOptions === void 0 ? void 0 : subOptions.length)) { break; } currentList = subOptions; optionList.push({ options: subOptions }); } return optionList; }); // ========================= Keyboard ========================= const onKeyboardSelect = (selectValueCells, option) => { if (isSelectable(option)) { onPathSelect(selectValueCells, (0,_utils_commonUtil__WEBPACK_IMPORTED_MODULE_6__.isLeaf)(option, fieldNames.value), true); } }; (0,_useKeyboard__WEBPACK_IMPORTED_MODULE_8__["default"])(context, mergedOptions, fieldNames, activeValueCells, onPathOpen, onKeyboardSelect); const onListMouseDown = event => { event.preventDefault(); }; (0,vue__WEBPACK_IMPORTED_MODULE_2__.onMounted)(() => { (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)(activeValueCells, cells => { var _a; for (let i = 0; i < cells.length; i += 1) { const cellPath = cells.slice(0, i + 1); const cellKeyPath = (0,_utils_commonUtil__WEBPACK_IMPORTED_MODULE_6__.toPathKey)(cellPath); const ele = (_a = containerRef.value) === null || _a === void 0 ? void 0 : _a.querySelector(`li[data-path-key="${cellKeyPath.replace(/\\{0,2}"/g, '\\"')}"]`); if (ele) { (0,_utils_commonUtil__WEBPACK_IMPORTED_MODULE_6__.scrollIntoParentView)(ele); } } }, { flush: 'post', immediate: true }); }); return () => { var _a, _b, _c, _d, _e; // ========================== Render ========================== const { notFoundContent = ((_a = slots.notFoundContent) === null || _a === void 0 ? void 0 : _a.call(slots)) || ((_c = (_b = customSlots.value).notFoundContent) === null || _c === void 0 ? void 0 : _c.call(_b)), multiple, toggleOpen } = baseProps; // >>>>> Empty const isEmpty = !((_e = (_d = optionColumns.value[0]) === null || _d === void 0 ? void 0 : _d.options) === null || _e === void 0 ? void 0 : _e.length); const emptyList = [{ [fieldNames.value.value]: '__EMPTY__', [_Column__WEBPACK_IMPORTED_MODULE_9__.FIX_LABEL]: notFoundContent, disabled: true }]; const columnProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, attrs), { multiple: !isEmpty && multiple, onSelect: onPathSelect, onActive: onPathOpen, onToggleOpen: toggleOpen, checkedSet: checkedSet.value, halfCheckedSet: halfCheckedSet.value, loadingKeys: loadingKeys.value, isSelectable }); // >>>>> Columns const mergedOptionColumns = isEmpty ? [{ options: emptyList }] : optionColumns.value; const columnNodes = mergedOptionColumns.map((col, index) => { const prevValuePath = activeValueCells.value.slice(0, index); const activeValue = activeValueCells.value[index]; return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_Column__WEBPACK_IMPORTED_MODULE_9__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "key": index }, columnProps), {}, { "prefixCls": mergedPrefixCls.value, "options": col.options, "prevValuePath": prevValuePath, "activeValue": activeValue }), null); }); return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": [`${mergedPrefixCls.value}-menus`, { [`${mergedPrefixCls.value}-menu-empty`]: isEmpty, [`${mergedPrefixCls.value}-rtl`]: rtl.value }], "onMousedown": onListMouseDown, "ref": containerRef }, [columnNodes]); }; } })); /***/ }), /***/ "./components/vc-cascader/OptionList/useActive.ts": /*!********************************************************!*\ !*** ./components/vc-cascader/OptionList/useActive.ts ***! \********************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../context */ "./components/vc-cascader/context.ts"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _vc_select__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../vc-select */ "./components/vc-select/hooks/useBaseProps.ts"); /* harmony import */ var _util_hooks_useState__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../_util/hooks/useState */ "./components/_util/hooks/useState.ts"); /** * Control the active open options path. */ /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (() => { const baseProps = (0,_vc_select__WEBPACK_IMPORTED_MODULE_1__["default"])(); const { values } = (0,_context__WEBPACK_IMPORTED_MODULE_2__.useInjectCascader)(); // Record current dropdown active options // This also control the open status const [activeValueCells, setActiveValueCells] = (0,_util_hooks_useState__WEBPACK_IMPORTED_MODULE_3__["default"])([]); (0,vue__WEBPACK_IMPORTED_MODULE_0__.watch)(() => baseProps.open, () => { if (baseProps.open && !baseProps.multiple) { const firstValueCells = values.value[0]; setActiveValueCells(firstValueCells || []); } }, { immediate: true }); return [activeValueCells, setActiveValueCells]; }); /***/ }), /***/ "./components/vc-cascader/OptionList/useKeyboard.ts": /*!**********************************************************!*\ !*** ./components/vc-cascader/OptionList/useKeyboard.ts ***! \**********************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _vc_select__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../vc-select */ "./components/vc-select/hooks/useBaseProps.ts"); /* harmony import */ var _util_KeyCode__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../_util/KeyCode */ "./components/_util/KeyCode.ts"); /* harmony import */ var _hooks_useSearchOptions__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../hooks/useSearchOptions */ "./components/vc-cascader/hooks/useSearchOptions.ts"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((context, options, fieldNames, activeValueCells, setActiveValueCells, // containerRef: Ref, onKeyBoardSelect) => { const baseProps = (0,_vc_select__WEBPACK_IMPORTED_MODULE_1__["default"])(); const rtl = (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => baseProps.direction === 'rtl'); const [validActiveValueCells, lastActiveIndex, lastActiveOptions] = [(0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)([]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)([])]; (0,vue__WEBPACK_IMPORTED_MODULE_0__.watchEffect)(() => { let activeIndex = -1; let currentOptions = options.value; const mergedActiveIndexes = []; const mergedActiveValueCells = []; const len = activeValueCells.value.length; // Fill validate active value cells and index for (let i = 0; i < len && currentOptions; i += 1) { // Mark the active index for current options const nextActiveIndex = currentOptions.findIndex(option => option[fieldNames.value.value] === activeValueCells.value[i]); if (nextActiveIndex === -1) { break; } activeIndex = nextActiveIndex; mergedActiveIndexes.push(activeIndex); mergedActiveValueCells.push(activeValueCells.value[i]); currentOptions = currentOptions[activeIndex][fieldNames.value.children]; } // Fill last active options let activeOptions = options.value; for (let i = 0; i < mergedActiveIndexes.length - 1; i += 1) { activeOptions = activeOptions[mergedActiveIndexes[i]][fieldNames.value.children]; } [validActiveValueCells.value, lastActiveIndex.value, lastActiveOptions.value] = [mergedActiveValueCells, activeIndex, activeOptions]; }); // Update active value cells and scroll to target element const internalSetActiveValueCells = next => { setActiveValueCells(next); }; // Same options offset const offsetActiveOption = offset => { const len = lastActiveOptions.value.length; let currentIndex = lastActiveIndex.value; if (currentIndex === -1 && offset < 0) { currentIndex = len; } for (let i = 0; i < len; i += 1) { currentIndex = (currentIndex + offset + len) % len; const option = lastActiveOptions.value[currentIndex]; if (option && !option.disabled) { const value = option[fieldNames.value.value]; const nextActiveCells = validActiveValueCells.value.slice(0, -1).concat(value); internalSetActiveValueCells(nextActiveCells); return; } } }; // Different options offset const prevColumn = () => { if (validActiveValueCells.value.length > 1) { const nextActiveCells = validActiveValueCells.value.slice(0, -1); internalSetActiveValueCells(nextActiveCells); } else { baseProps.toggleOpen(false); } }; const nextColumn = () => { var _a; const nextOptions = ((_a = lastActiveOptions.value[lastActiveIndex.value]) === null || _a === void 0 ? void 0 : _a[fieldNames.value.children]) || []; const nextOption = nextOptions.find(option => !option.disabled); if (nextOption) { const nextActiveCells = [...validActiveValueCells.value, nextOption[fieldNames.value.value]]; internalSetActiveValueCells(nextActiveCells); } }; context.expose({ // scrollTo: treeRef.current?.scrollTo, onKeydown: event => { const { which } = event; switch (which) { // >>> Arrow keys case _util_KeyCode__WEBPACK_IMPORTED_MODULE_2__["default"].UP: case _util_KeyCode__WEBPACK_IMPORTED_MODULE_2__["default"].DOWN: { let offset = 0; if (which === _util_KeyCode__WEBPACK_IMPORTED_MODULE_2__["default"].UP) { offset = -1; } else if (which === _util_KeyCode__WEBPACK_IMPORTED_MODULE_2__["default"].DOWN) { offset = 1; } if (offset !== 0) { offsetActiveOption(offset); } break; } case _util_KeyCode__WEBPACK_IMPORTED_MODULE_2__["default"].LEFT: { if (rtl.value) { nextColumn(); } else { prevColumn(); } break; } case _util_KeyCode__WEBPACK_IMPORTED_MODULE_2__["default"].RIGHT: { if (rtl.value) { prevColumn(); } else { nextColumn(); } break; } case _util_KeyCode__WEBPACK_IMPORTED_MODULE_2__["default"].BACKSPACE: { if (!baseProps.searchValue) { prevColumn(); } break; } // >>> Select case _util_KeyCode__WEBPACK_IMPORTED_MODULE_2__["default"].ENTER: { if (validActiveValueCells.value.length) { const option = lastActiveOptions.value[lastActiveIndex.value]; // Search option should revert back of origin options const originOptions = (option === null || option === void 0 ? void 0 : option[_hooks_useSearchOptions__WEBPACK_IMPORTED_MODULE_3__.SEARCH_MARK]) || []; if (originOptions.length) { onKeyBoardSelect(originOptions.map(opt => opt[fieldNames.value.value]), originOptions[originOptions.length - 1]); } else { onKeyBoardSelect(validActiveValueCells.value, option); } } break; } // >>> Close case _util_KeyCode__WEBPACK_IMPORTED_MODULE_2__["default"].ESC: { baseProps.toggleOpen(false); if (open) { event.stopPropagation(); } } } }, onKeyup: () => {} }); }); /***/ }), /***/ "./components/vc-cascader/context.ts": /*!*******************************************!*\ !*** ./components/vc-cascader/context.ts ***! \*******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ useInjectCascader: () => (/* binding */ useInjectCascader), /* harmony export */ useProvideCascader: () => (/* binding */ useProvideCascader) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); const CascaderContextKey = Symbol('CascaderContextKey'); const useProvideCascader = props => { (0,vue__WEBPACK_IMPORTED_MODULE_0__.provide)(CascaderContextKey, props); }; const useInjectCascader = () => { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.inject)(CascaderContextKey); }; /***/ }), /***/ "./components/vc-cascader/hooks/useDisplayValues.ts": /*!**********************************************************!*\ !*** ./components/vc-cascader/hooks/useDisplayValues.ts ***! \**********************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _utils_treeUtil__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils/treeUtil */ "./components/vc-cascader/utils/treeUtil.ts"); /* harmony import */ var _utils_commonUtil__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils/commonUtil */ "./components/vc-cascader/utils/commonUtil.ts"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../_util/props-util */ "./components/_util/props-util/index.ts"); /* harmony import */ var _util_vnode__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../_util/vnode */ "./components/_util/vnode.ts"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((rawValues, options, fieldNames, multiple, displayRender) => { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => { const mergedDisplayRender = displayRender.value || ( // Default displayRender _ref => { let { labels } = _ref; const mergedLabels = multiple.value ? labels.slice(-1) : labels; const SPLIT = ' / '; if (mergedLabels.every(label => ['string', 'number'].includes(typeof label))) { return mergedLabels.join(SPLIT); } // If exist non-string value, use VueNode instead return mergedLabels.reduce((list, label, index) => { const keyedLabel = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_1__.isValidElement)(label) ? (0,_util_vnode__WEBPACK_IMPORTED_MODULE_2__.cloneElement)(label, { key: index }) : label; if (index === 0) { return [keyedLabel]; } return [...list, SPLIT, keyedLabel]; }, []); }); return rawValues.value.map(valueCells => { const valueOptions = (0,_utils_treeUtil__WEBPACK_IMPORTED_MODULE_3__.toPathOptions)(valueCells, options.value, fieldNames.value); const label = mergedDisplayRender({ labels: valueOptions.map(_ref2 => { let { option, value } = _ref2; var _a; return (_a = option === null || option === void 0 ? void 0 : option[fieldNames.value.label]) !== null && _a !== void 0 ? _a : value; }), selectedOptions: valueOptions.map(_ref3 => { let { option } = _ref3; return option; }) }); const value = (0,_utils_commonUtil__WEBPACK_IMPORTED_MODULE_4__.toPathKey)(valueCells); return { label, value, key: value, valueCells }; }); }); }); /***/ }), /***/ "./components/vc-cascader/hooks/useEntities.ts": /*!*****************************************************!*\ !*** ./components/vc-cascader/hooks/useEntities.ts ***! \*****************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _vc_tree_utils_treeUtil__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../vc-tree/utils/treeUtil */ "./components/vc-tree/utils/treeUtil.ts"); /* harmony import */ var _utils_commonUtil__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils/commonUtil */ "./components/vc-cascader/utils/commonUtil.ts"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /** Lazy parse options data into conduct-able info to avoid perf issue in single mode */ /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((options, fieldNames) => { const entities = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { return (0,_vc_tree_utils_treeUtil__WEBPACK_IMPORTED_MODULE_2__.convertDataToEntities)(options.value, { fieldNames: fieldNames.value, initWrapper: wrapper => (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, wrapper), { pathKeyEntities: {} }), processEntity: (entity, wrapper) => { const pathKey = entity.nodes.map(node => node[fieldNames.value.value]).join(_utils_commonUtil__WEBPACK_IMPORTED_MODULE_3__.VALUE_SPLIT); wrapper.pathKeyEntities[pathKey] = entity; // Overwrite origin key. // this is very hack but we need let conduct logic work with connect path entity.key = pathKey; } }).pathKeyEntities; }); return entities; }); /***/ }), /***/ "./components/vc-cascader/hooks/useMissingValues.ts": /*!**********************************************************!*\ !*** ./components/vc-cascader/hooks/useMissingValues.ts ***! \**********************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _utils_treeUtil__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../utils/treeUtil */ "./components/vc-cascader/utils/treeUtil.ts"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((options, fieldNames, rawValues) => { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => { const missingValues = []; const existsValues = []; rawValues.value.forEach(valueCell => { const pathOptions = (0,_utils_treeUtil__WEBPACK_IMPORTED_MODULE_1__.toPathOptions)(valueCell, options.value, fieldNames.value); if (pathOptions.every(opt => opt.option)) { existsValues.push(valueCell); } else { missingValues.push(valueCell); } }); return [existsValues, missingValues]; }); }); /***/ }), /***/ "./components/vc-cascader/hooks/useSearchConfig.ts": /*!*********************************************************!*\ !*** ./components/vc-cascader/hooks/useSearchConfig.ts ***! \*********************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ useSearchConfig) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _vc_util_warning__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../vc-util/warning */ "./components/vc-util/warning.ts"); // Convert `showSearch` to unique config function useSearchConfig(showSearch) { const mergedShowSearch = (0,vue__WEBPACK_IMPORTED_MODULE_1__.shallowRef)(false); const mergedSearchConfig = (0,vue__WEBPACK_IMPORTED_MODULE_1__.ref)({}); (0,vue__WEBPACK_IMPORTED_MODULE_1__.watchEffect)(() => { if (!showSearch.value) { mergedShowSearch.value = false; mergedSearchConfig.value = {}; return; } let searchConfig = { matchInputWidth: true, limit: 50 }; if (showSearch.value && typeof showSearch.value === 'object') { searchConfig = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, searchConfig), showSearch.value); } if (searchConfig.limit <= 0) { delete searchConfig.limit; if (true) { (0,_vc_util_warning__WEBPACK_IMPORTED_MODULE_2__.warning)(false, "'limit' of showSearch should be positive number or false."); } } mergedShowSearch.value = true; mergedSearchConfig.value = searchConfig; return; }); return { showSearch: mergedShowSearch, searchConfig: mergedSearchConfig }; } /***/ }), /***/ "./components/vc-cascader/hooks/useSearchOptions.ts": /*!**********************************************************!*\ !*** ./components/vc-cascader/hooks/useSearchOptions.ts ***! \**********************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ SEARCH_MARK: () => (/* binding */ SEARCH_MARK), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); const SEARCH_MARK = '__rc_cascader_search_mark__'; const defaultFilter = (search, options, _ref) => { let { label } = _ref; return options.some(opt => String(opt[label]).toLowerCase().includes(search.toLowerCase())); }; const defaultRender = _ref2 => { let { path, fieldNames } = _ref2; return path.map(opt => opt[fieldNames.label]).join(' / '); }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((search, options, fieldNames, prefixCls, config, changeOnSelect) => { return (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { const { filter = defaultFilter, render = defaultRender, limit = 50, sort } = config.value; const filteredOptions = []; if (!search.value) { return []; } function dig(list, pathOptions) { list.forEach(option => { // Perf saving when `sort` is disabled and `limit` is provided if (!sort && limit > 0 && filteredOptions.length >= limit) { return; } const connectedPathOptions = [...pathOptions, option]; const children = option[fieldNames.value.children]; // If current option is filterable if ( // If is leaf option !children || children.length === 0 || // If is changeOnSelect changeOnSelect.value) { if (filter(search.value, connectedPathOptions, { label: fieldNames.value.label })) { filteredOptions.push((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, option), { [fieldNames.value.label]: render({ inputValue: search.value, path: connectedPathOptions, prefixCls: prefixCls.value, fieldNames: fieldNames.value }), [SEARCH_MARK]: connectedPathOptions })); } } if (children) { dig(option[fieldNames.value.children], connectedPathOptions); } }); } dig(options.value, []); // Do sort if (sort) { filteredOptions.sort((a, b) => { return sort(a[SEARCH_MARK], b[SEARCH_MARK], search.value, fieldNames.value); }); } return limit > 0 ? filteredOptions.slice(0, limit) : filteredOptions; }); }); /***/ }), /***/ "./components/vc-cascader/index.tsx": /*!******************************************!*\ !*** ./components/vc-cascader/index.tsx ***! \******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ SHOW_CHILD: () => (/* reexport safe */ _Cascader__WEBPACK_IMPORTED_MODULE_1__.SHOW_CHILD), /* harmony export */ SHOW_PARENT: () => (/* reexport safe */ _Cascader__WEBPACK_IMPORTED_MODULE_1__.SHOW_PARENT), /* harmony export */ cascaderProps: () => (/* reexport safe */ _Cascader__WEBPACK_IMPORTED_MODULE_0__.internalCascaderProps), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _Cascader__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Cascader */ "./components/vc-cascader/Cascader.tsx"); /* harmony import */ var _Cascader__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Cascader */ "./components/vc-cascader/utils/commonUtil.ts"); // rc-cascader@3.4.2 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_Cascader__WEBPACK_IMPORTED_MODULE_0__["default"]); /***/ }), /***/ "./components/vc-cascader/utils/commonUtil.ts": /*!****************************************************!*\ !*** ./components/vc-cascader/utils/commonUtil.ts ***! \****************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ SHOW_CHILD: () => (/* binding */ SHOW_CHILD), /* harmony export */ SHOW_PARENT: () => (/* binding */ SHOW_PARENT), /* harmony export */ VALUE_SPLIT: () => (/* binding */ VALUE_SPLIT), /* harmony export */ fillFieldNames: () => (/* binding */ fillFieldNames), /* harmony export */ isLeaf: () => (/* binding */ isLeaf), /* harmony export */ scrollIntoParentView: () => (/* binding */ scrollIntoParentView), /* harmony export */ toPathKey: () => (/* binding */ toPathKey), /* harmony export */ toPathKeys: () => (/* binding */ toPathKeys), /* harmony export */ toPathValueStr: () => (/* binding */ toPathValueStr) /* harmony export */ }); const VALUE_SPLIT = '__RC_CASCADER_SPLIT__'; const SHOW_PARENT = 'SHOW_PARENT'; const SHOW_CHILD = 'SHOW_CHILD'; function toPathKey(value) { return value.join(VALUE_SPLIT); } function toPathKeys(value) { return value.map(toPathKey); } function toPathValueStr(pathKey) { return pathKey.split(VALUE_SPLIT); } function fillFieldNames(fieldNames) { const { label, value, children } = fieldNames || {}; const val = value || 'value'; return { label: label || 'label', value: val, key: val, children: children || 'children' }; } function isLeaf(option, fieldNames) { var _a, _b; return (_a = option.isLeaf) !== null && _a !== void 0 ? _a : !((_b = option[fieldNames.children]) === null || _b === void 0 ? void 0 : _b.length); } function scrollIntoParentView(element) { const parent = element.parentElement; if (!parent) { return; } const elementToParent = element.offsetTop - parent.offsetTop; // offsetParent may not be parent. if (elementToParent - parent.scrollTop < 0) { parent.scrollTo({ top: elementToParent }); } else if (elementToParent + element.offsetHeight - parent.scrollTop > parent.offsetHeight) { parent.scrollTo({ top: elementToParent + element.offsetHeight - parent.offsetHeight }); } } /***/ }), /***/ "./components/vc-cascader/utils/treeUtil.ts": /*!**************************************************!*\ !*** ./components/vc-cascader/utils/treeUtil.ts ***! \**************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ formatStrategyValues: () => (/* binding */ formatStrategyValues), /* harmony export */ toPathOptions: () => (/* binding */ toPathOptions) /* harmony export */ }); /* harmony import */ var _commonUtil__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./commonUtil */ "./components/vc-cascader/utils/commonUtil.ts"); function formatStrategyValues(pathKeys, keyPathEntities, showCheckedStrategy) { const valueSet = new Set(pathKeys); return pathKeys.filter(key => { const entity = keyPathEntities[key]; const parent = entity ? entity.parent : null; const children = entity ? entity.children : null; return showCheckedStrategy === _commonUtil__WEBPACK_IMPORTED_MODULE_0__.SHOW_CHILD ? !(children && children.some(child => child.key && valueSet.has(child.key))) : !(parent && !parent.node.disabled && valueSet.has(parent.key)); }); } function toPathOptions(valueCells, options, fieldNames) { let stringMode = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false; var _a; let currentList = options; const valueOptions = []; for (let i = 0; i < valueCells.length; i += 1) { const valueCell = valueCells[i]; const foundIndex = currentList === null || currentList === void 0 ? void 0 : currentList.findIndex(option => { const val = option[fieldNames.value]; return stringMode ? String(val) === String(valueCell) : val === valueCell; }); const foundOption = foundIndex !== -1 ? currentList === null || currentList === void 0 ? void 0 : currentList[foundIndex] : null; valueOptions.push({ value: (_a = foundOption === null || foundOption === void 0 ? void 0 : foundOption[fieldNames.value]) !== null && _a !== void 0 ? _a : valueCell, index: foundIndex, option: foundOption }); currentList = foundOption === null || foundOption === void 0 ? void 0 : foundOption[fieldNames.children]; } return valueOptions; } /***/ }), /***/ "./components/vc-checkbox/Checkbox.tsx": /*!*********************************************!*\ !*** ./components/vc-checkbox/Checkbox.tsx ***! \*********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ checkboxProps: () => (/* binding */ checkboxProps), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/initDefaultProps.ts"); var __rest = undefined && undefined.__rest || function (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; }; const checkboxProps = { prefixCls: String, name: String, id: String, type: String, defaultChecked: { type: [Boolean, Number], default: undefined }, checked: { type: [Boolean, Number], default: undefined }, disabled: Boolean, tabindex: { type: [Number, String] }, readonly: Boolean, autofocus: Boolean, value: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].any, required: Boolean }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'Checkbox', inheritAttrs: false, props: (0,_util_props_util__WEBPACK_IMPORTED_MODULE_4__["default"])(checkboxProps, { prefixCls: 'rc-checkbox', type: 'checkbox', defaultChecked: false }), emits: ['click', 'change'], setup(props, _ref) { let { attrs, emit, expose } = _ref; const checked = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(props.checked === undefined ? props.defaultChecked : props.checked); const inputRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)(() => props.checked, () => { checked.value = props.checked; }); expose({ focus() { var _a; (_a = inputRef.value) === null || _a === void 0 ? void 0 : _a.focus(); }, blur() { var _a; (_a = inputRef.value) === null || _a === void 0 ? void 0 : _a.blur(); } }); const eventShiftKey = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(); const handleChange = e => { if (props.disabled) { return; } if (props.checked === undefined) { checked.value = e.target.checked; } e.shiftKey = eventShiftKey.value; const eventObj = { target: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, props), { checked: e.target.checked }), stopPropagation() { e.stopPropagation(); }, preventDefault() { e.preventDefault(); }, nativeEvent: e }; // fix https://github.com/vueComponent/ant-design-vue/issues/3047 // 受控模式下维持现有状态 if (props.checked !== undefined) { inputRef.value.checked = !!props.checked; } emit('change', eventObj); eventShiftKey.value = false; }; const onClick = e => { emit('click', e); // onChange没能获取到shiftKey,使用onClick hack eventShiftKey.value = e.shiftKey; }; return () => { const { prefixCls, name, id, type, disabled, readonly, tabindex, autofocus, value, required } = props, others = __rest(props, ["prefixCls", "name", "id", "type", "disabled", "readonly", "tabindex", "autofocus", "value", "required"]); const { class: className, onFocus, onBlur, onKeydown, onKeypress, onKeyup } = attrs; const othersAndAttrs = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, others), attrs); const globalProps = Object.keys(othersAndAttrs).reduce((prev, key) => { if (key.startsWith('data-') || key.startsWith('aria-') || key === 'role') { prev[key] = othersAndAttrs[key]; } return prev; }, {}); const classString = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_5__["default"])(prefixCls, className, { [`${prefixCls}-checked`]: checked.value, [`${prefixCls}-disabled`]: disabled }); const inputProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({ name, id, type, readonly, disabled, tabindex, class: `${prefixCls}-input`, checked: !!checked.value, autofocus, value }, globalProps), { onChange: handleChange, onClick, onFocus, onBlur, onKeydown, onKeypress, onKeyup, required }); return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", { "class": classString }, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("input", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "ref": inputRef }, inputProps), null), (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", { "class": `${prefixCls}-inner` }, null)]); }; } })); /***/ }), /***/ "./components/vc-dialog/Content.tsx": /*!******************************************!*\ !*** ./components/vc-dialog/Content.tsx ***! \******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_transition__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../_util/transition */ "./components/_util/transition.tsx"); /* harmony import */ var _IDialogPropTypes__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./IDialogPropTypes */ "./components/vc-dialog/IDialogPropTypes.ts"); /* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./util */ "./components/vc-dialog/util.ts"); const sentinelStyle = { width: 0, height: 0, overflow: 'hidden', outline: 'none' }; const entityStyle = { outline: 'none' }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'DialogContent', inheritAttrs: false, props: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, (0,_IDialogPropTypes__WEBPACK_IMPORTED_MODULE_3__["default"])()), { motionName: String, ariaId: String, onVisibleChanged: Function, onMousedown: Function, onMouseup: Function }), setup(props, _ref) { let { expose, slots, attrs } = _ref; const sentinelStartRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(); const sentinelEndRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(); const dialogRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(); expose({ focus: () => { var _a; (_a = sentinelStartRef.value) === null || _a === void 0 ? void 0 : _a.focus({ preventScroll: true }); }, changeActive: next => { const { activeElement } = document; if (next && activeElement === sentinelEndRef.value) { sentinelStartRef.value.focus({ preventScroll: true }); } else if (!next && activeElement === sentinelStartRef.value) { sentinelEndRef.value.focus({ preventScroll: true }); } } }); const transformOrigin = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(); const contentStyleRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { const { width, height } = props; const contentStyle = {}; if (width !== undefined) { contentStyle.width = typeof width === 'number' ? `${width}px` : width; } if (height !== undefined) { contentStyle.height = typeof height === 'number' ? `${height}px` : height; } if (transformOrigin.value) { contentStyle.transformOrigin = transformOrigin.value; } return contentStyle; }); const onPrepare = () => { (0,vue__WEBPACK_IMPORTED_MODULE_2__.nextTick)(() => { if (dialogRef.value) { const elementOffset = (0,_util__WEBPACK_IMPORTED_MODULE_4__.offset)(dialogRef.value); transformOrigin.value = props.mousePosition ? `${props.mousePosition.x - elementOffset.left}px ${props.mousePosition.y - elementOffset.top}px` : ''; } }); }; const onVisibleChanged = visible => { props.onVisibleChanged(visible); }; return () => { var _a, _b, _c, _d; const { prefixCls, footer = (_a = slots.footer) === null || _a === void 0 ? void 0 : _a.call(slots), title = (_b = slots.title) === null || _b === void 0 ? void 0 : _b.call(slots), ariaId, closable, closeIcon = (_c = slots.closeIcon) === null || _c === void 0 ? void 0 : _c.call(slots), onClose, bodyStyle, bodyProps, onMousedown, onMouseup, visible, modalRender = slots.modalRender, destroyOnClose, motionName } = props; let footerNode; if (footer) { footerNode = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": `${prefixCls}-footer` }, [footer]); } let headerNode; if (title) { headerNode = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": `${prefixCls}-header` }, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": `${prefixCls}-title`, "id": ariaId }, [title])]); } let closer; if (closable) { closer = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("button", { "type": "button", "onClick": onClose, "aria-label": "Close", "class": `${prefixCls}-close` }, [closeIcon || (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", { "class": `${prefixCls}-close-x` }, null)]); } const content = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": `${prefixCls}-content` }, [closer, headerNode, (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "class": `${prefixCls}-body`, "style": bodyStyle }, bodyProps), [(_d = slots.default) === null || _d === void 0 ? void 0 : _d.call(slots)]), footerNode]); const transitionProps = (0,_util_transition__WEBPACK_IMPORTED_MODULE_5__.getTransitionProps)(motionName); return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_2__.Transition, (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, transitionProps), {}, { "onBeforeEnter": onPrepare, "onAfterEnter": () => onVisibleChanged(true), "onAfterLeave": () => onVisibleChanged(false) }), { default: () => [visible || !destroyOnClose ? (0,vue__WEBPACK_IMPORTED_MODULE_2__.withDirectives)((0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, attrs), {}, { "ref": dialogRef, "key": "dialog-element", "role": "document", "style": [contentStyleRef.value, attrs.style], "class": [prefixCls, attrs.class], "onMousedown": onMousedown, "onMouseup": onMouseup }), [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "tabindex": 0, "ref": sentinelStartRef, "style": entityStyle }, [modalRender ? modalRender({ originVNode: content }) : content]), (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "tabindex": 0, "ref": sentinelEndRef, "style": sentinelStyle }, null)]), [[vue__WEBPACK_IMPORTED_MODULE_2__.vShow, visible]]) : null] }); }; } })); /***/ }), /***/ "./components/vc-dialog/Dialog.tsx": /*!*****************************************!*\ !*** ./components/vc-dialog/Dialog.tsx ***! \*****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _vc_util_Dom_contains__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../vc-util/Dom/contains */ "./components/vc-util/Dom/contains.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _util_KeyCode__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../_util/KeyCode */ "./components/_util/KeyCode.ts"); /* harmony import */ var _util_omit__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../_util/omit */ "./components/_util/omit.ts"); /* harmony import */ var _util_pickAttrs__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../_util/pickAttrs */ "./components/_util/pickAttrs.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/initDefaultProps.ts"); /* harmony import */ var _Content__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./Content */ "./components/vc-dialog/Content.tsx"); /* harmony import */ var _IDialogPropTypes__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./IDialogPropTypes */ "./components/vc-dialog/IDialogPropTypes.ts"); /* harmony import */ var _Mask__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./Mask */ "./components/vc-dialog/Mask.tsx"); /* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./util */ "./components/vc-dialog/util.ts"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'VcDialog', inheritAttrs: false, props: (0,_util_props_util__WEBPACK_IMPORTED_MODULE_3__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, (0,_IDialogPropTypes__WEBPACK_IMPORTED_MODULE_4__["default"])()), { getOpenCount: Function, scrollLocker: Object }), { mask: true, visible: false, keyboard: true, closable: true, maskClosable: true, destroyOnClose: false, prefixCls: 'rc-dialog', getOpenCount: () => null, focusTriggerAfterClose: true }), setup(props, _ref) { let { attrs, slots } = _ref; const lastOutSideActiveElementRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(); const wrapperRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(); const contentRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(); const animatedVisible = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(props.visible); const ariaIdRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(`vcDialogTitle${(0,_util__WEBPACK_IMPORTED_MODULE_5__.getUUID)()}`); // ========================= Events ========================= const onDialogVisibleChanged = newVisible => { var _a, _b; if (newVisible) { // Try to focus if (!(0,_vc_util_Dom_contains__WEBPACK_IMPORTED_MODULE_6__["default"])(wrapperRef.value, document.activeElement)) { lastOutSideActiveElementRef.value = document.activeElement; (_a = contentRef.value) === null || _a === void 0 ? void 0 : _a.focus(); } } else { const preAnimatedVisible = animatedVisible.value; // Clean up scroll bar & focus back animatedVisible.value = false; if (props.mask && lastOutSideActiveElementRef.value && props.focusTriggerAfterClose) { try { lastOutSideActiveElementRef.value.focus({ preventScroll: true }); } catch (e) { // Do nothing } lastOutSideActiveElementRef.value = null; } // Trigger afterClose only when change visible from true to false if (preAnimatedVisible) { (_b = props.afterClose) === null || _b === void 0 ? void 0 : _b.call(props); } } }; const onInternalClose = e => { var _a; (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props, e); }; // >>> Content const contentClickRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(false); const contentTimeoutRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(); // We need record content click incase content popup out of dialog const onContentMouseDown = () => { clearTimeout(contentTimeoutRef.value); contentClickRef.value = true; }; const onContentMouseUp = () => { contentTimeoutRef.value = setTimeout(() => { contentClickRef.value = false; }); }; const onWrapperClick = e => { if (!props.maskClosable) return null; if (contentClickRef.value) { contentClickRef.value = false; } else if (wrapperRef.value === e.target) { onInternalClose(e); } }; const onWrapperKeyDown = e => { if (props.keyboard && e.keyCode === _util_KeyCode__WEBPACK_IMPORTED_MODULE_7__["default"].ESC) { e.stopPropagation(); onInternalClose(e); return; } // keep focus inside dialog if (props.visible) { if (e.keyCode === _util_KeyCode__WEBPACK_IMPORTED_MODULE_7__["default"].TAB) { contentRef.value.changeActive(!e.shiftKey); } } }; (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)(() => props.visible, () => { if (props.visible) { animatedVisible.value = true; } }, { flush: 'post' }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.onBeforeUnmount)(() => { var _a; clearTimeout(contentTimeoutRef.value); (_a = props.scrollLocker) === null || _a === void 0 ? void 0 : _a.unLock(); }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watchEffect)(() => { var _a, _b; (_a = props.scrollLocker) === null || _a === void 0 ? void 0 : _a.unLock(); if (animatedVisible.value) { (_b = props.scrollLocker) === null || _b === void 0 ? void 0 : _b.lock(); } }); return () => { const { prefixCls, mask, visible, maskTransitionName, maskAnimation, zIndex, wrapClassName, rootClassName, wrapStyle, closable, maskProps, maskStyle, transitionName, animation, wrapProps, title = slots.title } = props; const { style, class: className } = attrs; return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "class": [`${prefixCls}-root`, rootClassName] }, (0,_util_pickAttrs__WEBPACK_IMPORTED_MODULE_8__["default"])(props, { data: true })), [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_Mask__WEBPACK_IMPORTED_MODULE_9__["default"], { "prefixCls": prefixCls, "visible": mask && visible, "motionName": (0,_util__WEBPACK_IMPORTED_MODULE_5__.getMotionName)(prefixCls, maskTransitionName, maskAnimation), "style": (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({ zIndex }, maskStyle), "maskProps": maskProps }, null), (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "tabIndex": -1, "onKeydown": onWrapperKeyDown, "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_10__["default"])(`${prefixCls}-wrap`, wrapClassName), "ref": wrapperRef, "onClick": onWrapperClick, "role": "dialog", "aria-labelledby": title ? ariaIdRef.value : null, "style": (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({ zIndex }, wrapStyle), { display: !animatedVisible.value ? 'none' : null }) }, wrapProps), [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_Content__WEBPACK_IMPORTED_MODULE_11__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_util_omit__WEBPACK_IMPORTED_MODULE_12__["default"])(props, ['scrollLocker'])), {}, { "style": style, "class": className, "onMousedown": onContentMouseDown, "onMouseup": onContentMouseUp, "ref": contentRef, "closable": closable, "ariaId": ariaIdRef.value, "prefixCls": prefixCls, "visible": visible, "onClose": onInternalClose, "onVisibleChanged": onDialogVisibleChanged, "motionName": (0,_util__WEBPACK_IMPORTED_MODULE_5__.getMotionName)(prefixCls, transitionName, animation) }), slots)])]); }; } })); /***/ }), /***/ "./components/vc-dialog/DialogWrap.tsx": /*!*********************************************!*\ !*** ./components/vc-dialog/DialogWrap.tsx ***! \*********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _Dialog__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./Dialog */ "./components/vc-dialog/Dialog.tsx"); /* harmony import */ var _IDialogPropTypes__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./IDialogPropTypes */ "./components/vc-dialog/IDialogPropTypes.ts"); /* harmony import */ var _util_PortalWrapper__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../_util/PortalWrapper */ "./components/_util/PortalWrapper.tsx"); /* harmony import */ var _vc_trigger_context__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../vc-trigger/context */ "./components/vc-trigger/context.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/initDefaultProps.ts"); const IDialogPropTypes = (0,_IDialogPropTypes__WEBPACK_IMPORTED_MODULE_3__["default"])(); const DialogWrap = (0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'DialogWrap', inheritAttrs: false, props: (0,_util_props_util__WEBPACK_IMPORTED_MODULE_4__["default"])(IDialogPropTypes, { visible: false }), setup(props, _ref) { let { attrs, slots } = _ref; const animatedVisible = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(props.visible); (0,_vc_trigger_context__WEBPACK_IMPORTED_MODULE_5__.useProvidePortal)({}, { inTriggerContext: false }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)(() => props.visible, () => { if (props.visible) { animatedVisible.value = true; } }, { flush: 'post' }); return () => { const { visible, getContainer, forceRender, destroyOnClose = false, afterClose } = props; let dialogProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, props), attrs), { ref: '_component', key: 'dialog' }); // 渲染在当前 dom 里; if (getContainer === false) { return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_Dialog__WEBPACK_IMPORTED_MODULE_6__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, dialogProps), {}, { "getOpenCount": () => 2 }), slots); } // Destroy on close will remove wrapped div if (!forceRender && destroyOnClose && !animatedVisible.value) { return null; } return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_util_PortalWrapper__WEBPACK_IMPORTED_MODULE_7__["default"], { "autoLock": true, "visible": visible, "forceRender": forceRender, "getContainer": getContainer }, { default: childProps => { dialogProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, dialogProps), childProps), { afterClose: () => { afterClose === null || afterClose === void 0 ? void 0 : afterClose(); animatedVisible.value = false; } }); return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_Dialog__WEBPACK_IMPORTED_MODULE_6__["default"], dialogProps, slots); } }); }; } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DialogWrap); /***/ }), /***/ "./components/vc-dialog/IDialogPropTypes.ts": /*!**************************************************!*\ !*** ./components/vc-dialog/IDialogPropTypes.ts ***! \**************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ dialogPropTypes: () => (/* binding */ dialogPropTypes) /* harmony export */ }); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); function dialogPropTypes() { return { keyboard: { type: Boolean, default: undefined }, mask: { type: Boolean, default: undefined }, afterClose: Function, closable: { type: Boolean, default: undefined }, maskClosable: { type: Boolean, default: undefined }, visible: { type: Boolean, default: undefined }, destroyOnClose: { type: Boolean, default: undefined }, mousePosition: _util_vue_types__WEBPACK_IMPORTED_MODULE_0__["default"].shape({ x: Number, y: Number }).loose, title: _util_vue_types__WEBPACK_IMPORTED_MODULE_0__["default"].any, footer: _util_vue_types__WEBPACK_IMPORTED_MODULE_0__["default"].any, transitionName: String, maskTransitionName: String, animation: _util_vue_types__WEBPACK_IMPORTED_MODULE_0__["default"].any, maskAnimation: _util_vue_types__WEBPACK_IMPORTED_MODULE_0__["default"].any, wrapStyle: { type: Object, default: undefined }, bodyStyle: { type: Object, default: undefined }, maskStyle: { type: Object, default: undefined }, prefixCls: String, wrapClassName: String, rootClassName: String, width: [String, Number], height: [String, Number], zIndex: Number, bodyProps: _util_vue_types__WEBPACK_IMPORTED_MODULE_0__["default"].any, maskProps: _util_vue_types__WEBPACK_IMPORTED_MODULE_0__["default"].any, wrapProps: _util_vue_types__WEBPACK_IMPORTED_MODULE_0__["default"].any, getContainer: _util_vue_types__WEBPACK_IMPORTED_MODULE_0__["default"].any, dialogStyle: { type: Object, default: undefined }, dialogClass: String, closeIcon: _util_vue_types__WEBPACK_IMPORTED_MODULE_0__["default"].any, forceRender: { type: Boolean, default: undefined }, getOpenCount: Function, // https://github.com/ant-design/ant-design/issues/19771 // https://github.com/react-component/dialog/issues/95 focusTriggerAfterClose: { type: Boolean, default: undefined }, onClose: Function, modalRender: Function }; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (dialogPropTypes); /***/ }), /***/ "./components/vc-dialog/Mask.tsx": /*!***************************************!*\ !*** ./components/vc-dialog/Mask.tsx ***! \***************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_transition__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../_util/transition */ "./components/_util/transition.tsx"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'DialogMask', props: { prefixCls: String, visible: Boolean, motionName: String, maskProps: Object }, setup(props, _ref) { let {} = _ref; return () => { const { prefixCls, visible, maskProps, motionName } = props; const transitionProps = (0,_util_transition__WEBPACK_IMPORTED_MODULE_2__.getTransitionProps)(motionName); return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_1__.Transition, transitionProps, { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_1__.withDirectives)((0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "class": `${prefixCls}-mask` }, maskProps), null), [[vue__WEBPACK_IMPORTED_MODULE_1__.vShow, visible]])] }); }; } })); /***/ }), /***/ "./components/vc-dialog/index.ts": /*!***************************************!*\ !*** ./components/vc-dialog/index.ts ***! \***************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ dialogProps: () => (/* reexport safe */ _IDialogPropTypes__WEBPACK_IMPORTED_MODULE_0__["default"]) /* harmony export */ }); /* harmony import */ var _DialogWrap__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./DialogWrap */ "./components/vc-dialog/DialogWrap.tsx"); /* harmony import */ var _IDialogPropTypes__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./IDialogPropTypes */ "./components/vc-dialog/IDialogPropTypes.ts"); // based on vc-dialog 8.6.0 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_DialogWrap__WEBPACK_IMPORTED_MODULE_1__["default"]); /***/ }), /***/ "./components/vc-dialog/util.ts": /*!**************************************!*\ !*** ./components/vc-dialog/util.ts ***! \**************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ getMotionName: () => (/* binding */ getMotionName), /* harmony export */ getUUID: () => (/* binding */ getUUID), /* harmony export */ offset: () => (/* binding */ offset) /* harmony export */ }); // =============================== Motion =============================== function getMotionName(prefixCls, transitionName, animationName) { let motionName = transitionName; if (!motionName && animationName) { motionName = `${prefixCls}-${animationName}`; } return motionName; } // ================================ UUID ================================ let uuid = -1; function getUUID() { uuid += 1; return uuid; } // =============================== Offset =============================== function getScroll(w, top) { let ret = w[`page${top ? 'Y' : 'X'}Offset`]; const method = `scroll${top ? 'Top' : 'Left'}`; if (typeof ret !== 'number') { const d = w.document; ret = d.documentElement[method]; if (typeof ret !== 'number') { ret = d.body[method]; } } return ret; } function offset(el) { const rect = el.getBoundingClientRect(); const pos = { left: rect.left, top: rect.top }; const doc = el.ownerDocument; const w = doc.defaultView || doc.parentWindow; pos.left += getScroll(w); pos.top += getScroll(w, true); return pos; } /***/ }), /***/ "./components/vc-drawer/index.ts": /*!***************************************!*\ !*** ./components/vc-drawer/index.ts ***! \***************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _src_DrawerWrapper__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./src/DrawerWrapper */ "./components/vc-drawer/src/DrawerWrapper.tsx"); // base rc-drawer 4.4.3 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_src_DrawerWrapper__WEBPACK_IMPORTED_MODULE_0__["default"]); /***/ }), /***/ "./components/vc-drawer/src/DrawerChild.tsx": /*!**************************************************!*\ !*** ./components/vc-drawer/src/DrawerChild.tsx ***! \**************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _util_KeyCode__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../_util/KeyCode */ "./components/_util/KeyCode.ts"); /* harmony import */ var _util_omit__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../_util/omit */ "./components/_util/omit.ts"); /* harmony import */ var _IDrawerPropTypes__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./IDrawerPropTypes */ "./components/vc-drawer/src/IDrawerPropTypes.ts"); /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./utils */ "./components/vc-drawer/src/utils.ts"); var __rest = undefined && undefined.__rest || function (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; }; const currentDrawer = {}; const DrawerChild = (0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, inheritAttrs: false, props: (0,_IDrawerPropTypes__WEBPACK_IMPORTED_MODULE_2__.drawerChildProps)(), emits: ['close', 'handleClick', 'change'], setup(props, _ref) { let { emit, slots } = _ref; const contentWrapper = (0,vue__WEBPACK_IMPORTED_MODULE_1__.shallowRef)(); const dom = (0,vue__WEBPACK_IMPORTED_MODULE_1__.shallowRef)(); const maskDom = (0,vue__WEBPACK_IMPORTED_MODULE_1__.shallowRef)(); const handlerDom = (0,vue__WEBPACK_IMPORTED_MODULE_1__.shallowRef)(); const contentDom = (0,vue__WEBPACK_IMPORTED_MODULE_1__.shallowRef)(); let levelDom = []; const drawerId = `drawer_id_${Number((Date.now() + Math.random()).toString().replace('.', Math.round(Math.random() * 9).toString())).toString(16)}`; (0,vue__WEBPACK_IMPORTED_MODULE_1__.onMounted)(() => { (0,vue__WEBPACK_IMPORTED_MODULE_1__.nextTick)(() => { var _a; const { open, getContainer, showMask, autofocus } = props; const container = getContainer === null || getContainer === void 0 ? void 0 : getContainer(); getLevelDom(props); if (open) { if (container && container.parentNode === document.body) { currentDrawer[drawerId] = open; } (0,vue__WEBPACK_IMPORTED_MODULE_1__.nextTick)(() => { if (autofocus) { domFocus(); } }); if (showMask) { (_a = props.scrollLocker) === null || _a === void 0 ? void 0 : _a.lock(); } } }); }); (0,vue__WEBPACK_IMPORTED_MODULE_1__.watch)(() => props.level, () => { getLevelDom(props); }, { flush: 'post' }); (0,vue__WEBPACK_IMPORTED_MODULE_1__.watch)(() => props.open, () => { const { open, getContainer, scrollLocker, showMask, autofocus } = props; const container = getContainer === null || getContainer === void 0 ? void 0 : getContainer(); if (container && container.parentNode === document.body) { currentDrawer[drawerId] = !!open; } if (open) { if (autofocus) { domFocus(); } if (showMask) { scrollLocker === null || scrollLocker === void 0 ? void 0 : scrollLocker.lock(); } } else { scrollLocker === null || scrollLocker === void 0 ? void 0 : scrollLocker.unLock(); } }, { flush: 'post' }); (0,vue__WEBPACK_IMPORTED_MODULE_1__.onUnmounted)(() => { var _a; const { open } = props; delete currentDrawer[drawerId]; if (open) { document.body.style.touchAction = ''; } (_a = props.scrollLocker) === null || _a === void 0 ? void 0 : _a.unLock(); }); (0,vue__WEBPACK_IMPORTED_MODULE_1__.watch)(() => props.placement, val => { if (val) { // test 的 bug, 有动画过场,删除 dom contentDom.value = null; } }); const domFocus = () => { var _a, _b; (_b = (_a = dom.value) === null || _a === void 0 ? void 0 : _a.focus) === null || _b === void 0 ? void 0 : _b.call(_a); }; const onClose = e => { emit('close', e); }; const onKeyDown = e => { if (e.keyCode === _util_KeyCode__WEBPACK_IMPORTED_MODULE_3__["default"].ESC) { e.stopPropagation(); onClose(e); } }; const onAfterVisibleChange = () => { const { open, afterVisibleChange } = props; if (afterVisibleChange) { afterVisibleChange(!!open); } }; const getLevelDom = _ref2 => { let { level, getContainer } = _ref2; if (_utils__WEBPACK_IMPORTED_MODULE_4__.windowIsUndefined) { return; } const container = getContainer === null || getContainer === void 0 ? void 0 : getContainer(); const parent = container ? container.parentNode : null; levelDom = []; if (level === 'all') { const children = parent ? Array.prototype.slice.call(parent.children) : []; children.forEach(child => { if (child.nodeName !== 'SCRIPT' && child.nodeName !== 'STYLE' && child.nodeName !== 'LINK' && child !== container) { levelDom.push(child); } }); } else if (level) { (0,_utils__WEBPACK_IMPORTED_MODULE_4__.dataToArray)(level).forEach(key => { document.querySelectorAll(key).forEach(item => { levelDom.push(item); }); }); } }; const onHandleClick = e => { emit('handleClick', e); }; const canOpen = (0,vue__WEBPACK_IMPORTED_MODULE_1__.shallowRef)(false); (0,vue__WEBPACK_IMPORTED_MODULE_1__.watch)(dom, () => { (0,vue__WEBPACK_IMPORTED_MODULE_1__.nextTick)(() => { canOpen.value = true; }); }); return () => { var _a, _b; const { width, height, open: $open, prefixCls, placement, level, levelMove, ease, duration, getContainer, onChange, afterVisibleChange, showMask, maskClosable, maskStyle, keyboard, getOpenCount, scrollLocker, contentWrapperStyle, style, class: className, rootClassName, rootStyle, maskMotion, motion, inline } = props, otherProps = __rest(props, ["width", "height", "open", "prefixCls", "placement", "level", "levelMove", "ease", "duration", "getContainer", "onChange", "afterVisibleChange", "showMask", "maskClosable", "maskStyle", "keyboard", "getOpenCount", "scrollLocker", "contentWrapperStyle", "style", "class", "rootClassName", "rootStyle", "maskMotion", "motion", "inline"]); // 首次渲染都将是关闭状态。 const open = $open && canOpen.value; const wrapperClassName = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_5__["default"])(prefixCls, { [`${prefixCls}-${placement}`]: true, [`${prefixCls}-open`]: open, [`${prefixCls}-inline`]: inline, 'no-mask': !showMask, [rootClassName]: true }); const motionProps = typeof motion === 'function' ? motion(placement) : motion; return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_util_omit__WEBPACK_IMPORTED_MODULE_6__["default"])(otherProps, ['autofocus'])), {}, { "tabindex": -1, "class": wrapperClassName, "style": rootStyle, "ref": dom, "onKeydown": open && keyboard ? onKeyDown : undefined }), [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_1__.Transition, maskMotion, { default: () => [showMask && (0,vue__WEBPACK_IMPORTED_MODULE_1__.withDirectives)((0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${prefixCls}-mask`, "onClick": maskClosable ? onClose : undefined, "style": maskStyle, "ref": maskDom }, null), [[vue__WEBPACK_IMPORTED_MODULE_1__.vShow, open]])] }), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_1__.Transition, (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, motionProps), {}, { "onAfterEnter": onAfterVisibleChange, "onAfterLeave": onAfterVisibleChange }), { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_1__.withDirectives)((0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${prefixCls}-content-wrapper`, "style": [contentWrapperStyle], "ref": contentWrapper }, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": [`${prefixCls}-content`, className], "style": style, "ref": contentDom }, [(_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)]), slots.handler ? (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "onClick": onHandleClick, "ref": handlerDom }, [(_b = slots.handler) === null || _b === void 0 ? void 0 : _b.call(slots)]) : null]), [[vue__WEBPACK_IMPORTED_MODULE_1__.vShow, open]])] })]); }; } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DrawerChild); /***/ }), /***/ "./components/vc-drawer/src/DrawerWrapper.tsx": /*!****************************************************!*\ !*** ./components/vc-drawer/src/DrawerWrapper.tsx ***! \****************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _DrawerChild__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./DrawerChild */ "./components/vc-drawer/src/DrawerChild.tsx"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../_util/props-util */ "./components/_util/props-util/initDefaultProps.ts"); /* harmony import */ var _IDrawerPropTypes__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./IDrawerPropTypes */ "./components/vc-drawer/src/IDrawerPropTypes.ts"); /* harmony import */ var _util_PortalWrapper__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../_util/PortalWrapper */ "./components/_util/PortalWrapper.tsx"); var __rest = undefined && undefined.__rest || function (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; }; const DrawerWrapper = (0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, inheritAttrs: false, props: (0,_util_props_util__WEBPACK_IMPORTED_MODULE_2__["default"])((0,_IDrawerPropTypes__WEBPACK_IMPORTED_MODULE_3__.drawerProps)(), { prefixCls: 'drawer', placement: 'left', getContainer: 'body', level: 'all', duration: '.3s', ease: 'cubic-bezier(0.78, 0.14, 0.15, 0.86)', afterVisibleChange: () => {}, showMask: true, maskClosable: true, maskStyle: {}, wrapperClassName: '', keyboard: true, forceRender: false, autofocus: true }), emits: ['handleClick', 'close'], setup(props, _ref) { let { emit, slots } = _ref; const dom = (0,vue__WEBPACK_IMPORTED_MODULE_1__.ref)(null); const onHandleClick = e => { emit('handleClick', e); }; const onClose = e => { emit('close', e); }; return () => { const { getContainer, wrapperClassName, rootClassName, rootStyle, forceRender } = props, otherProps = __rest(props, ["getContainer", "wrapperClassName", "rootClassName", "rootStyle", "forceRender"]); let portal = null; if (!getContainer) { return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_DrawerChild__WEBPACK_IMPORTED_MODULE_4__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, otherProps), {}, { "rootClassName": rootClassName, "rootStyle": rootStyle, "open": props.open, "onClose": onClose, "onHandleClick": onHandleClick, "inline": true }), slots); } // 如果有 handler 为内置强制渲染; const $forceRender = !!slots.handler || forceRender; if ($forceRender || props.open || dom.value) { portal = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_util_PortalWrapper__WEBPACK_IMPORTED_MODULE_5__["default"], { "autoLock": true, "visible": props.open, "forceRender": $forceRender, "getContainer": getContainer, "wrapperClassName": wrapperClassName }, { default: _a => { var { visible, afterClose } = _a, rest = __rest(_a, ["visible", "afterClose"]); return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_DrawerChild__WEBPACK_IMPORTED_MODULE_4__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "ref": dom }, otherProps), rest), {}, { "rootClassName": rootClassName, "rootStyle": rootStyle, "open": visible !== undefined ? visible : props.open, "afterVisibleChange": afterClose !== undefined ? afterClose : props.afterVisibleChange, "onClose": onClose, "onHandleClick": onHandleClick }), slots); } }); } return portal; }; } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DrawerWrapper); /***/ }), /***/ "./components/vc-drawer/src/IDrawerPropTypes.ts": /*!******************************************************!*\ !*** ./components/vc-drawer/src/IDrawerPropTypes.ts ***! \******************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ drawerChildProps: () => (/* binding */ drawerChildProps), /* harmony export */ drawerProps: () => (/* binding */ drawerProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../_util/type */ "./components/_util/type.ts"); const props = () => ({ prefixCls: String, width: _util_vue_types__WEBPACK_IMPORTED_MODULE_1__["default"].oneOfType([_util_vue_types__WEBPACK_IMPORTED_MODULE_1__["default"].string, _util_vue_types__WEBPACK_IMPORTED_MODULE_1__["default"].number]), height: _util_vue_types__WEBPACK_IMPORTED_MODULE_1__["default"].oneOfType([_util_vue_types__WEBPACK_IMPORTED_MODULE_1__["default"].string, _util_vue_types__WEBPACK_IMPORTED_MODULE_1__["default"].number]), style: { type: Object, default: undefined }, class: String, rootClassName: String, rootStyle: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.objectType)(), placement: { type: String }, wrapperClassName: String, level: { type: [String, Array] }, levelMove: { type: [Number, Function, Array] }, duration: String, ease: String, showMask: { type: Boolean, default: undefined }, maskClosable: { type: Boolean, default: undefined }, maskStyle: { type: Object, default: undefined }, afterVisibleChange: Function, keyboard: { type: Boolean, default: undefined }, contentWrapperStyle: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.arrayType)(), autofocus: { type: Boolean, default: undefined }, open: { type: Boolean, default: undefined }, // Motion motion: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.functionType)(), maskMotion: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.objectType)() }); const drawerProps = () => (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props()), { forceRender: { type: Boolean, default: undefined }, getContainer: _util_vue_types__WEBPACK_IMPORTED_MODULE_1__["default"].oneOfType([_util_vue_types__WEBPACK_IMPORTED_MODULE_1__["default"].string, _util_vue_types__WEBPACK_IMPORTED_MODULE_1__["default"].func, _util_vue_types__WEBPACK_IMPORTED_MODULE_1__["default"].object, _util_vue_types__WEBPACK_IMPORTED_MODULE_1__["default"].looseBool]) }); const drawerChildProps = () => (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props()), { getContainer: Function, getOpenCount: Function, scrollLocker: _util_vue_types__WEBPACK_IMPORTED_MODULE_1__["default"].any, inline: Boolean }); /***/ }), /***/ "./components/vc-drawer/src/utils.ts": /*!*******************************************!*\ !*** ./components/vc-drawer/src/utils.ts ***! \*******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ addEventListener: () => (/* binding */ addEventListener), /* harmony export */ dataToArray: () => (/* binding */ dataToArray), /* harmony export */ getTouchParentScroll: () => (/* binding */ getTouchParentScroll), /* harmony export */ isNumeric: () => (/* binding */ isNumeric), /* harmony export */ removeEventListener: () => (/* binding */ removeEventListener), /* harmony export */ transformArguments: () => (/* binding */ transformArguments), /* harmony export */ transitionEndFun: () => (/* binding */ transitionEndFun), /* harmony export */ transitionStr: () => (/* binding */ transitionStr), /* harmony export */ windowIsUndefined: () => (/* binding */ windowIsUndefined) /* harmony export */ }); function dataToArray(vars) { if (Array.isArray(vars)) { return vars; } return [vars]; } const transitionEndObject = { transition: 'transitionend', WebkitTransition: 'webkitTransitionEnd', MozTransition: 'transitionend', OTransition: 'oTransitionEnd otransitionend' }; const transitionStr = Object.keys(transitionEndObject).filter(key => { if (typeof document === 'undefined') { return false; } const html = document.getElementsByTagName('html')[0]; return key in (html ? html.style : {}); })[0]; const transitionEndFun = transitionEndObject[transitionStr]; function addEventListener(target, eventType, callback, options) { if (target.addEventListener) { target.addEventListener(eventType, callback, options); } else if (target.attachEvent) { // tslint:disable-line target.attachEvent(`on${eventType}`, callback); // tslint:disable-line } } function removeEventListener(target, eventType, callback, options) { if (target.removeEventListener) { target.removeEventListener(eventType, callback, options); } else if (target.attachEvent) { // tslint:disable-line target.detachEvent(`on${eventType}`, callback); // tslint:disable-line } } function transformArguments(arg, cb) { const result = typeof arg === 'function' ? arg(cb) : arg; if (Array.isArray(result)) { if (result.length === 2) { return result; } return [result[0], result[1]]; } return [result]; } const isNumeric = value => !isNaN(parseFloat(value)) && isFinite(value); const windowIsUndefined = !(typeof window !== 'undefined' && window.document && window.document.createElement); const getTouchParentScroll = (root, currentTarget, differX, differY) => { if (!currentTarget || currentTarget === document || currentTarget instanceof Document) { return false; } // root 为 drawer-content 设定了 overflow, 判断为 root 的 parent 时结束滚动; if (currentTarget === root.parentNode) { return true; } const isY = Math.max(Math.abs(differX), Math.abs(differY)) === Math.abs(differY); const isX = Math.max(Math.abs(differX), Math.abs(differY)) === Math.abs(differX); const scrollY = currentTarget.scrollHeight - currentTarget.clientHeight; const scrollX = currentTarget.scrollWidth - currentTarget.clientWidth; const style = document.defaultView.getComputedStyle(currentTarget); const overflowY = style.overflowY === 'auto' || style.overflowY === 'scroll'; const overflowX = style.overflowX === 'auto' || style.overflowX === 'scroll'; const y = scrollY && overflowY; const x = scrollX && overflowX; if (isY && (!y || y && (currentTarget.scrollTop >= scrollY && differY < 0 || currentTarget.scrollTop <= 0 && differY > 0)) || isX && (!x || x && (currentTarget.scrollLeft >= scrollX && differX < 0 || currentTarget.scrollLeft <= 0 && differX > 0))) { return getTouchParentScroll(root, currentTarget.parentNode, differX, differY); } return false; }; /***/ }), /***/ "./components/vc-dropdown/Dropdown.tsx": /*!*********************************************!*\ !*** ./components/vc-dropdown/Dropdown.tsx ***! \*********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _vc_trigger__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../vc-trigger */ "./components/vc-trigger/index.ts"); /* harmony import */ var _placements__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./placements */ "./components/vc-dropdown/placements.ts"); /* harmony import */ var _util_vnode__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/vnode */ "./components/_util/vnode.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/index.ts"); var __rest = undefined && undefined.__rest || function (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; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, props: { minOverlayWidthMatchTrigger: { type: Boolean, default: undefined }, arrow: { type: Boolean, default: false }, prefixCls: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].string.def('rc-dropdown'), transitionName: String, overlayClassName: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].string.def(''), openClassName: String, animation: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].any, align: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].object, overlayStyle: { type: Object, default: undefined }, placement: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].string.def('bottomLeft'), overlay: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].any, trigger: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].oneOfType([_util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].string, _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].arrayOf(_util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].string)]).def('hover'), alignPoint: { type: Boolean, default: undefined }, showAction: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].array, hideAction: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].array, getPopupContainer: Function, visible: { type: Boolean, default: undefined }, defaultVisible: { type: Boolean, default: false }, mouseEnterDelay: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].number.def(0.15), mouseLeaveDelay: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].number.def(0.1) }, emits: ['visibleChange', 'overlayClick'], setup(props, _ref) { let { slots, emit, expose } = _ref; const triggerVisible = (0,vue__WEBPACK_IMPORTED_MODULE_1__.ref)(!!props.visible); (0,vue__WEBPACK_IMPORTED_MODULE_1__.watch)(() => props.visible, val => { if (val !== undefined) { triggerVisible.value = val; } }); const triggerRef = (0,vue__WEBPACK_IMPORTED_MODULE_1__.ref)(); expose({ triggerRef }); const onClick = e => { if (props.visible === undefined) { triggerVisible.value = false; } emit('overlayClick', e); }; const onVisibleChange = visible => { if (props.visible === undefined) { triggerVisible.value = visible; } emit('visibleChange', visible); }; const getMenuElement = () => { var _a; const overlayElement = (_a = slots.overlay) === null || _a === void 0 ? void 0 : _a.call(slots); const extraOverlayProps = { prefixCls: `${props.prefixCls}-menu`, onClick }; return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_1__.Fragment, { "key": _util_props_util__WEBPACK_IMPORTED_MODULE_3__.skipFlattenKey }, [props.arrow && (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${props.prefixCls}-arrow` }, null), (0,_util_vnode__WEBPACK_IMPORTED_MODULE_4__.cloneElement)(overlayElement, extraOverlayProps, false)]); }; const minOverlayWidthMatchTrigger = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { const { minOverlayWidthMatchTrigger: matchTrigger = !props.alignPoint } = props; return matchTrigger; }); const renderChildren = () => { var _a; const children = (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots); return triggerVisible.value && children ? (0,_util_vnode__WEBPACK_IMPORTED_MODULE_4__.cloneElement)(children[0], { class: props.openClassName || `${props.prefixCls}-open` }, false) : children; }; const triggerHideAction = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { if (!props.hideAction && props.trigger.indexOf('contextmenu') !== -1) { return ['click']; } return props.hideAction; }); return () => { const { prefixCls, arrow, showAction, overlayStyle, trigger, placement, align, getPopupContainer, transitionName, animation, overlayClassName } = props, otherProps = __rest(props, ["prefixCls", "arrow", "showAction", "overlayStyle", "trigger", "placement", "align", "getPopupContainer", "transitionName", "animation", "overlayClassName"]); return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_vc_trigger__WEBPACK_IMPORTED_MODULE_5__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, otherProps), {}, { "prefixCls": prefixCls, "ref": triggerRef, "popupClassName": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_6__["default"])(overlayClassName, { [`${prefixCls}-show-arrow`]: arrow }), "popupStyle": overlayStyle, "builtinPlacements": _placements__WEBPACK_IMPORTED_MODULE_7__["default"], "action": trigger, "showAction": showAction, "hideAction": triggerHideAction.value || [], "popupPlacement": placement, "popupAlign": align, "popupTransitionName": transitionName, "popupAnimation": animation, "popupVisible": triggerVisible.value, "stretch": minOverlayWidthMatchTrigger.value ? 'minWidth' : '', "onPopupVisibleChange": onVisibleChange, "getPopupContainer": getPopupContainer }), { popup: getMenuElement, default: renderChildren }); }; } })); /***/ }), /***/ "./components/vc-dropdown/index.ts": /*!*****************************************!*\ !*** ./components/vc-dropdown/index.ts ***! \*****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _Dropdown__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Dropdown */ "./components/vc-dropdown/Dropdown.tsx"); // base in 3.2.0 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_Dropdown__WEBPACK_IMPORTED_MODULE_0__["default"]); /***/ }), /***/ "./components/vc-dropdown/placements.ts": /*!**********************************************!*\ !*** ./components/vc-dropdown/placements.ts ***! \**********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); const autoAdjustOverflow = { adjustX: 1, adjustY: 1 }; const targetOffset = [0, 0]; const placements = { topLeft: { points: ['bl', 'tl'], overflow: autoAdjustOverflow, offset: [0, -4], targetOffset }, topCenter: { points: ['bc', 'tc'], overflow: autoAdjustOverflow, offset: [0, -4], targetOffset }, topRight: { points: ['br', 'tr'], overflow: autoAdjustOverflow, offset: [0, -4], targetOffset }, bottomLeft: { points: ['tl', 'bl'], overflow: autoAdjustOverflow, offset: [0, 4], targetOffset }, bottomCenter: { points: ['tc', 'bc'], overflow: autoAdjustOverflow, offset: [0, 4], targetOffset }, bottomRight: { points: ['tr', 'br'], overflow: autoAdjustOverflow, offset: [0, 4], targetOffset } }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (placements); /***/ }), /***/ "./components/vc-image/index.ts": /*!**************************************!*\ !*** ./components/vc-image/index.ts ***! \**************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ imageProps: () => (/* reexport safe */ _src_Image__WEBPACK_IMPORTED_MODULE_0__.imageProps), /* harmony export */ mergeDefaultValue: () => (/* reexport safe */ _src_Image__WEBPACK_IMPORTED_MODULE_0__.mergeDefaultValue) /* harmony export */ }); /* harmony import */ var _src_Image__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./src/Image */ "./components/vc-image/src/Image.tsx"); // based on rc-image 4.3.2 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_src_Image__WEBPACK_IMPORTED_MODULE_0__["default"]); /***/ }), /***/ "./components/vc-image/src/Image.tsx": /*!*******************************************!*\ !*** ./components/vc-image/src/Image.tsx ***! \*******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ imageProps: () => (/* binding */ imageProps), /* harmony export */ mergeDefaultValue: () => (/* binding */ mergeDefaultValue) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var lodash_es_isNumber__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! lodash-es/isNumber */ "./node_modules/lodash-es/isNumber.js"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _vc_util_Dom_css__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../vc-util/Dom/css */ "./components/vc-util/Dom/css.ts"); /* harmony import */ var _util_hooks_useMergedState__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../_util/hooks/useMergedState */ "./components/_util/hooks/useMergedState.ts"); /* harmony import */ var _Preview__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./Preview */ "./components/vc-image/src/Preview.tsx"); /* harmony import */ var _PreviewGroup__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./PreviewGroup */ "./components/vc-image/src/PreviewGroup.tsx"); var __rest = undefined && undefined.__rest || function (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; }; const imageProps = () => ({ src: String, wrapperClassName: String, wrapperStyle: { type: Object, default: undefined }, rootClassName: String, prefixCls: String, previewPrefixCls: String, width: [Number, String], height: [Number, String], previewMask: { type: [Boolean, Function], default: undefined }, placeholder: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].any, fallback: String, preview: { type: [Boolean, Object], default: true }, onClick: { type: Function }, onError: { type: Function } }); const mergeDefaultValue = (obj, defaultValues) => { const res = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, obj); Object.keys(defaultValues).forEach(key => { if (obj[key] === undefined) { res[key] = defaultValues[key]; } }); return res; }; let uuid = 0; const ImageInternal = (0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'VcImage', inheritAttrs: false, props: imageProps(), emits: ['click', 'error'], setup(props, _ref) { let { attrs, slots, emit } = _ref; const prefixCls = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.prefixCls); const previewPrefixCls = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => `${prefixCls.value}-preview`); const preview = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { const defaultValues = { visible: undefined, onVisibleChange: () => {}, getContainer: undefined }; return typeof props.preview === 'object' ? mergeDefaultValue(props.preview, defaultValues) : defaultValues; }); const src = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { var _a; return (_a = preview.value.src) !== null && _a !== void 0 ? _a : props.src; }); const isCustomPlaceholder = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.placeholder && props.placeholder !== true || slots.placeholder); const previewVisible = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => preview.value.visible); const getPreviewContainer = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => preview.value.getContainer); const isControlled = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => previewVisible.value !== undefined); const onPreviewVisibleChange = (val, preval) => { var _a, _b; (_b = (_a = preview.value).onVisibleChange) === null || _b === void 0 ? void 0 : _b.call(_a, val, preval); }; const [isShowPreview, setShowPreview] = (0,_util_hooks_useMergedState__WEBPACK_IMPORTED_MODULE_4__["default"])(!!previewVisible.value, { value: previewVisible, onChange: onPreviewVisibleChange }); const status = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(isCustomPlaceholder.value ? 'loading' : 'normal'); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)(() => props.src, () => { status.value = isCustomPlaceholder.value ? 'loading' : 'normal'; }); const mousePosition = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(null); const isError = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => status.value === 'error'); const groupContext = _PreviewGroup__WEBPACK_IMPORTED_MODULE_5__.context.inject(); const { isPreviewGroup, setCurrent, setShowPreview: setGroupShowPreview, setMousePosition: setGroupMousePosition, registerImage } = groupContext; const currentId = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(uuid++); const canPreview = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.preview && !isError.value); const onLoad = () => { status.value = 'normal'; }; const onError = e => { status.value = 'error'; emit('error', e); }; const onPreview = e => { if (!isControlled.value) { const { left, top } = (0,_vc_util_Dom_css__WEBPACK_IMPORTED_MODULE_6__.getOffset)(e.target); if (isPreviewGroup.value) { setCurrent(currentId.value); setGroupMousePosition({ x: left, y: top }); } else { mousePosition.value = { x: left, y: top }; } } if (isPreviewGroup.value) { setGroupShowPreview(true); } else { setShowPreview(true); } emit('click', e); }; const onPreviewClose = () => { setShowPreview(false); if (!isControlled.value) { mousePosition.value = null; } }; const img = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(null); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)(() => img, () => { if (status.value !== 'loading') return; if (img.value.complete && (img.value.naturalWidth || img.value.naturalHeight)) { onLoad(); } }); let unRegister = () => {}; (0,vue__WEBPACK_IMPORTED_MODULE_2__.onMounted)(() => { (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)([src, canPreview], () => { unRegister(); if (!isPreviewGroup.value) { return () => {}; } unRegister = registerImage(currentId.value, src.value, canPreview.value); if (!canPreview.value) { unRegister(); } }, { flush: 'post', immediate: true }); }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.onUnmounted)(() => { unRegister(); }); const toSizePx = l => { if ((0,lodash_es_isNumber__WEBPACK_IMPORTED_MODULE_7__["default"])(l)) return l + 'px'; return l; }; return () => { const { prefixCls, wrapperClassName, fallback, src: imgSrc, placeholder, wrapperStyle, rootClassName, width, height, crossorigin, decoding, alt, sizes, srcset, usemap, class: cls, style } = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, props), attrs); const _a = preview.value, { icons, maskClassName } = _a, dialogProps = __rest(_a, ["icons", "maskClassName"]); const wrappperClass = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_8__["default"])(prefixCls, wrapperClassName, rootClassName, { [`${prefixCls}-error`]: isError.value }); const mergedSrc = isError.value && fallback ? fallback : src.value; const imgCommonProps = { crossorigin, decoding, alt, sizes, srcset, usemap, width, height, class: (0,_util_classNames__WEBPACK_IMPORTED_MODULE_8__["default"])(`${prefixCls}-img`, { [`${prefixCls}-img-placeholder`]: placeholder === true }, cls), style: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({ height: toSizePx(height) }, style) }; return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_2__.Fragment, null, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": wrappperClass, "onClick": canPreview.value ? onPreview : e => { emit('click', e); }, "style": (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({ width: toSizePx(width), height: toSizePx(height) }, wrapperStyle) }, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("img", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, imgCommonProps), isError.value && fallback ? { src: fallback } : { onLoad, onError, src: imgSrc }), {}, { "ref": img }), null), status.value === 'loading' && (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "aria-hidden": "true", "class": `${prefixCls}-placeholder` }, [placeholder || slots.placeholder && slots.placeholder()]), slots.previewMask && canPreview.value && (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": [`${prefixCls}-mask`, maskClassName] }, [slots.previewMask()])]), !isPreviewGroup.value && canPreview.value && (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_Preview__WEBPACK_IMPORTED_MODULE_9__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, dialogProps), {}, { "aria-hidden": !isShowPreview.value, "visible": isShowPreview.value, "prefixCls": previewPrefixCls.value, "onClose": onPreviewClose, "mousePosition": mousePosition.value, "src": mergedSrc, "alt": alt, "getContainer": getPreviewContainer.value, "icons": icons, "rootClassName": rootClassName }), null)]); }; } }); ImageInternal.PreviewGroup = _PreviewGroup__WEBPACK_IMPORTED_MODULE_5__["default"]; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ImageInternal); /***/ }), /***/ "./components/vc-image/src/Preview.tsx": /*!*********************************************!*\ !*** ./components/vc-image/src/Preview.tsx ***! \*********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ previewProps: () => (/* binding */ previewProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _vc_dialog__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../vc-dialog */ "./components/vc-dialog/index.ts"); /* harmony import */ var _vc_dialog_IDialogPropTypes__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../vc-dialog/IDialogPropTypes */ "./components/vc-dialog/IDialogPropTypes.ts"); /* harmony import */ var _vc_util_Dom_css__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../vc-util/Dom/css */ "./components/vc-util/Dom/css.ts"); /* harmony import */ var _vc_util_Dom_addEventListener__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../vc-util/Dom/addEventListener */ "./components/vc-util/Dom/addEventListener.js"); /* harmony import */ var _util_KeyCode__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../_util/KeyCode */ "./components/_util/KeyCode.ts"); /* harmony import */ var _vc_util_warning__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../vc-util/warning */ "./components/vc-util/warning.ts"); /* harmony import */ var _hooks_useFrameSetState__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./hooks/useFrameSetState */ "./components/vc-image/src/hooks/useFrameSetState.ts"); /* harmony import */ var _getFixScaleEleTransPosition__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./getFixScaleEleTransPosition */ "./components/vc-image/src/getFixScaleEleTransPosition.ts"); /* harmony import */ var _PreviewGroup__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./PreviewGroup */ "./components/vc-image/src/PreviewGroup.tsx"); const initialPosition = { x: 0, y: 0 }; const previewProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, (0,_vc_dialog_IDialogPropTypes__WEBPACK_IMPORTED_MODULE_3__.dialogPropTypes)()), { src: String, alt: String, rootClassName: String, icons: { type: Object, default: () => ({}) } }); const Preview = (0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'Preview', inheritAttrs: false, props: previewProps, emits: ['close', 'afterClose'], setup(props, _ref) { let { emit, attrs } = _ref; const { rotateLeft, rotateRight, zoomIn, zoomOut, close, left, right, flipX, flipY } = (0,vue__WEBPACK_IMPORTED_MODULE_2__.reactive)(props.icons); const scale = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(1); const rotate = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(0); const flip = (0,vue__WEBPACK_IMPORTED_MODULE_2__.reactive)({ x: 1, y: 1 }); const [position, setPosition] = (0,_hooks_useFrameSetState__WEBPACK_IMPORTED_MODULE_4__["default"])(initialPosition); const onClose = () => emit('close'); const imgRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(); const originPositionRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.reactive)({ originX: 0, originY: 0, deltaX: 0, deltaY: 0 }); const isMoving = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(false); const groupContext = _PreviewGroup__WEBPACK_IMPORTED_MODULE_5__.context.inject(); const { previewUrls, current, isPreviewGroup, setCurrent } = groupContext; const previewGroupCount = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => previewUrls.value.size); const previewUrlsKeys = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => Array.from(previewUrls.value.keys())); const currentPreviewIndex = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => previewUrlsKeys.value.indexOf(current.value)); const combinationSrc = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { return isPreviewGroup.value ? previewUrls.value.get(current.value) : props.src; }); const showLeftOrRightSwitches = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => isPreviewGroup.value && previewGroupCount.value > 1); const lastWheelZoomDirection = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)({ wheelDirection: 0 }); const onAfterClose = () => { scale.value = 1; rotate.value = 0; flip.x = 1; flip.y = 1; setPosition(initialPosition); emit('afterClose'); }; const onZoomIn = isWheel => { if (!isWheel) { scale.value++; } else { scale.value += 0.5; } setPosition(initialPosition); }; const onZoomOut = isWheel => { if (scale.value > 1) { if (!isWheel) { scale.value--; } else { scale.value -= 0.5; } } setPosition(initialPosition); }; const onRotateRight = () => { rotate.value += 90; }; const onRotateLeft = () => { rotate.value -= 90; }; const onFlipX = () => { flip.x = -flip.x; }; const onFlipY = () => { flip.y = -flip.y; }; const onSwitchLeft = event => { event.preventDefault(); // Without this mask close will abnormal event.stopPropagation(); if (currentPreviewIndex.value > 0) { setCurrent(previewUrlsKeys.value[currentPreviewIndex.value - 1]); } }; const onSwitchRight = event => { event.preventDefault(); // Without this mask close will abnormal event.stopPropagation(); if (currentPreviewIndex.value < previewGroupCount.value - 1) { setCurrent(previewUrlsKeys.value[currentPreviewIndex.value + 1]); } }; const wrapClassName = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_6__["default"])({ [`${props.prefixCls}-moving`]: isMoving.value }); const toolClassName = `${props.prefixCls}-operations-operation`; const iconClassName = `${props.prefixCls}-operations-icon`; const tools = [{ icon: close, onClick: onClose, type: 'close' }, { icon: zoomIn, onClick: () => onZoomIn(), type: 'zoomIn' }, { icon: zoomOut, onClick: () => onZoomOut(), type: 'zoomOut', disabled: (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => scale.value === 1) }, { icon: rotateRight, onClick: onRotateRight, type: 'rotateRight' }, { icon: rotateLeft, onClick: onRotateLeft, type: 'rotateLeft' }, { icon: flipX, onClick: onFlipX, type: 'flipX' }, { icon: flipY, onClick: onFlipY, type: 'flipY' }]; const onMouseUp = () => { if (props.visible && isMoving.value) { const width = imgRef.value.offsetWidth * scale.value; const height = imgRef.value.offsetHeight * scale.value; const { left, top } = (0,_vc_util_Dom_css__WEBPACK_IMPORTED_MODULE_7__.getOffset)(imgRef.value); const isRotate = rotate.value % 180 !== 0; isMoving.value = false; const fixState = (0,_getFixScaleEleTransPosition__WEBPACK_IMPORTED_MODULE_8__["default"])(isRotate ? height : width, isRotate ? width : height, left, top); if (fixState) { setPosition((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, fixState)); } } }; const onMouseDown = event => { // Only allow main button if (event.button !== 0) return; event.preventDefault(); // Without this mask close will abnormal event.stopPropagation(); originPositionRef.deltaX = event.pageX - position.x; originPositionRef.deltaY = event.pageY - position.y; originPositionRef.originX = position.x; originPositionRef.originY = position.y; isMoving.value = true; }; const onMouseMove = event => { if (props.visible && isMoving.value) { setPosition({ x: event.pageX - originPositionRef.deltaX, y: event.pageY - originPositionRef.deltaY }); } }; const onWheelMove = event => { if (!props.visible) return; event.preventDefault(); const wheelDirection = event.deltaY; lastWheelZoomDirection.value = { wheelDirection }; }; const onKeyDown = event => { if (!props.visible || !showLeftOrRightSwitches.value) return; event.preventDefault(); if (event.keyCode === _util_KeyCode__WEBPACK_IMPORTED_MODULE_9__["default"].LEFT) { if (currentPreviewIndex.value > 0) { setCurrent(previewUrlsKeys.value[currentPreviewIndex.value - 1]); } } else if (event.keyCode === _util_KeyCode__WEBPACK_IMPORTED_MODULE_9__["default"].RIGHT) { if (currentPreviewIndex.value < previewGroupCount.value - 1) { setCurrent(previewUrlsKeys.value[currentPreviewIndex.value + 1]); } } }; const onDoubleClick = () => { if (props.visible) { if (scale.value !== 1) { scale.value = 1; } if (position.x !== initialPosition.x || position.y !== initialPosition.y) { setPosition(initialPosition); } } }; let removeListeners = () => {}; (0,vue__WEBPACK_IMPORTED_MODULE_2__.onMounted)(() => { (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)([() => props.visible, isMoving], () => { removeListeners(); let onTopMouseUpListener; let onTopMouseMoveListener; const onMouseUpListener = (0,_vc_util_Dom_addEventListener__WEBPACK_IMPORTED_MODULE_10__["default"])(window, 'mouseup', onMouseUp, false); const onMouseMoveListener = (0,_vc_util_Dom_addEventListener__WEBPACK_IMPORTED_MODULE_10__["default"])(window, 'mousemove', onMouseMove, false); const onScrollWheelListener = (0,_vc_util_Dom_addEventListener__WEBPACK_IMPORTED_MODULE_10__["default"])(window, 'wheel', onWheelMove, { passive: false }); const onKeyDownListener = (0,_vc_util_Dom_addEventListener__WEBPACK_IMPORTED_MODULE_10__["default"])(window, 'keydown', onKeyDown, false); try { // Resolve if in iframe lost event /* istanbul ignore next */ if (window.top !== window.self) { onTopMouseUpListener = (0,_vc_util_Dom_addEventListener__WEBPACK_IMPORTED_MODULE_10__["default"])(window.top, 'mouseup', onMouseUp, false); onTopMouseMoveListener = (0,_vc_util_Dom_addEventListener__WEBPACK_IMPORTED_MODULE_10__["default"])(window.top, 'mousemove', onMouseMove, false); } } catch (error) { /* istanbul ignore next */ (0,_vc_util_warning__WEBPACK_IMPORTED_MODULE_11__.warning)(false, `[vc-image] ${error}`); } removeListeners = () => { onMouseUpListener.remove(); onMouseMoveListener.remove(); onScrollWheelListener.remove(); onKeyDownListener.remove(); /* istanbul ignore next */ if (onTopMouseUpListener) onTopMouseUpListener.remove(); /* istanbul ignore next */ if (onTopMouseMoveListener) onTopMouseMoveListener.remove(); }; }, { flush: 'post', immediate: true }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)([lastWheelZoomDirection], () => { const { wheelDirection } = lastWheelZoomDirection.value; if (wheelDirection > 0) { onZoomOut(true); } else if (wheelDirection < 0) { onZoomIn(true); } }); }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.onUnmounted)(() => { removeListeners(); }); return () => { const { visible, prefixCls, rootClassName } = props; return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_vc_dialog__WEBPACK_IMPORTED_MODULE_12__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, attrs), {}, { "transitionName": props.transitionName, "maskTransitionName": props.maskTransitionName, "closable": false, "keyboard": true, "prefixCls": prefixCls, "onClose": onClose, "afterClose": onAfterClose, "visible": visible, "wrapClassName": wrapClassName, "rootClassName": rootClassName, "getContainer": props.getContainer }), { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": [`${props.prefixCls}-operations-wrapper`, rootClassName] }, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("ul", { "class": `${props.prefixCls}-operations` }, [tools.map(_ref2 => { let { icon: IconType, onClick, type, disabled } = _ref2; return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("li", { "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_6__["default"])(toolClassName, { [`${props.prefixCls}-operations-operation-disabled`]: disabled && (disabled === null || disabled === void 0 ? void 0 : disabled.value) }), "onClick": onClick, "key": type }, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.cloneVNode)(IconType, { class: iconClassName })]); })])]), (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": `${props.prefixCls}-img-wrapper`, "style": { transform: `translate3d(${position.x}px, ${position.y}px, 0)` } }, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("img", { "onMousedown": onMouseDown, "onDblclick": onDoubleClick, "ref": imgRef, "class": `${props.prefixCls}-img`, "src": combinationSrc.value, "alt": props.alt, "style": { transform: `scale3d(${flip.x * scale.value}, ${flip.y * scale.value}, 1) rotate(${rotate.value}deg)` } }, null)]), showLeftOrRightSwitches.value && (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_6__["default"])(`${props.prefixCls}-switch-left`, { [`${props.prefixCls}-switch-left-disabled`]: currentPreviewIndex.value <= 0 }), "onClick": onSwitchLeft }, [left]), showLeftOrRightSwitches.value && (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_6__["default"])(`${props.prefixCls}-switch-right`, { [`${props.prefixCls}-switch-right-disabled`]: currentPreviewIndex.value >= previewGroupCount.value - 1 }), "onClick": onSwitchRight }, [right])] }); }; } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Preview); /***/ }), /***/ "./components/vc-image/src/PreviewGroup.tsx": /*!**************************************************!*\ !*** ./components/vc-image/src/PreviewGroup.tsx ***! \**************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ context: () => (/* binding */ context), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ imageGroupProps: () => (/* binding */ imageGroupProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _Image__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Image */ "./components/vc-image/src/Image.tsx"); /* harmony import */ var _Preview__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Preview */ "./components/vc-image/src/Preview.tsx"); /* harmony import */ var _util_hooks_useMergedState__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../_util/hooks/useMergedState */ "./components/_util/hooks/useMergedState.ts"); var __rest = undefined && undefined.__rest || function (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; }; const previewGroupContext = Symbol('previewGroupContext'); const context = { provide: val => { (0,vue__WEBPACK_IMPORTED_MODULE_1__.provide)(previewGroupContext, val); }, inject: () => { return (0,vue__WEBPACK_IMPORTED_MODULE_1__.inject)(previewGroupContext, { isPreviewGroup: (0,vue__WEBPACK_IMPORTED_MODULE_1__.shallowRef)(false), previewUrls: (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => new Map()), setPreviewUrls: () => {}, current: (0,vue__WEBPACK_IMPORTED_MODULE_1__.ref)(null), setCurrent: () => {}, setShowPreview: () => {}, setMousePosition: () => {}, registerImage: null, rootClassName: '' }); } }; const imageGroupProps = () => ({ previewPrefixCls: String, preview: { type: [Boolean, Object], default: true }, icons: { type: Object, default: () => ({}) } }); const Group = (0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'PreviewGroup', inheritAttrs: false, props: imageGroupProps(), setup(props, _ref) { let { slots } = _ref; const preview = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { const defaultValues = { visible: undefined, onVisibleChange: () => {}, getContainer: undefined, current: 0 }; return typeof props.preview === 'object' ? (0,_Image__WEBPACK_IMPORTED_MODULE_2__.mergeDefaultValue)(props.preview, defaultValues) : defaultValues; }); const previewUrls = (0,vue__WEBPACK_IMPORTED_MODULE_1__.reactive)(new Map()); const current = (0,vue__WEBPACK_IMPORTED_MODULE_1__.ref)(); const previewVisible = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => preview.value.visible); const getPreviewContainer = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => preview.value.getContainer); const onPreviewVisibleChange = (val, preval) => { var _a, _b; (_b = (_a = preview.value).onVisibleChange) === null || _b === void 0 ? void 0 : _b.call(_a, val, preval); }; const [isShowPreview, setShowPreview] = (0,_util_hooks_useMergedState__WEBPACK_IMPORTED_MODULE_3__["default"])(!!previewVisible.value, { value: previewVisible, onChange: onPreviewVisibleChange }); const mousePosition = (0,vue__WEBPACK_IMPORTED_MODULE_1__.ref)(null); const isControlled = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => previewVisible.value !== undefined); const previewUrlsKeys = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => Array.from(previewUrls.keys())); const currentControlledKey = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => previewUrlsKeys.value[preview.value.current]); const canPreviewUrls = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => new Map(Array.from(previewUrls).filter(_ref2 => { let [, { canPreview }] = _ref2; return !!canPreview; }).map(_ref3 => { let [id, { url }] = _ref3; return [id, url]; }))); const setPreviewUrls = function (id, url) { let canPreview = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true; previewUrls.set(id, { url, canPreview }); }; const setCurrent = val => { current.value = val; }; const setMousePosition = val => { mousePosition.value = val; }; const registerImage = function (id, url) { let canPreview = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true; const unRegister = () => { previewUrls.delete(id); }; previewUrls.set(id, { url, canPreview }); return unRegister; }; const onPreviewClose = e => { e === null || e === void 0 ? void 0 : e.stopPropagation(); setShowPreview(false); setMousePosition(null); }; (0,vue__WEBPACK_IMPORTED_MODULE_1__.watch)(currentControlledKey, val => { setCurrent(val); }, { immediate: true, flush: 'post' }); (0,vue__WEBPACK_IMPORTED_MODULE_1__.watchEffect)(() => { if (isShowPreview.value && isControlled.value) { setCurrent(currentControlledKey.value); } }, { flush: 'post' }); context.provide({ isPreviewGroup: (0,vue__WEBPACK_IMPORTED_MODULE_1__.shallowRef)(true), previewUrls: canPreviewUrls, setPreviewUrls, current, setCurrent, setShowPreview, setMousePosition, registerImage }); return () => { const dialogProps = __rest(preview.value, []); return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_1__.Fragment, null, [slots.default && slots.default(), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_Preview__WEBPACK_IMPORTED_MODULE_4__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, dialogProps), {}, { "ria-hidden": !isShowPreview.value, "visible": isShowPreview.value, "prefixCls": props.previewPrefixCls, "onClose": onPreviewClose, "mousePosition": mousePosition.value, "src": canPreviewUrls.value.get(current.value), "icons": props.icons, "getContainer": getPreviewContainer.value }), null)]); }; } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Group); /***/ }), /***/ "./components/vc-image/src/getFixScaleEleTransPosition.ts": /*!****************************************************************!*\ !*** ./components/vc-image/src/getFixScaleEleTransPosition.ts ***! \****************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ getFixScaleEleTransPosition) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _vc_util_Dom_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../vc-util/Dom/css */ "./components/vc-util/Dom/css.ts"); function fixPoint(key, start, width, clientWidth) { const startAddWidth = start + width; const offsetStart = (width - clientWidth) / 2; if (width > clientWidth) { if (start > 0) { return { [key]: offsetStart }; } if (start < 0 && startAddWidth < clientWidth) { return { [key]: -offsetStart }; } } else if (start < 0 || startAddWidth > clientWidth) { return { [key]: start < 0 ? offsetStart : -offsetStart }; } return {}; } /** * Fix positon x,y point when * * Ele width && height < client * - Back origin * * - Ele width | height > clientWidth | clientHeight * - left | top > 0 -> Back 0 * - left | top + width | height < clientWidth | clientHeight -> Back left | top + width | height === clientWidth | clientHeight * * Regardless of other */ function getFixScaleEleTransPosition(width, height, left, top) { const { width: clientWidth, height: clientHeight } = (0,_vc_util_Dom_css__WEBPACK_IMPORTED_MODULE_1__.getClientSize)(); let fixPos = null; if (width <= clientWidth && height <= clientHeight) { fixPos = { x: 0, y: 0 }; } else if (width > clientWidth || height > clientHeight) { fixPos = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, fixPoint('x', left, width, clientWidth)), fixPoint('y', top, height, clientHeight)); } return fixPos; } /***/ }), /***/ "./components/vc-image/src/hooks/useFrameSetState.ts": /*!***********************************************************!*\ !*** ./components/vc-image/src/hooks/useFrameSetState.ts ***! \***********************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ useFrameSetState) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _util_raf__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../_util/raf */ "./components/_util/raf.ts"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); function useFrameSetState(initial) { const frame = (0,vue__WEBPACK_IMPORTED_MODULE_1__.ref)(null); const state = (0,vue__WEBPACK_IMPORTED_MODULE_1__.reactive)((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, initial)); const queue = (0,vue__WEBPACK_IMPORTED_MODULE_1__.ref)([]); const setFrameState = newState => { if (frame.value === null) { queue.value = []; frame.value = (0,_util_raf__WEBPACK_IMPORTED_MODULE_2__["default"])(() => { let memoState; queue.value.forEach(queueState => { memoState = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, memoState), queueState); }); (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])(state, memoState); frame.value = null; }); } queue.value.push(newState); }; (0,vue__WEBPACK_IMPORTED_MODULE_1__.onMounted)(() => { frame.value && _util_raf__WEBPACK_IMPORTED_MODULE_2__["default"].cancel(frame.value); }); return [state, setFrameState]; } /***/ }), /***/ "./components/vc-input/BaseInput.tsx": /*!*******************************************!*\ !*** ./components/vc-input/BaseInput.tsx ***! \*******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _util_vnode__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/vnode */ "./components/_util/vnode.ts"); /* harmony import */ var _inputProps__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./inputProps */ "./components/vc-input/inputProps.ts"); /* harmony import */ var _utils_commonUtils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./utils/commonUtils */ "./components/vc-input/utils/commonUtils.ts"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)({ name: 'BaseInput', inheritAttrs: false, props: (0,_inputProps__WEBPACK_IMPORTED_MODULE_1__.baseInputProps)(), setup(props, _ref) { let { slots, attrs } = _ref; const containerRef = (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)(); const onInputMouseDown = e => { var _a; if ((_a = containerRef.value) === null || _a === void 0 ? void 0 : _a.contains(e.target)) { const { triggerFocus } = props; triggerFocus === null || triggerFocus === void 0 ? void 0 : triggerFocus(); } }; const getClearIcon = () => { var _a; const { allowClear, value, disabled, readonly, handleReset, suffix = slots.suffix, prefixCls } = props; if (!allowClear) { return null; } const needClear = !disabled && !readonly && value; const className = `${prefixCls}-clear-icon`; const iconNode = ((_a = slots.clearIcon) === null || _a === void 0 ? void 0 : _a.call(slots)) || '*'; return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("span", { "onClick": handleReset, "onMousedown": e => e.preventDefault(), "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_2__["default"])({ [`${className}-hidden`]: !needClear, [`${className}-has-suffix`]: !!suffix }, className), "role": "button", "tabindex": -1 }, [iconNode]); }; return () => { var _a, _b; const { focused, value, disabled, allowClear, readonly, hidden, prefixCls, prefix = (_a = slots.prefix) === null || _a === void 0 ? void 0 : _a.call(slots), suffix = (_b = slots.suffix) === null || _b === void 0 ? void 0 : _b.call(slots), addonAfter = slots.addonAfter, addonBefore = slots.addonBefore, inputElement, affixWrapperClassName, wrapperClassName, groupClassName } = props; let element = (0,_util_vnode__WEBPACK_IMPORTED_MODULE_3__.cloneElement)(inputElement, { value, hidden }); // ================== Prefix & Suffix ================== // if ((0,_utils_commonUtils__WEBPACK_IMPORTED_MODULE_4__.hasPrefixSuffix)({ prefix, suffix, allowClear })) { const affixWrapperPrefixCls = `${prefixCls}-affix-wrapper`; const affixWrapperCls = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_2__["default"])(affixWrapperPrefixCls, { [`${affixWrapperPrefixCls}-disabled`]: disabled, [`${affixWrapperPrefixCls}-focused`]: focused, [`${affixWrapperPrefixCls}-readonly`]: readonly, [`${affixWrapperPrefixCls}-input-with-clear-btn`]: suffix && allowClear && value }, !(0,_utils_commonUtils__WEBPACK_IMPORTED_MODULE_4__.hasAddon)({ addonAfter, addonBefore }) && attrs.class, affixWrapperClassName); const suffixNode = (suffix || allowClear) && (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("span", { "class": `${prefixCls}-suffix` }, [getClearIcon(), suffix]); element = (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("span", { "class": affixWrapperCls, "style": attrs.style, "hidden": !(0,_utils_commonUtils__WEBPACK_IMPORTED_MODULE_4__.hasAddon)({ addonAfter, addonBefore }) && hidden, "onMousedown": onInputMouseDown, "ref": containerRef }, [prefix && (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("span", { "class": `${prefixCls}-prefix` }, [prefix]), (0,_util_vnode__WEBPACK_IMPORTED_MODULE_3__.cloneElement)(inputElement, { style: null, value, hidden: null }), suffixNode]); } // ================== Addon ================== // if ((0,_utils_commonUtils__WEBPACK_IMPORTED_MODULE_4__.hasAddon)({ addonAfter, addonBefore })) { const wrapperCls = `${prefixCls}-group`; const addonCls = `${wrapperCls}-addon`; const mergedWrapperClassName = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_2__["default"])(`${prefixCls}-wrapper`, wrapperCls, wrapperClassName); const mergedGroupClassName = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_2__["default"])(`${prefixCls}-group-wrapper`, attrs.class, groupClassName); // Need another wrapper for changing display:table to display:inline-block // and put style prop in wrapper return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("span", { "class": mergedGroupClassName, "style": attrs.style, "hidden": hidden }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("span", { "class": mergedWrapperClassName }, [addonBefore && (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("span", { "class": addonCls }, [addonBefore]), (0,_util_vnode__WEBPACK_IMPORTED_MODULE_3__.cloneElement)(element, { style: null, hidden: null }), addonAfter && (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("span", { "class": addonCls }, [addonAfter])])]); } return element; }; } })); /***/ }), /***/ "./components/vc-input/Input.tsx": /*!***************************************!*\ !*** ./components/vc-input/Input.tsx ***! \***************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _util_omit__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../_util/omit */ "./components/_util/omit.ts"); /* harmony import */ var _inputProps__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./inputProps */ "./components/vc-input/inputProps.ts"); /* harmony import */ var _utils_commonUtils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./utils/commonUtils */ "./components/vc-input/utils/commonUtils.ts"); /* harmony import */ var _BaseInput__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./BaseInput */ "./components/vc-input/BaseInput.tsx"); /* harmony import */ var _util_BaseInput__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../_util/BaseInput */ "./components/_util/BaseInput.tsx"); var __rest = undefined && undefined.__rest || function (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; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ name: 'VCInput', inheritAttrs: false, props: (0,_inputProps__WEBPACK_IMPORTED_MODULE_3__.inputProps)(), setup(props, _ref) { let { slots, attrs, expose, emit } = _ref; const stateValue = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(props.value === undefined ? props.defaultValue : props.value); const focused = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(false); const inputRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(); const rootRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)(() => props.value, () => { stateValue.value = props.value; }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)(() => props.disabled, () => { if (props.disabled) { focused.value = false; } }); const focus = option => { if (inputRef.value) { (0,_utils_commonUtils__WEBPACK_IMPORTED_MODULE_4__.triggerFocus)(inputRef.value.input, option); } }; const blur = () => { var _a; (_a = inputRef.value.input) === null || _a === void 0 ? void 0 : _a.blur(); }; const setSelectionRange = (start, end, direction) => { var _a; (_a = inputRef.value.input) === null || _a === void 0 ? void 0 : _a.setSelectionRange(start, end, direction); }; const select = () => { var _a; (_a = inputRef.value.input) === null || _a === void 0 ? void 0 : _a.select(); }; expose({ focus, blur, input: (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { var _a; return (_a = inputRef.value.input) === null || _a === void 0 ? void 0 : _a.input; }), stateValue, setSelectionRange, select }); const triggerChange = e => { emit('change', e); }; const setValue = (value, callback) => { if (stateValue.value === value) { return; } if (props.value === undefined) { stateValue.value = value; } else { (0,vue__WEBPACK_IMPORTED_MODULE_2__.nextTick)(() => { var _a; if (inputRef.value.input.value !== stateValue.value) { (_a = rootRef.value) === null || _a === void 0 ? void 0 : _a.$forceUpdate(); } }); } (0,vue__WEBPACK_IMPORTED_MODULE_2__.nextTick)(() => { callback && callback(); }); }; const handleChange = e => { const { value } = e.target; if (stateValue.value === value) return; const newVal = e.target.value; (0,_utils_commonUtils__WEBPACK_IMPORTED_MODULE_4__.resolveOnChange)(inputRef.value.input, e, triggerChange); setValue(newVal); }; const handleKeyDown = e => { if (e.keyCode === 13) { emit('pressEnter', e); } emit('keydown', e); }; const handleFocus = e => { focused.value = true; emit('focus', e); }; const handleBlur = e => { focused.value = false; emit('blur', e); }; const handleReset = e => { (0,_utils_commonUtils__WEBPACK_IMPORTED_MODULE_4__.resolveOnChange)(inputRef.value.input, e, triggerChange); setValue('', () => { focus(); }); }; const getInputElement = () => { var _a, _b; const { addonBefore = slots.addonBefore, addonAfter = slots.addonAfter, disabled, valueModifiers = {}, htmlSize, autocomplete, prefixCls, inputClassName, prefix = (_a = slots.prefix) === null || _a === void 0 ? void 0 : _a.call(slots), suffix = (_b = slots.suffix) === null || _b === void 0 ? void 0 : _b.call(slots), allowClear, type = 'text' } = props; const otherProps = (0,_util_omit__WEBPACK_IMPORTED_MODULE_5__["default"])(props, ['prefixCls', 'onPressEnter', 'addonBefore', 'addonAfter', 'prefix', 'suffix', 'allowClear', // Input elements must be either controlled or uncontrolled, // specify either the value prop, or the defaultValue prop, but not both. 'defaultValue', 'size', 'bordered', 'htmlSize', 'lazy', 'showCount', 'valueModifiers', 'showCount', 'affixWrapperClassName', 'groupClassName', 'inputClassName', 'wrapperClassName']); const inputProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, otherProps), attrs), { autocomplete, onChange: handleChange, onInput: handleChange, onFocus: handleFocus, onBlur: handleBlur, onKeydown: handleKeyDown, class: (0,_util_classNames__WEBPACK_IMPORTED_MODULE_6__["default"])(prefixCls, { [`${prefixCls}-disabled`]: disabled }, inputClassName, !(0,_utils_commonUtils__WEBPACK_IMPORTED_MODULE_4__.hasAddon)({ addonAfter, addonBefore }) && !(0,_utils_commonUtils__WEBPACK_IMPORTED_MODULE_4__.hasPrefixSuffix)({ prefix, suffix, allowClear }) && attrs.class), ref: inputRef, key: 'ant-input', size: htmlSize, type, lazy: props.lazy }); if (valueModifiers.lazy) { delete inputProps.onInput; } if (!inputProps.autofocus) { delete inputProps.autofocus; } const inputNode = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_util_BaseInput__WEBPACK_IMPORTED_MODULE_7__["default"], (0,_util_omit__WEBPACK_IMPORTED_MODULE_5__["default"])(inputProps, ['size']), null); return inputNode; }; const getSuffix = () => { var _a; const { maxlength, suffix = (_a = slots.suffix) === null || _a === void 0 ? void 0 : _a.call(slots), showCount, prefixCls } = props; // Max length value const hasMaxLength = Number(maxlength) > 0; if (suffix || showCount) { const valueLength = [...(0,_utils_commonUtils__WEBPACK_IMPORTED_MODULE_4__.fixControlledValue)(stateValue.value)].length; const dataCount = typeof showCount === 'object' ? showCount.formatter({ count: valueLength, maxlength }) : `${valueLength}${hasMaxLength ? ` / ${maxlength}` : ''}`; return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_2__.Fragment, null, [!!showCount && (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", { "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_6__["default"])(`${prefixCls}-show-count-suffix`, { [`${prefixCls}-show-count-has-suffix`]: !!suffix }) }, [dataCount]), suffix]); } return null; }; (0,vue__WEBPACK_IMPORTED_MODULE_2__.onMounted)(() => { if (false) {} }); return () => { const { prefixCls, disabled } = props, rest = __rest(props, ["prefixCls", "disabled"]); return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_BaseInput__WEBPACK_IMPORTED_MODULE_8__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, rest), attrs), {}, { "ref": rootRef, "prefixCls": prefixCls, "inputElement": getInputElement(), "handleReset": handleReset, "value": (0,_utils_commonUtils__WEBPACK_IMPORTED_MODULE_4__.fixControlledValue)(stateValue.value), "focused": focused.value, "triggerFocus": focus, "suffix": getSuffix(), "disabled": disabled }), slots); }; } })); /***/ }), /***/ "./components/vc-input/inputProps.ts": /*!*******************************************!*\ !*** ./components/vc-input/inputProps.ts ***! \*******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ baseInputProps: () => (/* binding */ baseInputProps), /* harmony export */ commonInputProps: () => (/* binding */ commonInputProps), /* harmony export */ inputDefaultValue: () => (/* binding */ inputDefaultValue), /* harmony export */ inputProps: () => (/* binding */ inputProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); const inputDefaultValue = Symbol(); const commonInputProps = () => { return { addonBefore: _util_vue_types__WEBPACK_IMPORTED_MODULE_1__["default"].any, addonAfter: _util_vue_types__WEBPACK_IMPORTED_MODULE_1__["default"].any, prefix: _util_vue_types__WEBPACK_IMPORTED_MODULE_1__["default"].any, suffix: _util_vue_types__WEBPACK_IMPORTED_MODULE_1__["default"].any, clearIcon: _util_vue_types__WEBPACK_IMPORTED_MODULE_1__["default"].any, affixWrapperClassName: String, groupClassName: String, wrapperClassName: String, inputClassName: String, allowClear: { type: Boolean, default: undefined } }; }; const baseInputProps = () => { return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, commonInputProps()), { value: { type: [String, Number, Symbol], default: undefined }, defaultValue: { type: [String, Number, Symbol], default: undefined }, inputElement: _util_vue_types__WEBPACK_IMPORTED_MODULE_1__["default"].any, prefixCls: String, disabled: { type: Boolean, default: undefined }, focused: { type: Boolean, default: undefined }, triggerFocus: Function, readonly: { type: Boolean, default: undefined }, handleReset: Function, hidden: { type: Boolean, default: undefined } }); }; const inputProps = () => (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, baseInputProps()), { id: String, placeholder: { type: [String, Number] }, autocomplete: String, type: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.stringType)('text'), name: String, size: { type: String }, autofocus: { type: Boolean, default: undefined }, lazy: { type: Boolean, default: true }, maxlength: Number, loading: { type: Boolean, default: undefined }, bordered: { type: Boolean, default: undefined }, showCount: { type: [Boolean, Object] }, htmlSize: Number, onPressEnter: Function, onKeydown: Function, onKeyup: Function, onFocus: Function, onBlur: Function, onChange: Function, onInput: Function, 'onUpdate:value': Function, onCompositionstart: Function, onCompositionend: Function, valueModifiers: Object, hidden: { type: Boolean, default: undefined }, status: String }); /***/ }), /***/ "./components/vc-input/utils/commonUtils.ts": /*!**************************************************!*\ !*** ./components/vc-input/utils/commonUtils.ts ***! \**************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ fixControlledValue: () => (/* binding */ fixControlledValue), /* harmony export */ hasAddon: () => (/* binding */ hasAddon), /* harmony export */ hasPrefixSuffix: () => (/* binding */ hasPrefixSuffix), /* harmony export */ resolveOnChange: () => (/* binding */ resolveOnChange), /* harmony export */ triggerFocus: () => (/* binding */ triggerFocus) /* harmony export */ }); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../_util/props-util */ "./components/_util/props-util/index.ts"); const isValid = value => { return value !== undefined && value !== null && (Array.isArray(value) ? (0,_util_props_util__WEBPACK_IMPORTED_MODULE_0__.filterEmpty)(value).length : true); }; function hasPrefixSuffix(propsAndSlots) { return isValid(propsAndSlots.prefix) || isValid(propsAndSlots.suffix) || isValid(propsAndSlots.allowClear); } function hasAddon(propsAndSlots) { return isValid(propsAndSlots.addonBefore) || isValid(propsAndSlots.addonAfter); } function fixControlledValue(value) { if (typeof value === 'undefined' || value === null) { return ''; } return String(value); } function resolveOnChange(target, e, onChange, targetValue) { if (!onChange) { return; } const event = e; if (e.type === 'click') { Object.defineProperty(event, 'target', { writable: true }); Object.defineProperty(event, 'currentTarget', { writable: true }); // click clear icon //event = Object.create(e); const currentTarget = target.cloneNode(true); event.target = currentTarget; event.currentTarget = currentTarget; // change target ref value cause e.target.value should be '' when clear input currentTarget.value = ''; onChange(event); return; } // Trigger by composition event, this means we need force change the input value if (targetValue !== undefined) { Object.defineProperty(event, 'target', { writable: true }); Object.defineProperty(event, 'currentTarget', { writable: true }); event.target = target; event.currentTarget = target; target.value = targetValue; onChange(event); return; } onChange(event); } function triggerFocus(element, option) { if (!element) return; element.focus(option); // Selection content const { cursor } = option || {}; if (cursor) { const len = element.value.length; switch (cursor) { case 'start': element.setSelectionRange(0, 0); break; case 'end': element.setSelectionRange(len, len); break; default: element.setSelectionRange(0, len); } } } /***/ }), /***/ "./components/vc-mentions/index.ts": /*!*****************************************!*\ !*** ./components/vc-mentions/index.ts ***! \*****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ Option: () => (/* reexport safe */ _src_Option__WEBPACK_IMPORTED_MODULE_0__["default"]), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _src_Mentions__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./src/Mentions */ "./components/vc-mentions/src/Mentions.tsx"); /* harmony import */ var _src_Option__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./src/Option */ "./components/vc-mentions/src/Option.tsx"); // base rc-mentions .6.2 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_src_Mentions__WEBPACK_IMPORTED_MODULE_1__["default"]); /***/ }), /***/ "./components/vc-mentions/src/DropdownMenu.tsx": /*!*****************************************************!*\ !*** ./components/vc-mentions/src/DropdownMenu.tsx ***! \*****************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../menu */ "./components/menu/index.tsx"); /* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../menu */ "./components/menu/src/MenuItem.tsx"); /* harmony import */ var _MentionsContext__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./MentionsContext */ "./components/vc-mentions/src/MentionsContext.ts"); /* harmony import */ var _spin__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../spin */ "./components/spin/index.ts"); function noop() {} /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'DropdownMenu', props: { prefixCls: String, options: { type: Array, default: () => [] } }, setup(props, _ref) { let { slots } = _ref; const { activeIndex, setActiveIndex, selectOption, onFocus = noop, loading } = (0,vue__WEBPACK_IMPORTED_MODULE_0__.inject)(_MentionsContext__WEBPACK_IMPORTED_MODULE_1__["default"], { activeIndex: (0,vue__WEBPACK_IMPORTED_MODULE_0__.shallowRef)(), loading: (0,vue__WEBPACK_IMPORTED_MODULE_0__.shallowRef)(false) }); let timeoutId; const onMousedown = e => { clearTimeout(timeoutId); timeoutId = setTimeout(() => { onFocus(e); }); }; (0,vue__WEBPACK_IMPORTED_MODULE_0__.onBeforeUnmount)(() => { clearTimeout(timeoutId); }); return () => { var _a; const { prefixCls, options } = props; const activeOption = options[activeIndex.value] || {}; return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_menu__WEBPACK_IMPORTED_MODULE_2__["default"], { "prefixCls": `${prefixCls}-menu`, "activeKey": activeOption.value, "onSelect": _ref2 => { let { key } = _ref2; const option = options.find(_ref3 => { let { value } = _ref3; return value === key; }); selectOption(option); }, "onMousedown": onMousedown }, { default: () => [!loading.value && options.map((option, index) => { var _a, _b; const { value, disabled, label = option.value, class: className, style } = option; return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_menu__WEBPACK_IMPORTED_MODULE_3__["default"], { "key": value, "disabled": disabled, "onMouseenter": () => { setActiveIndex(index); }, "class": className, "style": style }, { default: () => [(_b = (_a = slots.option) === null || _a === void 0 ? void 0 : _a.call(slots, option)) !== null && _b !== void 0 ? _b : typeof label === 'function' ? label(option) : label] }); }), !loading.value && options.length === 0 ? (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_menu__WEBPACK_IMPORTED_MODULE_3__["default"], { "key": "notFoundContent", "disabled": true }, { default: () => [(_a = slots.notFoundContent) === null || _a === void 0 ? void 0 : _a.call(slots)] }) : null, loading.value && (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_menu__WEBPACK_IMPORTED_MODULE_3__["default"], { "key": "loading", "disabled": true }, { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_spin__WEBPACK_IMPORTED_MODULE_4__["default"], { "size": "small" }, null)] })] }); }; } })); /***/ }), /***/ "./components/vc-mentions/src/KeywordTrigger.tsx": /*!*******************************************************!*\ !*** ./components/vc-mentions/src/KeywordTrigger.tsx ***! \*******************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _vc_trigger__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../vc-trigger */ "./components/vc-trigger/index.ts"); /* harmony import */ var _DropdownMenu__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./DropdownMenu */ "./components/vc-mentions/src/DropdownMenu.tsx"); const BUILT_IN_PLACEMENTS = { bottomRight: { points: ['tl', 'br'], offset: [0, 4], overflow: { adjustX: 0, adjustY: 1 } }, bottomLeft: { points: ['tr', 'bl'], offset: [0, 4], overflow: { adjustX: 0, adjustY: 1 } }, topRight: { points: ['bl', 'tr'], offset: [0, -4], overflow: { adjustX: 0, adjustY: 1 } }, topLeft: { points: ['br', 'tl'], offset: [0, -4], overflow: { adjustX: 0, adjustY: 1 } } }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'KeywordTrigger', props: { loading: { type: Boolean, default: undefined }, options: { type: Array, default: () => [] }, prefixCls: String, placement: String, visible: { type: Boolean, default: undefined }, transitionName: String, getPopupContainer: Function, direction: String, dropdownClassName: String }, setup(props, _ref) { let { slots } = _ref; const getDropdownPrefix = () => { return `${props.prefixCls}-dropdown`; }; const getDropdownElement = () => { const { options } = props; return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_DropdownMenu__WEBPACK_IMPORTED_MODULE_1__["default"], { "prefixCls": getDropdownPrefix(), "options": options }, { notFoundContent: slots.notFoundContent, option: slots.option }); }; const popupPlacement = (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => { const { placement, direction } = props; let popupPlacement = 'topRight'; if (direction === 'rtl') { popupPlacement = placement === 'top' ? 'topLeft' : 'bottomLeft'; } else { popupPlacement = placement === 'top' ? 'topRight' : 'bottomRight'; } return popupPlacement; }); return () => { const { visible, transitionName, getPopupContainer } = props; return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_vc_trigger__WEBPACK_IMPORTED_MODULE_2__["default"], { "prefixCls": getDropdownPrefix(), "popupVisible": visible, "popup": getDropdownElement(), "popupClassName": props.dropdownClassName, "popupPlacement": popupPlacement.value, "popupTransitionName": transitionName, "builtinPlacements": BUILT_IN_PLACEMENTS, "getPopupContainer": getPopupContainer }, { default: slots.default }); }; } })); /***/ }), /***/ "./components/vc-mentions/src/Mentions.tsx": /*!*************************************************!*\ !*** ./components/vc-mentions/src/Mentions.tsx ***! \*************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _util_KeyCode__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../_util/KeyCode */ "./components/_util/KeyCode.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../_util/props-util */ "./components/_util/props-util/initDefaultProps.ts"); /* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./util */ "./components/vc-mentions/src/util.ts"); /* harmony import */ var _KeywordTrigger__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./KeywordTrigger */ "./components/vc-mentions/src/KeywordTrigger.tsx"); /* harmony import */ var _mentionsProps__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./mentionsProps */ "./components/vc-mentions/src/mentionsProps.ts"); /* harmony import */ var _MentionsContext__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./MentionsContext */ "./components/vc-mentions/src/MentionsContext.ts"); /* harmony import */ var _util_omit__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../_util/omit */ "./components/_util/omit.ts"); /* harmony import */ var _util_BaseInput__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../_util/BaseInput */ "./components/_util/BaseInput.tsx"); var __rest = undefined && undefined.__rest || function (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 noop() {} /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'Mentions', inheritAttrs: false, props: (0,_util_props_util__WEBPACK_IMPORTED_MODULE_3__["default"])(_mentionsProps__WEBPACK_IMPORTED_MODULE_4__.vcMentionsProps, _mentionsProps__WEBPACK_IMPORTED_MODULE_4__.defaultProps), emits: ['change', 'select', 'search', 'focus', 'blur', 'pressenter'], setup(props, _ref) { let { emit, attrs, expose, slots } = _ref; const measure = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(null); const textarea = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(null); const focusId = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(); const state = (0,vue__WEBPACK_IMPORTED_MODULE_2__.reactive)({ value: props.value || '', measuring: false, measureLocation: 0, measureText: null, measurePrefix: '', activeIndex: 0, isFocus: false }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watchEffect)(() => { state.value = props.value; }); const triggerChange = val => { emit('change', val); }; const onChange = _ref2 => { let { target: { value } } = _ref2; triggerChange(value); }; const startMeasure = (measureText, measurePrefix, measureLocation) => { (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])(state, { measuring: true, measureText, measurePrefix, measureLocation, activeIndex: 0 }); }; const stopMeasure = callback => { (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])(state, { measuring: false, measureLocation: 0, measureText: null }); callback === null || callback === void 0 ? void 0 : callback(); }; const onKeyDown = event => { const { which } = event; // Skip if not measuring if (!state.measuring) { return; } if (which === _util_KeyCode__WEBPACK_IMPORTED_MODULE_5__["default"].UP || which === _util_KeyCode__WEBPACK_IMPORTED_MODULE_5__["default"].DOWN) { // Control arrow function const optionLen = options.value.length; const offset = which === _util_KeyCode__WEBPACK_IMPORTED_MODULE_5__["default"].UP ? -1 : 1; const newActiveIndex = (state.activeIndex + offset + optionLen) % optionLen; state.activeIndex = newActiveIndex; event.preventDefault(); } else if (which === _util_KeyCode__WEBPACK_IMPORTED_MODULE_5__["default"].ESC) { stopMeasure(); } else if (which === _util_KeyCode__WEBPACK_IMPORTED_MODULE_5__["default"].ENTER) { // Measure hit event.preventDefault(); if (!options.value.length) { stopMeasure(); return; } const option = options.value[state.activeIndex]; selectOption(option); } }; const onKeyUp = event => { const { key, which } = event; const { measureText: prevMeasureText, measuring } = state; const { prefix, validateSearch } = props; const target = event.target; if (target.composing) { return; } const selectionStartText = (0,_util__WEBPACK_IMPORTED_MODULE_6__.getBeforeSelectionText)(target); const { location: measureIndex, prefix: measurePrefix } = (0,_util__WEBPACK_IMPORTED_MODULE_6__.getLastMeasureIndex)(selectionStartText, prefix); // Skip if match the white key list if ([_util_KeyCode__WEBPACK_IMPORTED_MODULE_5__["default"].ESC, _util_KeyCode__WEBPACK_IMPORTED_MODULE_5__["default"].UP, _util_KeyCode__WEBPACK_IMPORTED_MODULE_5__["default"].DOWN, _util_KeyCode__WEBPACK_IMPORTED_MODULE_5__["default"].ENTER].indexOf(which) !== -1) { return; } if (measureIndex !== -1) { const measureText = selectionStartText.slice(measureIndex + measurePrefix.length); const validateMeasure = validateSearch(measureText, props); const matchOption = !!getOptions(measureText).length; if (validateMeasure) { if (key === measurePrefix || key === 'Shift' || measuring || measureText !== prevMeasureText && matchOption) { startMeasure(measureText, measurePrefix, measureIndex); } } else if (measuring) { // Stop if measureText is invalidate stopMeasure(); } /** * We will trigger `onSearch` to developer since they may use for async update. * If met `space` means user finished searching. */ if (validateMeasure) { emit('search', measureText, measurePrefix); } } else if (measuring) { stopMeasure(); } }; const onPressEnter = event => { if (!state.measuring) { emit('pressenter', event); } }; const onInputFocus = event => { onFocus(event); }; const onInputBlur = event => { onBlur(event); }; const onFocus = event => { clearTimeout(focusId.value); const { isFocus } = state; if (!isFocus && event) { emit('focus', event); } state.isFocus = true; }; const onBlur = event => { focusId.value = setTimeout(() => { state.isFocus = false; stopMeasure(); emit('blur', event); }, 100); }; const selectOption = option => { const { split } = props; const { value: mentionValue = '' } = option; const { text, selectionLocation } = (0,_util__WEBPACK_IMPORTED_MODULE_6__.replaceWithMeasure)(state.value, { measureLocation: state.measureLocation, targetText: mentionValue, prefix: state.measurePrefix, selectionStart: textarea.value.getSelectionStart(), split }); triggerChange(text); stopMeasure(() => { // We need restore the selection position (0,_util__WEBPACK_IMPORTED_MODULE_6__.setInputSelection)(textarea.value.input, selectionLocation); }); emit('select', option, state.measurePrefix); }; const setActiveIndex = activeIndex => { state.activeIndex = activeIndex; }; const getOptions = measureText => { const targetMeasureText = measureText || state.measureText || ''; const { filterOption } = props; const list = props.options.filter(option => { /** Return all result if `filterOption` is false. */ if (!!filterOption === false) { return true; } return filterOption(targetMeasureText, option); }); return list; }; const options = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { return getOptions(); }); const focus = () => { textarea.value.focus(); }; const blur = () => { textarea.value.blur(); }; expose({ blur, focus }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.provide)(_MentionsContext__WEBPACK_IMPORTED_MODULE_7__["default"], { activeIndex: (0,vue__WEBPACK_IMPORTED_MODULE_2__.toRef)(state, 'activeIndex'), setActiveIndex, selectOption, onFocus, onBlur, loading: (0,vue__WEBPACK_IMPORTED_MODULE_2__.toRef)(props, 'loading') }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.onUpdated)(() => { (0,vue__WEBPACK_IMPORTED_MODULE_2__.nextTick)(() => { if (state.measuring) { measure.value.scrollTop = textarea.value.getScrollTop(); } }); }); return () => { const { measureLocation, measurePrefix, measuring } = state; const { prefixCls, placement, transitionName, getPopupContainer, direction } = props, restProps = __rest(props, ["prefixCls", "placement", "transitionName", "getPopupContainer", "direction"]); const { class: className, style } = attrs, otherAttrs = __rest(attrs, ["class", "style"]); const inputProps = (0,_util_omit__WEBPACK_IMPORTED_MODULE_8__["default"])(restProps, ['value', 'prefix', 'split', 'validateSearch', 'filterOption', 'options', 'loading']); const textareaProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, inputProps), otherAttrs), { onChange: noop, onSelect: noop, value: state.value, onInput: onChange, onBlur: onInputBlur, onKeydown: onKeyDown, onKeyup: onKeyUp, onFocus: onInputFocus, onPressenter: onPressEnter }); return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_9__["default"])(prefixCls, className), "style": style }, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_util_BaseInput__WEBPACK_IMPORTED_MODULE_10__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, textareaProps), {}, { "ref": textarea, "tag": "textarea" }), null), measuring && (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "ref": measure, "class": `${prefixCls}-measure` }, [state.value.slice(0, measureLocation), (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_KeywordTrigger__WEBPACK_IMPORTED_MODULE_11__["default"], { "prefixCls": prefixCls, "transitionName": transitionName, "dropdownClassName": props.dropdownClassName, "placement": placement, "options": measuring ? options.value : [], "visible": true, "direction": direction, "getPopupContainer": getPopupContainer }, { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", null, [measurePrefix])], notFoundContent: slots.notFoundContent, option: slots.option }), state.value.slice(measureLocation + measurePrefix.length)])]); }; } })); /***/ }), /***/ "./components/vc-mentions/src/MentionsContext.ts": /*!*******************************************************!*\ !*** ./components/vc-mentions/src/MentionsContext.ts ***! \*******************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); const MentionsContextKey = Symbol('MentionsContextKey'); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MentionsContextKey); /***/ }), /***/ "./components/vc-mentions/src/Option.tsx": /*!***********************************************!*\ !*** ./components/vc-mentions/src/Option.tsx ***! \***********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ baseOptionsProps: () => (/* binding */ baseOptionsProps), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ optionOptions: () => (/* binding */ optionOptions), /* harmony export */ optionProps: () => (/* binding */ optionProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../_util/type */ "./components/_util/type.ts"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); const baseOptionsProps = { value: String, disabled: Boolean, payload: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.objectType)() }; const optionProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, baseOptionsProps), { label: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.anyType)([]) }); const optionOptions = { name: 'Option', props: optionProps, render(_props, _ref) { let { slots } = _ref; var _a; return (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots); } }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ compatConfig: { MODE: 3 } }, optionOptions))); /***/ }), /***/ "./components/vc-mentions/src/mentionsProps.ts": /*!*****************************************************!*\ !*** ./components/vc-mentions/src/mentionsProps.ts ***! \*****************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ PlaceMent: () => (/* binding */ PlaceMent), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ defaultProps: () => (/* binding */ defaultProps), /* harmony export */ mentionsProps: () => (/* binding */ mentionsProps), /* harmony export */ vcMentionsProps: () => (/* binding */ vcMentionsProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../_util/props-util */ "./components/_util/props-util/initDefaultProps.ts"); /* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./util */ "./components/vc-mentions/src/util.ts"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../_util/type */ "./components/_util/type.ts"); const PlaceMent = (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.tuple)('top', 'bottom'); const mentionsProps = { autofocus: { type: Boolean, default: undefined }, prefix: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].oneOfType([_util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].string, _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].arrayOf(_util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].string)]), prefixCls: String, value: String, disabled: { type: Boolean, default: undefined }, split: String, transitionName: String, placement: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].oneOf(PlaceMent), character: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].any, characterRender: Function, filterOption: { type: [Boolean, Function] }, validateSearch: Function, getPopupContainer: { type: Function }, options: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.arrayType)(), loading: { type: Boolean, default: undefined }, rows: [Number, String], direction: { type: String } }; const vcMentionsProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, mentionsProps), { dropdownClassName: String }); const defaultProps = { prefix: '@', split: ' ', rows: 1, validateSearch: _util__WEBPACK_IMPORTED_MODULE_3__.validateSearch, filterOption: () => _util__WEBPACK_IMPORTED_MODULE_3__.filterOption }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_util_props_util__WEBPACK_IMPORTED_MODULE_4__["default"])(vcMentionsProps, defaultProps)); /***/ }), /***/ "./components/vc-mentions/src/util.ts": /*!********************************************!*\ !*** ./components/vc-mentions/src/util.ts ***! \********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ filterOption: () => (/* binding */ filterOption), /* harmony export */ getBeforeSelectionText: () => (/* binding */ getBeforeSelectionText), /* harmony export */ getLastMeasureIndex: () => (/* binding */ getLastMeasureIndex), /* harmony export */ replaceWithMeasure: () => (/* binding */ replaceWithMeasure), /* harmony export */ setInputSelection: () => (/* binding */ setInputSelection), /* harmony export */ validateSearch: () => (/* binding */ validateSearch) /* harmony export */ }); /** * Cut input selection into 2 part and return text before selection start */ function getBeforeSelectionText(input) { const { selectionStart } = input; return input.value.slice(0, selectionStart); } /** * Find the last match prefix index */ function getLastMeasureIndex(text) { let prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ''; const prefixList = Array.isArray(prefix) ? prefix : [prefix]; return prefixList.reduce((lastMatch, prefixStr) => { const lastIndex = text.lastIndexOf(prefixStr); if (lastIndex > lastMatch.location) { return { location: lastIndex, prefix: prefixStr }; } return lastMatch; }, { location: -1, prefix: '' }); } function lower(char) { return (char || '').toLowerCase(); } function reduceText(text, targetText, split) { const firstChar = text[0]; if (!firstChar || firstChar === split) { return text; } // Reuse rest text as it can let restText = text; const targetTextLen = targetText.length; for (let i = 0; i < targetTextLen; i += 1) { if (lower(restText[i]) !== lower(targetText[i])) { restText = restText.slice(i); break; } else if (i === targetTextLen - 1) { restText = restText.slice(targetTextLen); } } return restText; } /** * Paint targetText into current text: * text: little@litest * targetText: light * => little @light test */ function replaceWithMeasure(text, measureConfig) { const { measureLocation, prefix, targetText, selectionStart, split } = measureConfig; // Before text will append one space if have other text let beforeMeasureText = text.slice(0, measureLocation); if (beforeMeasureText[beforeMeasureText.length - split.length] === split) { beforeMeasureText = beforeMeasureText.slice(0, beforeMeasureText.length - split.length); } if (beforeMeasureText) { beforeMeasureText = `${beforeMeasureText}${split}`; } // Cut duplicate string with current targetText let restText = reduceText(text.slice(selectionStart), targetText.slice(selectionStart - measureLocation - prefix.length), split); if (restText.slice(0, split.length) === split) { restText = restText.slice(split.length); } const connectedStartText = `${beforeMeasureText}${prefix}${targetText}${split}`; return { text: `${connectedStartText}${restText}`, selectionLocation: connectedStartText.length }; } function setInputSelection(input, location) { input.setSelectionRange(location, location); /** * Reset caret into view. * Since this function always called by user control, it's safe to focus element. */ input.blur(); input.focus(); } function validateSearch(text, props) { const { split } = props; return !split || text.indexOf(split) === -1; } function filterOption(input, _ref) { let { value = '' } = _ref; const lowerCase = input.toLowerCase(); return value.toLowerCase().indexOf(lowerCase) !== -1; } /***/ }), /***/ "./components/vc-notification/HookNotification.tsx": /*!*********************************************************!*\ !*** ./components/vc-notification/HookNotification.tsx ***! \*********************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ getUuid: () => (/* binding */ getUuid) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _Notice__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Notice */ "./components/vc-notification/Notice.tsx"); /* harmony import */ var _util_transition__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/transition */ "./components/_util/transition.tsx"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _util_Portal__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../_util/Portal */ "./components/_util/Portal.tsx"); let seed = 0; const now = Date.now(); function getUuid() { const id = seed; seed += 1; return `rcNotification_${now}_${id}`; } const Notification = (0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ name: 'HookNotification', inheritAttrs: false, props: ['prefixCls', 'transitionName', 'animation', 'maxCount', 'closeIcon', 'hashId', 'remove', 'notices', 'getStyles', 'getClassName', 'onAllRemoved', 'getContainer'], setup(props, _ref) { let { attrs, slots } = _ref; const hookRefs = new Map(); const notices = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.notices); const transitionProps = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { let name = props.transitionName; if (!name && props.animation) { switch (typeof props.animation) { case 'string': name = props.animation; break; case 'function': name = props.animation().name; break; case 'object': name = props.animation.name; break; default: name = `${props.prefixCls}-fade`; break; } } return (0,_util_transition__WEBPACK_IMPORTED_MODULE_3__.getTransitionGroupProps)(name); }); const remove = key => props.remove(key); const placements = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)({}); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)(notices, () => { const nextPlacements = {}; // init placements with animation Object.keys(placements.value).forEach(placement => { nextPlacements[placement] = []; }); props.notices.forEach(config => { const { placement = 'topRight' } = config.notice; if (placement) { nextPlacements[placement] = nextPlacements[placement] || []; nextPlacements[placement].push(config); } }); placements.value = nextPlacements; }); const placementList = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => Object.keys(placements.value)); return () => { var _a; const { prefixCls, closeIcon = (_a = slots.closeIcon) === null || _a === void 0 ? void 0 : _a.call(slots, { prefixCls }) } = props; const noticeNodes = placementList.value.map(placement => { var _a, _b; const noticesForPlacement = placements.value[placement]; const classes = (_a = props.getClassName) === null || _a === void 0 ? void 0 : _a.call(props, placement); const styles = (_b = props.getStyles) === null || _b === void 0 ? void 0 : _b.call(props, placement); const noticeNodesForPlacement = noticesForPlacement.map((_ref2, index) => { let { notice, holderCallback } = _ref2; const updateMark = index === notices.value.length - 1 ? notice.updateMark : undefined; const { key, userPassKey } = notice; const { content } = notice; const noticeProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({ prefixCls, closeIcon: typeof closeIcon === 'function' ? closeIcon({ prefixCls }) : closeIcon }, notice), notice.props), { key, noticeKey: userPassKey || key, updateMark, onClose: noticeKey => { var _a; remove(noticeKey); (_a = notice.onClose) === null || _a === void 0 ? void 0 : _a.call(notice); }, onClick: notice.onClick }); if (holderCallback) { return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "key": key, "class": `${prefixCls}-hook-holder`, "ref": div => { if (typeof key === 'undefined') { return; } if (div) { hookRefs.set(key, div); holderCallback(div, noticeProps); } else { hookRefs.delete(key); } } }, null); } return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_Notice__WEBPACK_IMPORTED_MODULE_4__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, noticeProps), {}, { "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_5__["default"])(noticeProps.class, props.hashId) }), { default: () => [typeof content === 'function' ? content({ prefixCls }) : content] }); }); const className = { [prefixCls]: 1, [`${prefixCls}-${placement}`]: 1, [attrs.class]: !!attrs.class, [props.hashId]: true, [classes]: !!classes }; function onAfterLeave() { var _a; if (noticesForPlacement.length > 0) { return; } Reflect.deleteProperty(placements.value, placement); (_a = props.onAllRemoved) === null || _a === void 0 ? void 0 : _a.call(props); } return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "key": placement, "class": className, "style": attrs.style || styles || { top: '65px', left: '50%' } }, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_2__.TransitionGroup, (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "tag": "div" }, transitionProps.value), {}, { "onAfterLeave": onAfterLeave }), { default: () => [noticeNodesForPlacement] })]); }); return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_util_Portal__WEBPACK_IMPORTED_MODULE_6__["default"], { "getContainer": props.getContainer }, { default: () => [noticeNodes] }); }; } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Notification); /***/ }), /***/ "./components/vc-notification/Notice.tsx": /*!***********************************************!*\ !*** ./components/vc-notification/Notice.tsx ***! \***********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ name: 'Notice', inheritAttrs: false, props: ['prefixCls', 'duration', 'updateMark', 'noticeKey', 'closeIcon', 'closable', 'props', 'onClick', 'onClose', 'holder', 'visible'], setup(props, _ref) { let { attrs, slots } = _ref; let closeTimer; let isUnMounted = false; const duration = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => props.duration === undefined ? 4.5 : props.duration); const startCloseTimer = () => { if (duration.value && !isUnMounted) { closeTimer = setTimeout(() => { close(); }, duration.value * 1000); } }; const clearCloseTimer = () => { if (closeTimer) { clearTimeout(closeTimer); closeTimer = null; } }; const close = e => { if (e) { e.stopPropagation(); } clearCloseTimer(); const { onClose, noticeKey } = props; if (onClose) { onClose(noticeKey); } }; const restartCloseTimer = () => { clearCloseTimer(); startCloseTimer(); }; (0,vue__WEBPACK_IMPORTED_MODULE_1__.onMounted)(() => { startCloseTimer(); }); (0,vue__WEBPACK_IMPORTED_MODULE_1__.onUnmounted)(() => { isUnMounted = true; clearCloseTimer(); }); (0,vue__WEBPACK_IMPORTED_MODULE_1__.watch)([duration, () => props.updateMark, () => props.visible], (_ref2, _ref3) => { let [preDuration, preUpdateMark, preVisible] = _ref2; let [newDuration, newUpdateMark, newVisible] = _ref3; if (preDuration !== newDuration || preUpdateMark !== newUpdateMark || preVisible !== newVisible && newVisible) { restartCloseTimer(); } }, { flush: 'post' }); return () => { var _a, _b; const { prefixCls, closable, closeIcon = (_a = slots.closeIcon) === null || _a === void 0 ? void 0 : _a.call(slots), onClick, holder } = props; const { class: className, style } = attrs; const componentClass = `${prefixCls}-notice`; const dataOrAriaAttributeProps = Object.keys(attrs).reduce((acc, key) => { if (key.startsWith('data-') || key.startsWith('aria-') || key === 'role') { acc[key] = attrs[key]; } return acc; }, {}); const node = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_2__["default"])(componentClass, className, { [`${componentClass}-closable`]: closable }), "style": style, "onMouseenter": clearCloseTimer, "onMouseleave": startCloseTimer, "onClick": onClick }, dataOrAriaAttributeProps), [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${componentClass}-content` }, [(_b = slots.default) === null || _b === void 0 ? void 0 : _b.call(slots)]), closable ? (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("a", { "tabindex": 0, "onClick": close, "class": `${componentClass}-close` }, [closeIcon || (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", { "class": `${componentClass}-close-x` }, null)]) : null]); if (holder) { return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_1__.Teleport, { "to": holder }, { default: () => node }); } return node; }; } })); /***/ }), /***/ "./components/vc-notification/Notification.tsx": /*!*****************************************************!*\ !*** ./components/vc-notification/Notification.tsx ***! \*****************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_transition__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/transition */ "./components/_util/transition.tsx"); /* harmony import */ var _Notice__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Notice */ "./components/vc-notification/Notice.tsx"); /* harmony import */ var _config_provider__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../config-provider */ "./components/config-provider/index.tsx"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); var __rest = undefined && undefined.__rest || function (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; }; let seed = 0; const now = Date.now(); function getUuid() { const id = seed; seed += 1; return `rcNotification_${now}_${id}`; } const Notification = (0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ name: 'Notification', inheritAttrs: false, props: ['prefixCls', 'transitionName', 'animation', 'maxCount', 'closeIcon', 'hashId'], setup(props, _ref) { let { attrs, expose, slots } = _ref; const hookRefs = new Map(); const notices = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)([]); const transitionProps = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { const { prefixCls, animation = 'fade' } = props; let name = props.transitionName; if (!name && animation) { name = `${prefixCls}-${animation}`; } return (0,_util_transition__WEBPACK_IMPORTED_MODULE_3__.getTransitionGroupProps)(name); }); const add = (originNotice, holderCallback) => { const key = originNotice.key || getUuid(); const notice = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, originNotice), { key }); const { maxCount } = props; const noticeIndex = notices.value.map(v => v.notice.key).indexOf(key); const updatedNotices = notices.value.concat(); if (noticeIndex !== -1) { updatedNotices.splice(noticeIndex, 1, { notice, holderCallback }); } else { if (maxCount && notices.value.length >= maxCount) { // XXX, use key of first item to update new added (let React to move exsiting // instead of remove and mount). Same key was used before for both a) external // manual control and b) internal react 'key' prop , which is not that good. // eslint-disable-next-line no-param-reassign // zombieJ: Not know why use `updateKey`. This makes Notice infinite loop in jest. // Change to `updateMark` for compare instead. // https://github.com/react-component/notification/commit/32299e6be396f94040bfa82517eea940db947ece notice.key = updatedNotices[0].notice.key; notice.updateMark = getUuid(); // zombieJ: That's why. User may close by key directly. // We need record this but not re-render to avoid upper issue // https://github.com/react-component/notification/issues/129 notice.userPassKey = key; updatedNotices.shift(); } updatedNotices.push({ notice, holderCallback }); } notices.value = updatedNotices; }; const remove = removeKey => { notices.value = (0,vue__WEBPACK_IMPORTED_MODULE_2__.toRaw)(notices.value).filter(_ref2 => { let { notice: { key, userPassKey } } = _ref2; const mergedKey = userPassKey || key; return mergedKey !== removeKey; }); }; expose({ add, remove, notices }); return () => { var _a; const { prefixCls, closeIcon = (_a = slots.closeIcon) === null || _a === void 0 ? void 0 : _a.call(slots, { prefixCls }) } = props; const noticeNodes = notices.value.map((_ref3, index) => { let { notice, holderCallback } = _ref3; const updateMark = index === notices.value.length - 1 ? notice.updateMark : undefined; const { key, userPassKey } = notice; const { content } = notice; const noticeProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({ prefixCls, closeIcon: typeof closeIcon === 'function' ? closeIcon({ prefixCls }) : closeIcon }, notice), notice.props), { key, noticeKey: userPassKey || key, updateMark, onClose: noticeKey => { var _a; remove(noticeKey); (_a = notice.onClose) === null || _a === void 0 ? void 0 : _a.call(notice); }, onClick: notice.onClick }); if (holderCallback) { return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "key": key, "class": `${prefixCls}-hook-holder`, "ref": div => { if (typeof key === 'undefined') { return; } if (div) { hookRefs.set(key, div); holderCallback(div, noticeProps); } else { hookRefs.delete(key); } } }, null); } return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_Notice__WEBPACK_IMPORTED_MODULE_4__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, noticeProps), {}, { "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_5__["default"])(noticeProps.class, props.hashId) }), { default: () => [typeof content === 'function' ? content({ prefixCls }) : content] }); }); const className = { [prefixCls]: 1, [attrs.class]: !!attrs.class, [props.hashId]: true }; return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": className, "style": attrs.style || { top: '65px', left: '50%' } }, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_2__.TransitionGroup, (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "tag": "div" }, transitionProps.value), { default: () => [noticeNodes] })]); }; } }); Notification.newInstance = function newNotificationInstance(properties, callback) { const _a = properties || {}, { name = 'notification', getContainer, appContext, prefixCls: customizePrefixCls, rootPrefixCls: customRootPrefixCls, transitionName: customTransitionName, hasTransitionName, useStyle } = _a, props = __rest(_a, ["name", "getContainer", "appContext", "prefixCls", "rootPrefixCls", "transitionName", "hasTransitionName", "useStyle"]); const div = document.createElement('div'); if (getContainer) { const root = getContainer(); root.appendChild(div); } else { document.body.appendChild(div); } const Wrapper = (0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'NotificationWrapper', setup(_props, _ref4) { let { attrs } = _ref4; const notiRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(); const prefixCls = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => _config_provider__WEBPACK_IMPORTED_MODULE_6__.globalConfigForApi.getPrefixCls(name, customizePrefixCls)); const [, hashId] = useStyle(prefixCls); (0,vue__WEBPACK_IMPORTED_MODULE_2__.onMounted)(() => { callback({ notice(noticeProps) { var _a; (_a = notiRef.value) === null || _a === void 0 ? void 0 : _a.add(noticeProps); }, removeNotice(key) { var _a; (_a = notiRef.value) === null || _a === void 0 ? void 0 : _a.remove(key); }, destroy() { (0,vue__WEBPACK_IMPORTED_MODULE_2__.render)(null, div); if (div.parentNode) { div.parentNode.removeChild(div); } }, component: notiRef }); }); return () => { const global = _config_provider__WEBPACK_IMPORTED_MODULE_6__.globalConfigForApi; const rootPrefixCls = global.getRootPrefixCls(customRootPrefixCls, prefixCls.value); const transitionName = hasTransitionName ? customTransitionName : `${prefixCls.value}-${customTransitionName}`; return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_config_provider__WEBPACK_IMPORTED_MODULE_6__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, global), {}, { "prefixCls": rootPrefixCls }), { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(Notification, (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "ref": notiRef }, attrs), {}, { "prefixCls": prefixCls.value, "transitionName": transitionName, "hashId": hashId.value }), null)] }); }; } }); const vm = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(Wrapper, props); vm.appContext = appContext || vm.appContext; (0,vue__WEBPACK_IMPORTED_MODULE_2__.render)(vm, div); }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Notification); /***/ }), /***/ "./components/vc-notification/index.ts": /*!*********************************************!*\ !*** ./components/vc-notification/index.ts ***! \*********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ useNotification: () => (/* reexport safe */ _useNotification__WEBPACK_IMPORTED_MODULE_0__["default"]) /* harmony export */ }); /* harmony import */ var _Notification__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Notification */ "./components/vc-notification/Notification.tsx"); /* harmony import */ var _useNotification__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./useNotification */ "./components/vc-notification/useNotification.tsx"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_Notification__WEBPACK_IMPORTED_MODULE_1__["default"]); /***/ }), /***/ "./components/vc-notification/useNotification.tsx": /*!********************************************************!*\ !*** ./components/vc-notification/useNotification.tsx ***! \********************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ useNotification) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _HookNotification__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./HookNotification */ "./components/vc-notification/HookNotification.tsx"); var __rest = undefined && undefined.__rest || function (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; }; const defaultGetContainer = () => document.body; let uniqueKey = 0; function mergeConfig() { const clone = {}; for (var _len = arguments.length, objList = new Array(_len), _key = 0; _key < _len; _key++) { objList[_key] = arguments[_key]; } objList.forEach(obj => { if (obj) { Object.keys(obj).forEach(key => { const val = obj[key]; if (val !== undefined) { clone[key] = val; } }); } }); return clone; } function useNotification() { let rootConfig = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; const { getContainer = defaultGetContainer, motion, prefixCls, maxCount, getClassName, getStyles, onAllRemoved } = rootConfig, shareConfig = __rest(rootConfig, ["getContainer", "motion", "prefixCls", "maxCount", "getClassName", "getStyles", "onAllRemoved"]); const notices = (0,vue__WEBPACK_IMPORTED_MODULE_1__.shallowRef)([]); const notificationsRef = (0,vue__WEBPACK_IMPORTED_MODULE_1__.shallowRef)(); const add = (originNotice, holderCallback) => { const key = originNotice.key || (0,_HookNotification__WEBPACK_IMPORTED_MODULE_2__.getUuid)(); const notice = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, originNotice), { key }); const noticeIndex = notices.value.map(v => v.notice.key).indexOf(key); const updatedNotices = notices.value.concat(); if (noticeIndex !== -1) { updatedNotices.splice(noticeIndex, 1, { notice, holderCallback }); } else { if (maxCount && notices.value.length >= maxCount) { notice.key = updatedNotices[0].notice.key; notice.updateMark = (0,_HookNotification__WEBPACK_IMPORTED_MODULE_2__.getUuid)(); notice.userPassKey = key; updatedNotices.shift(); } updatedNotices.push({ notice, holderCallback }); } notices.value = updatedNotices; }; const removeNotice = removeKey => { notices.value = notices.value.filter(_ref => { let { notice: { key, userPassKey } } = _ref; const mergedKey = userPassKey || key; return mergedKey !== removeKey; }); }; const destroy = () => { notices.value = []; }; const contextHolder = () => (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_HookNotification__WEBPACK_IMPORTED_MODULE_2__["default"], { "ref": notificationsRef, "prefixCls": prefixCls, "maxCount": maxCount, "notices": notices.value, "remove": removeNotice, "getClassName": getClassName, "getStyles": getStyles, "animation": motion, "hashId": rootConfig.hashId, "onAllRemoved": onAllRemoved, "getContainer": getContainer }, null); const taskQueue = (0,vue__WEBPACK_IMPORTED_MODULE_1__.shallowRef)([]); // ========================= Refs ========================= const api = { open: config => { const mergedConfig = mergeConfig(shareConfig, config); //@ts-ignore if (mergedConfig.key === null || mergedConfig.key === undefined) { //@ts-ignore mergedConfig.key = `vc-notification-${uniqueKey}`; uniqueKey += 1; } taskQueue.value = [...taskQueue.value, { type: 'open', config: mergedConfig }]; }, close: key => { taskQueue.value = [...taskQueue.value, { type: 'close', key }]; }, destroy: () => { taskQueue.value = [...taskQueue.value, { type: 'destroy' }]; } }; // ======================== Effect ======================== (0,vue__WEBPACK_IMPORTED_MODULE_1__.watch)(taskQueue, () => { // Flush task when node ready if (taskQueue.value.length) { taskQueue.value.forEach(task => { switch (task.type) { case 'open': // @ts-ignore add(task.config); break; case 'close': removeNotice(task.key); break; case 'destroy': destroy(); break; } }); taskQueue.value = []; } }); // ======================== Return ======================== return [api, contextHolder]; } /***/ }), /***/ "./components/vc-overflow/Item.tsx": /*!*****************************************!*\ !*** ./components/vc-overflow/Item.tsx ***! \*****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _vc_resize_observer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../vc-resize-observer */ "./components/vc-resize-observer/index.tsx"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); var __rest = undefined && undefined.__rest || function (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; }; const UNDEFINED = undefined; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'Item', props: { prefixCls: String, item: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].any, renderItem: Function, responsive: Boolean, itemKey: { type: [String, Number] }, registerSize: Function, display: Boolean, order: Number, component: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].any, invalidate: Boolean }, setup(props, _ref) { let { slots, expose } = _ref; const mergedHidden = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => props.responsive && !props.display); const itemNodeRef = (0,vue__WEBPACK_IMPORTED_MODULE_1__.ref)(); expose({ itemNodeRef }); // ================================ Effect ================================ function internalRegisterSize(width) { props.registerSize(props.itemKey, width); } (0,vue__WEBPACK_IMPORTED_MODULE_1__.onUnmounted)(() => { internalRegisterSize(null); }); return () => { var _a; const { prefixCls, invalidate, item, renderItem, responsive, registerSize, itemKey, display, order, component: Component = 'div' } = props, restProps = __rest(props, ["prefixCls", "invalidate", "item", "renderItem", "responsive", "registerSize", "itemKey", "display", "order", "component"]); const children = (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots); // ================================ Render ================================ const childNode = renderItem && item !== UNDEFINED ? renderItem(item) : children; let overflowStyle; if (!invalidate) { overflowStyle = { opacity: mergedHidden.value ? 0 : 1, height: mergedHidden.value ? 0 : UNDEFINED, overflowY: mergedHidden.value ? 'hidden' : UNDEFINED, order: responsive ? order : UNDEFINED, pointerEvents: mergedHidden.value ? 'none' : UNDEFINED, position: mergedHidden.value ? 'absolute' : UNDEFINED }; } const overflowProps = {}; if (mergedHidden.value) { overflowProps['aria-hidden'] = true; } // 使用 disabled 避免结构不一致 导致子组件 rerender return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_vc_resize_observer__WEBPACK_IMPORTED_MODULE_3__["default"], { "disabled": !responsive, "onResize": _ref2 => { let { offsetWidth } = _ref2; internalRegisterSize(offsetWidth); } }, { default: () => (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(Component, (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_4__["default"])(!invalidate && prefixCls), "style": overflowStyle }, overflowProps), restProps), {}, { "ref": itemNodeRef }), { default: () => [childNode] }) }); }; } })); /***/ }), /***/ "./components/vc-overflow/Overflow.tsx": /*!*********************************************!*\ !*** ./components/vc-overflow/Overflow.tsx ***! \*********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _vc_resize_observer__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../vc-resize-observer */ "./components/vc-resize-observer/index.tsx"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./context */ "./components/vc-overflow/context.ts"); /* harmony import */ var _Item__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Item */ "./components/vc-overflow/Item.tsx"); /* harmony import */ var _RawItem__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./RawItem */ "./components/vc-overflow/RawItem.tsx"); var __rest = undefined && undefined.__rest || function (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; }; const RESPONSIVE = 'responsive'; const INVALIDATE = 'invalidate'; function defaultRenderRest(omittedItems) { return `+ ${omittedItems.length} ...`; } const overflowProps = () => { return { id: String, prefixCls: String, data: Array, itemKey: [String, Number, Function], /** Used for `responsive`. It will limit render node to avoid perf issue */ itemWidth: { type: Number, default: 10 }, renderItem: Function, /** @private Do not use in your production. Render raw node that need wrap Item by developer self */ renderRawItem: Function, maxCount: [Number, String], renderRest: Function, /** @private Do not use in your production. Render raw node that need wrap Item by developer self */ renderRawRest: Function, suffix: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].any, component: String, itemComponent: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].any, /** @private This API may be refactor since not well design */ onVisibleChange: Function, /** When set to `full`, ssr will render full items by default and remove at client side */ ssr: String, onMousedown: Function, role: String }; }; const Overflow = (0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ name: 'Overflow', inheritAttrs: false, props: overflowProps(), emits: ['visibleChange'], setup(props, _ref) { let { attrs, emit, slots } = _ref; const fullySSR = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.ssr === 'full'); const containerWidth = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(null); const mergedContainerWidth = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => containerWidth.value || 0); const itemWidths = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(new Map()); const prevRestWidth = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(0); const restWidth = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(0); const suffixWidth = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(0); const suffixFixedStart = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(null); const displayCount = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(null); const mergedDisplayCount = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { if (displayCount.value === null && fullySSR.value) { return Number.MAX_SAFE_INTEGER; } return displayCount.value || 0; }); const restReady = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(false); const itemPrefixCls = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => `${props.prefixCls}-item`); // Always use the max width to avoid blink const mergedRestWidth = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => Math.max(prevRestWidth.value, restWidth.value)); // ================================= Data ================================= const isResponsive = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => !!(props.data.length && props.maxCount === RESPONSIVE)); const invalidate = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.maxCount === INVALIDATE); /** * When is `responsive`, we will always render rest node to get the real width of it for calculation */ const showRest = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => isResponsive.value || typeof props.maxCount === 'number' && props.data.length > props.maxCount); const mergedData = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { let items = props.data; if (isResponsive.value) { if (containerWidth.value === null && fullySSR.value) { items = props.data; } else { items = props.data.slice(0, Math.min(props.data.length, mergedContainerWidth.value / props.itemWidth)); } } else if (typeof props.maxCount === 'number') { items = props.data.slice(0, props.maxCount); } return items; }); const omittedItems = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { if (isResponsive.value) { return props.data.slice(mergedDisplayCount.value + 1); } return props.data.slice(mergedData.value.length); }); // ================================= Item ================================= const getKey = (item, index) => { var _a; if (typeof props.itemKey === 'function') { return props.itemKey(item); } return (_a = props.itemKey && (item === null || item === void 0 ? void 0 : item[props.itemKey])) !== null && _a !== void 0 ? _a : index; }; const mergedRenderItem = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.renderItem || (item => item)); const updateDisplayCount = (count, notReady) => { displayCount.value = count; if (!notReady) { restReady.value = count < props.data.length - 1; emit('visibleChange', count); } }; // ================================= Size ================================= const onOverflowResize = (_, element) => { containerWidth.value = element.clientWidth; }; const registerSize = (key, width) => { const clone = new Map(itemWidths.value); if (width === null) { clone.delete(key); } else { clone.set(key, width); } itemWidths.value = clone; }; const registerOverflowSize = (_, width) => { prevRestWidth.value = restWidth.value; restWidth.value = width; }; const registerSuffixSize = (_, width) => { suffixWidth.value = width; }; // ================================ Effect ================================ const getItemWidth = index => { return itemWidths.value.get(getKey(mergedData.value[index], index)); }; (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)([mergedContainerWidth, itemWidths, restWidth, suffixWidth, () => props.itemKey, mergedData], () => { if (mergedContainerWidth.value && mergedRestWidth.value && mergedData.value) { let totalWidth = suffixWidth.value; const len = mergedData.value.length; const lastIndex = len - 1; // When data count change to 0, reset this since not loop will reach if (!len) { updateDisplayCount(0); suffixFixedStart.value = null; return; } for (let i = 0; i < len; i += 1) { const currentItemWidth = getItemWidth(i); // Break since data not ready if (currentItemWidth === undefined) { updateDisplayCount(i - 1, true); break; } // Find best match totalWidth += currentItemWidth; if ( // Only one means `totalWidth` is the final width lastIndex === 0 && totalWidth <= mergedContainerWidth.value || // Last two width will be the final width i === lastIndex - 1 && totalWidth + getItemWidth(lastIndex) <= mergedContainerWidth.value) { // Additional check if match the end updateDisplayCount(lastIndex); suffixFixedStart.value = null; break; } else if (totalWidth + mergedRestWidth.value > mergedContainerWidth.value) { // Can not hold all the content to show rest updateDisplayCount(i - 1); suffixFixedStart.value = totalWidth - currentItemWidth - suffixWidth.value + restWidth.value; break; } } if (props.suffix && getItemWidth(0) + suffixWidth.value > mergedContainerWidth.value) { suffixFixedStart.value = null; } } }); return () => { // ================================ Render ================================ const displayRest = restReady.value && !!omittedItems.value.length; const { itemComponent, renderRawItem, renderRawRest, renderRest, prefixCls = 'rc-overflow', suffix, component: Component = 'div', id, onMousedown } = props; const { class: className, style } = attrs, restAttrs = __rest(attrs, ["class", "style"]); let suffixStyle = {}; if (suffixFixedStart.value !== null && isResponsive.value) { suffixStyle = { position: 'absolute', left: `${suffixFixedStart.value}px`, top: 0 }; } const itemSharedProps = { prefixCls: itemPrefixCls.value, responsive: isResponsive.value, component: itemComponent, invalidate: invalidate.value }; // >>>>> Choice render fun by `renderRawItem` const internalRenderItemNode = renderRawItem ? (item, index) => { const key = getKey(item, index); return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_context__WEBPACK_IMPORTED_MODULE_4__.OverflowContextProvider, { "key": key, "value": (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, itemSharedProps), { order: index, item, itemKey: key, registerSize, display: index <= mergedDisplayCount.value }) }, { default: () => [renderRawItem(item, index)] }); } : (item, index) => { const key = getKey(item, index); return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_Item__WEBPACK_IMPORTED_MODULE_5__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, itemSharedProps), {}, { "order": index, "key": key, "item": item, "renderItem": mergedRenderItem.value, "itemKey": key, "registerSize": registerSize, "display": index <= mergedDisplayCount.value }), null); }; // >>>>> Rest node let restNode = () => null; const restContextProps = { order: displayRest ? mergedDisplayCount.value : Number.MAX_SAFE_INTEGER, className: `${itemPrefixCls.value} ${itemPrefixCls.value}-rest`, registerSize: registerOverflowSize, display: displayRest }; if (!renderRawRest) { const mergedRenderRest = renderRest || defaultRenderRest; restNode = () => (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_Item__WEBPACK_IMPORTED_MODULE_5__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, itemSharedProps), restContextProps), { default: () => typeof mergedRenderRest === 'function' ? mergedRenderRest(omittedItems.value) : mergedRenderRest }); } else if (renderRawRest) { restNode = () => (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_context__WEBPACK_IMPORTED_MODULE_4__.OverflowContextProvider, { "value": (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, itemSharedProps), restContextProps) }, { default: () => [renderRawRest(omittedItems.value)] }); } const overflowNode = () => { var _a; return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(Component, (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "id": id, "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_6__["default"])(!invalidate.value && prefixCls, className), "style": style, "onMousedown": onMousedown, "role": props.role }, restAttrs), { default: () => [mergedData.value.map(internalRenderItemNode), showRest.value ? restNode() : null, suffix && (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_Item__WEBPACK_IMPORTED_MODULE_5__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, itemSharedProps), {}, { "order": mergedDisplayCount.value, "class": `${itemPrefixCls.value}-suffix`, "registerSize": registerSuffixSize, "display": true, "style": suffixStyle }), { default: () => suffix }), (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)] }); }; // 使用 disabled 避免结构不一致 导致子组件 rerender return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_vc_resize_observer__WEBPACK_IMPORTED_MODULE_7__["default"], { "disabled": !isResponsive.value, "onResize": onOverflowResize }, { default: overflowNode }); }; } }); Overflow.Item = _RawItem__WEBPACK_IMPORTED_MODULE_8__["default"]; Overflow.RESPONSIVE = RESPONSIVE; Overflow.INVALIDATE = INVALIDATE; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Overflow); /***/ }), /***/ "./components/vc-overflow/RawItem.tsx": /*!********************************************!*\ !*** ./components/vc-overflow/RawItem.tsx ***! \********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./context */ "./components/vc-overflow/context.ts"); /* harmony import */ var _Item__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Item */ "./components/vc-overflow/Item.tsx"); var __rest = undefined && undefined.__rest || function (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; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'RawItem', inheritAttrs: false, props: { component: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].any, title: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].any, id: String, onMouseenter: { type: Function }, onMouseleave: { type: Function }, onClick: { type: Function }, onKeydown: { type: Function }, onFocus: { type: Function }, role: String, tabindex: Number }, setup(props, _ref) { let { slots, attrs } = _ref; const context = (0,_context__WEBPACK_IMPORTED_MODULE_3__.useInjectOverflowContext)(); return () => { var _a; // Render directly when context not provided if (!context.value) { const { component: Component = 'div' } = props, restProps = __rest(props, ["component"]); return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(Component, (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, restProps), attrs), { default: () => [(_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)] }); } const _b = context.value, { className: contextClassName } = _b, restContext = __rest(_b, ["className"]); const { class: className } = attrs, restProps = __rest(attrs, ["class"]); // Do not pass context to sub item to avoid multiple measure return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_context__WEBPACK_IMPORTED_MODULE_3__.OverflowContextProvider, { "value": null }, { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_Item__WEBPACK_IMPORTED_MODULE_4__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_5__["default"])(contextClassName, className) }, restContext), restProps), props), slots)] }); }; } })); /***/ }), /***/ "./components/vc-overflow/context.ts": /*!*******************************************!*\ !*** ./components/vc-overflow/context.ts ***! \*******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ OverflowContextProvider: () => (/* binding */ OverflowContextProvider), /* harmony export */ useInjectOverflowContext: () => (/* binding */ useInjectOverflowContext) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); const OverflowContextProviderKey = Symbol('OverflowContextProviderKey'); const OverflowContextProvider = (0,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'OverflowContextProvider', inheritAttrs: false, props: { value: { type: Object } }, setup(props, _ref) { let { slots } = _ref; (0,vue__WEBPACK_IMPORTED_MODULE_0__.provide)(OverflowContextProviderKey, (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => props.value)); return () => { var _a; return (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots); }; } }); const useInjectOverflowContext = () => { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.inject)(OverflowContextProviderKey, (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => null)); }; /***/ }), /***/ "./components/vc-overflow/index.ts": /*!*****************************************!*\ !*** ./components/vc-overflow/index.ts ***! \*****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _Overflow__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Overflow */ "./components/vc-overflow/Overflow.tsx"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_Overflow__WEBPACK_IMPORTED_MODULE_0__["default"]); /***/ }), /***/ "./components/vc-pagination/KeyCode.ts": /*!*********************************************!*\ !*** ./components/vc-pagination/KeyCode.ts ***! \*********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({ ZERO: 48, NINE: 57, NUMPAD_ZERO: 96, NUMPAD_NINE: 105, BACKSPACE: 8, DELETE: 46, ENTER: 13, ARROW_UP: 38, ARROW_DOWN: 40 }); /***/ }), /***/ "./components/vc-pagination/Options.tsx": /*!**********************************************!*\ !*** ./components/vc-pagination/Options.tsx ***! \**********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _KeyCode__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./KeyCode */ "./components/vc-pagination/KeyCode.ts"); /* harmony import */ var _util_BaseInput__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/BaseInput */ "./components/_util/BaseInput.tsx"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)({ compatConfig: { MODE: 3 }, props: { disabled: { type: Boolean, default: undefined }, changeSize: Function, quickGo: Function, selectComponentClass: _util_vue_types__WEBPACK_IMPORTED_MODULE_1__["default"].any, current: Number, pageSizeOptions: _util_vue_types__WEBPACK_IMPORTED_MODULE_1__["default"].array.def(['10', '20', '50', '100']), pageSize: Number, buildOptionText: Function, locale: _util_vue_types__WEBPACK_IMPORTED_MODULE_1__["default"].object, rootPrefixCls: String, selectPrefixCls: String, goButton: _util_vue_types__WEBPACK_IMPORTED_MODULE_1__["default"].any }, setup(props) { const goInputText = (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)(''); const validValue = (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => { return !goInputText.value || isNaN(goInputText.value) ? undefined : Number(goInputText.value); }); const defaultBuildOptionText = opt => { return `${opt.value} ${props.locale.items_per_page}`; }; const handleChange = e => { const { value } = e.target; if (goInputText.value === value) return; goInputText.value = value; }; const handleBlur = e => { const { goButton, quickGo, rootPrefixCls } = props; if (goButton || goInputText.value === '') { return; } if (e.relatedTarget && (e.relatedTarget.className.indexOf(`${rootPrefixCls}-item-link`) >= 0 || e.relatedTarget.className.indexOf(`${rootPrefixCls}-item`) >= 0)) { goInputText.value = ''; return; } else { quickGo(validValue.value); goInputText.value = ''; } }; const go = e => { if (goInputText.value === '') { return; } if (e.keyCode === _KeyCode__WEBPACK_IMPORTED_MODULE_2__["default"].ENTER || e.type === 'click') { // https://github.com/vueComponent/ant-design-vue/issues/1316 props.quickGo(validValue.value); goInputText.value = ''; } }; const pageSizeOptions = (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => { const { pageSize, pageSizeOptions } = props; if (pageSizeOptions.some(option => option.toString() === pageSize.toString())) { return pageSizeOptions; } return pageSizeOptions.concat([pageSize.toString()]).sort((a, b) => { // eslint-disable-next-line no-restricted-globals const numberA = isNaN(Number(a)) ? 0 : Number(a); // eslint-disable-next-line no-restricted-globals const numberB = isNaN(Number(b)) ? 0 : Number(b); return numberA - numberB; }); }); return () => { const { rootPrefixCls, locale, changeSize, quickGo, goButton, selectComponentClass: Select, selectPrefixCls, pageSize, disabled } = props; const prefixCls = `${rootPrefixCls}-options`; let changeSelect = null; let goInput = null; let gotoButton = null; if (!changeSize && !quickGo) { return null; } if (changeSize && Select) { const buildOptionText = props.buildOptionText || defaultBuildOptionText; const options = pageSizeOptions.value.map((opt, i) => (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(Select.Option, { "key": i, "value": opt }, { default: () => [buildOptionText({ value: opt })] })); changeSelect = (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(Select, { "disabled": disabled, "prefixCls": selectPrefixCls, "showSearch": false, "class": `${prefixCls}-size-changer`, "optionLabelProp": "children", "value": (pageSize || pageSizeOptions.value[0]).toString(), "onChange": value => changeSize(Number(value)), "getPopupContainer": triggerNode => triggerNode.parentNode }, { default: () => [options] }); } if (quickGo) { if (goButton) { gotoButton = typeof goButton === 'boolean' ? (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("button", { "type": "button", "onClick": go, "onKeyup": go, "disabled": disabled, "class": `${prefixCls}-quick-jumper-button` }, [locale.jump_to_confirm]) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("span", { "onClick": go, "onKeyup": go }, [goButton]); } goInput = (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", { "class": `${prefixCls}-quick-jumper` }, [locale.jump_to, (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_util_BaseInput__WEBPACK_IMPORTED_MODULE_3__["default"], { "disabled": disabled, "type": "text", "value": goInputText.value, "onInput": handleChange, "onChange": handleChange, "onKeyup": go, "onBlur": handleBlur }, null), locale.page, gotoButton]); } return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("li", { "class": `${prefixCls}` }, [changeSelect, goInput]); }; } })); /***/ }), /***/ "./components/vc-pagination/Pager.tsx": /*!********************************************!*\ !*** ./components/vc-pagination/Pager.tsx ***! \********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'Pager', inheritAttrs: false, props: { rootPrefixCls: String, page: Number, active: { type: Boolean, default: undefined }, last: { type: Boolean, default: undefined }, locale: _util_vue_types__WEBPACK_IMPORTED_MODULE_1__["default"].object, showTitle: { type: Boolean, default: undefined }, itemRender: { type: Function, default: () => {} }, onClick: { type: Function }, onKeypress: { type: Function } }, eimt: ['click', 'keypress'], setup(props, _ref) { let { emit, attrs } = _ref; const handleClick = () => { emit('click', props.page); }; const handleKeyPress = event => { emit('keypress', event, handleClick, props.page); }; return () => { const { showTitle, page, itemRender } = props; const { class: _cls, style } = attrs; const prefixCls = `${props.rootPrefixCls}-item`; const cls = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_2__["default"])(prefixCls, `${prefixCls}-${props.page}`, { [`${prefixCls}-active`]: props.active, [`${prefixCls}-disabled`]: !props.page }, _cls); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("li", { "onClick": handleClick, "onKeypress": handleKeyPress, "title": showTitle ? String(page) : null, "tabindex": "0", "class": cls, "style": style }, [itemRender({ page, type: 'page', originalElement: (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("a", { "rel": "nofollow" }, [page]) })]); }; } })); /***/ }), /***/ "./components/vc-pagination/Pagination.tsx": /*!*************************************************!*\ !*** ./components/vc-pagination/Pagination.tsx ***! \*************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _util_BaseMixin__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../_util/BaseMixin */ "./components/_util/BaseMixin.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/index.ts"); /* harmony import */ var _Pager__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./Pager */ "./components/vc-pagination/Pager.tsx"); /* harmony import */ var _Options__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./Options */ "./components/vc-pagination/Options.tsx"); /* harmony import */ var _locale_zh_CN__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./locale/zh_CN */ "./components/vc-pagination/locale/zh_CN.ts"); /* harmony import */ var _KeyCode__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./KeyCode */ "./components/vc-pagination/KeyCode.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _util_vnode__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../_util/vnode */ "./components/_util/vnode.ts"); /* harmony import */ var _util_firstNotUndefined__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../_util/firstNotUndefined */ "./components/_util/firstNotUndefined.ts"); /* harmony import */ var _util_BaseInput__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../_util/BaseInput */ "./components/_util/BaseInput.tsx"); var __rest = undefined && undefined.__rest || function (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 isInteger(value) { return typeof value === 'number' && isFinite(value) && Math.floor(value) === value; } function defaultItemRender(_ref) { let { originalElement } = _ref; return originalElement; } function calculatePage(p, state, props) { const pageSize = typeof p === 'undefined' ? state.statePageSize : p; return Math.floor((props.total - 1) / pageSize) + 1; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'Pagination', mixins: [_util_BaseMixin__WEBPACK_IMPORTED_MODULE_2__["default"]], inheritAttrs: false, props: { disabled: { type: Boolean, default: undefined }, prefixCls: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].string.def('rc-pagination'), selectPrefixCls: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].string.def('rc-select'), current: Number, defaultCurrent: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].number.def(1), total: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].number.def(0), pageSize: Number, defaultPageSize: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].number.def(10), hideOnSinglePage: { type: Boolean, default: false }, showSizeChanger: { type: Boolean, default: undefined }, showLessItems: { type: Boolean, default: false }, // showSizeChange: PropTypes.func.def(noop), selectComponentClass: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].any, showPrevNextJumpers: { type: Boolean, default: true }, showQuickJumper: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].oneOfType([_util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].looseBool, _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].object]).def(false), showTitle: { type: Boolean, default: true }, pageSizeOptions: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].arrayOf(_util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].oneOfType([_util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].number, _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].string])), buildOptionText: Function, showTotal: Function, simple: { type: Boolean, default: undefined }, locale: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].object.def(_locale_zh_CN__WEBPACK_IMPORTED_MODULE_4__["default"]), itemRender: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].func.def(defaultItemRender), prevIcon: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].any, nextIcon: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].any, jumpPrevIcon: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].any, jumpNextIcon: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].any, totalBoundaryShowSizeChanger: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].number.def(50) }, data() { const props = this.$props; let current = (0,_util_firstNotUndefined__WEBPACK_IMPORTED_MODULE_5__["default"])([this.current, this.defaultCurrent]); const pageSize = (0,_util_firstNotUndefined__WEBPACK_IMPORTED_MODULE_5__["default"])([this.pageSize, this.defaultPageSize]); current = Math.min(current, calculatePage(pageSize, undefined, props)); return { stateCurrent: current, stateCurrentInputValue: current, statePageSize: pageSize }; }, watch: { current(val) { this.setState({ stateCurrent: val, stateCurrentInputValue: val }); }, pageSize(val) { const newState = {}; let current = this.stateCurrent; const newCurrent = calculatePage(val, this.$data, this.$props); current = current > newCurrent ? newCurrent : current; if (!(0,_util_props_util__WEBPACK_IMPORTED_MODULE_6__.hasProp)(this, 'current')) { newState.stateCurrent = current; newState.stateCurrentInputValue = current; } newState.statePageSize = val; this.setState(newState); }, stateCurrent(_val, oldValue) { // When current page change, fix focused style of prev item // A hacky solution of https://github.com/ant-design/ant-design/issues/8948 this.$nextTick(() => { if (this.$refs.paginationNode) { const lastCurrentNode = this.$refs.paginationNode.querySelector(`.${this.prefixCls}-item-${oldValue}`); if (lastCurrentNode && document.activeElement === lastCurrentNode) { lastCurrentNode.blur(); } } }); }, total() { const newState = {}; const newCurrent = calculatePage(this.pageSize, this.$data, this.$props); if ((0,_util_props_util__WEBPACK_IMPORTED_MODULE_6__.hasProp)(this, 'current')) { const current = Math.min(this.current, newCurrent); newState.stateCurrent = current; newState.stateCurrentInputValue = current; } else { let current = this.stateCurrent; if (current === 0 && newCurrent > 0) { current = 1; } else { current = Math.min(this.stateCurrent, newCurrent); } newState.stateCurrent = current; } this.setState(newState); } }, methods: { getJumpPrevPage() { return Math.max(1, this.stateCurrent - (this.showLessItems ? 3 : 5)); }, getJumpNextPage() { return Math.min(calculatePage(undefined, this.$data, this.$props), this.stateCurrent + (this.showLessItems ? 3 : 5)); }, getItemIcon(icon, label) { const { prefixCls } = this.$props; const iconNode = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_6__.getComponent)(this, icon, this.$props) || (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("button", { "type": "button", "aria-label": label, "class": `${prefixCls}-item-link` }, null); return iconNode; }, getValidValue(e) { const inputValue = e.target.value; const allPages = calculatePage(undefined, this.$data, this.$props); const { stateCurrentInputValue } = this.$data; let value; if (inputValue === '') { value = inputValue; } else if (isNaN(Number(inputValue))) { value = stateCurrentInputValue; } else if (inputValue >= allPages) { value = allPages; } else { value = Number(inputValue); } return value; }, isValid(page) { return isInteger(page) && page !== this.stateCurrent; }, shouldDisplayQuickJumper() { const { showQuickJumper, pageSize, total } = this.$props; if (total <= pageSize) { return false; } return showQuickJumper; }, // calculatePage (p) { // let pageSize = p // if (typeof pageSize === 'undefined') { // pageSize = this.statePageSize // } // return Math.floor((this.total - 1) / pageSize) + 1 // }, handleKeyDown(event) { if (event.keyCode === _KeyCode__WEBPACK_IMPORTED_MODULE_7__["default"].ARROW_UP || event.keyCode === _KeyCode__WEBPACK_IMPORTED_MODULE_7__["default"].ARROW_DOWN) { event.preventDefault(); } }, handleKeyUp(e) { const value = this.getValidValue(e); const stateCurrentInputValue = this.stateCurrentInputValue; if (value !== stateCurrentInputValue) { this.setState({ stateCurrentInputValue: value }); } if (e.keyCode === _KeyCode__WEBPACK_IMPORTED_MODULE_7__["default"].ENTER) { this.handleChange(value); } else if (e.keyCode === _KeyCode__WEBPACK_IMPORTED_MODULE_7__["default"].ARROW_UP) { this.handleChange(value - 1); } else if (e.keyCode === _KeyCode__WEBPACK_IMPORTED_MODULE_7__["default"].ARROW_DOWN) { this.handleChange(value + 1); } }, changePageSize(size) { let current = this.stateCurrent; const preCurrent = current; const newCurrent = calculatePage(size, this.$data, this.$props); current = current > newCurrent ? newCurrent : current; // fix the issue: // Once 'total' is 0, 'current' in 'onShowSizeChange' is 0, which is not correct. if (newCurrent === 0) { current = this.stateCurrent; } if (typeof size === 'number') { if (!(0,_util_props_util__WEBPACK_IMPORTED_MODULE_6__.hasProp)(this, 'pageSize')) { this.setState({ statePageSize: size }); } if (!(0,_util_props_util__WEBPACK_IMPORTED_MODULE_6__.hasProp)(this, 'current')) { this.setState({ stateCurrent: current, stateCurrentInputValue: current }); } } this.__emit('update:pageSize', size); if (current !== preCurrent) { this.__emit('update:current', current); } this.__emit('showSizeChange', current, size); this.__emit('change', current, size); }, handleChange(p) { const { disabled } = this.$props; let page = p; if (this.isValid(page) && !disabled) { const currentPage = calculatePage(undefined, this.$data, this.$props); if (page > currentPage) { page = currentPage; } else if (page < 1) { page = 1; } if (!(0,_util_props_util__WEBPACK_IMPORTED_MODULE_6__.hasProp)(this, 'current')) { this.setState({ stateCurrent: page, stateCurrentInputValue: page }); } // this.__emit('input', page) this.__emit('update:current', page); this.__emit('change', page, this.statePageSize); return page; } return this.stateCurrent; }, prev() { if (this.hasPrev()) { this.handleChange(this.stateCurrent - 1); } }, next() { if (this.hasNext()) { this.handleChange(this.stateCurrent + 1); } }, jumpPrev() { this.handleChange(this.getJumpPrevPage()); }, jumpNext() { this.handleChange(this.getJumpNextPage()); }, hasPrev() { return this.stateCurrent > 1; }, hasNext() { return this.stateCurrent < calculatePage(undefined, this.$data, this.$props); }, getShowSizeChanger() { const { showSizeChanger, total, totalBoundaryShowSizeChanger } = this.$props; if (typeof showSizeChanger !== 'undefined') { return showSizeChanger; } return total > totalBoundaryShowSizeChanger; }, runIfEnter(event, callback) { if (event.key === 'Enter' || event.charCode === 13) { event.preventDefault(); for (var _len = arguments.length, restParams = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) { restParams[_key - 2] = arguments[_key]; } callback(...restParams); } }, runIfEnterPrev(event) { this.runIfEnter(event, this.prev); }, runIfEnterNext(event) { this.runIfEnter(event, this.next); }, runIfEnterJumpPrev(event) { this.runIfEnter(event, this.jumpPrev); }, runIfEnterJumpNext(event) { this.runIfEnter(event, this.jumpNext); }, handleGoTO(event) { if (event.keyCode === _KeyCode__WEBPACK_IMPORTED_MODULE_7__["default"].ENTER || event.type === 'click') { this.handleChange(this.stateCurrentInputValue); } }, renderPrev(prevPage) { const { itemRender } = this.$props; const prevButton = itemRender({ page: prevPage, type: 'prev', originalElement: this.getItemIcon('prevIcon', 'prev page') }); const disabled = !this.hasPrev(); return (0,_util_props_util__WEBPACK_IMPORTED_MODULE_6__.isValidElement)(prevButton) ? (0,_util_vnode__WEBPACK_IMPORTED_MODULE_8__.cloneElement)(prevButton, disabled ? { disabled } : {}) : prevButton; }, renderNext(nextPage) { const { itemRender } = this.$props; const nextButton = itemRender({ page: nextPage, type: 'next', originalElement: this.getItemIcon('nextIcon', 'next page') }); const disabled = !this.hasNext(); return (0,_util_props_util__WEBPACK_IMPORTED_MODULE_6__.isValidElement)(nextButton) ? (0,_util_vnode__WEBPACK_IMPORTED_MODULE_8__.cloneElement)(nextButton, disabled ? { disabled } : {}) : nextButton; } }, render() { const { prefixCls, disabled, hideOnSinglePage, total, locale, showQuickJumper, showLessItems, showTitle, showTotal, simple, itemRender, showPrevNextJumpers, jumpPrevIcon, jumpNextIcon, selectComponentClass, selectPrefixCls, pageSizeOptions } = this.$props; const { stateCurrent, statePageSize } = this; const _a = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_6__.splitAttrs)(this.$attrs).extraAttrs, { class: className } = _a, restAttrs = __rest(_a, ["class"]); // When hideOnSinglePage is true and there is only 1 page, hide the pager if (hideOnSinglePage === true && this.total <= statePageSize) { return null; } const allPages = calculatePage(undefined, this.$data, this.$props); const pagerList = []; let jumpPrev = null; let jumpNext = null; let firstPager = null; let lastPager = null; let gotoButton = null; const goButton = showQuickJumper && showQuickJumper.goButton; const pageBufferSize = showLessItems ? 1 : 2; const prevPage = stateCurrent - 1 > 0 ? stateCurrent - 1 : 0; const nextPage = stateCurrent + 1 < allPages ? stateCurrent + 1 : allPages; const hasPrev = this.hasPrev(); const hasNext = this.hasNext(); if (simple) { if (goButton) { if (typeof goButton === 'boolean') { gotoButton = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("button", { "type": "button", "onClick": this.handleGoTO, "onKeyup": this.handleGoTO }, [locale.jump_to_confirm]); } else { gotoButton = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", { "onClick": this.handleGoTO, "onKeyup": this.handleGoTO }, [goButton]); } const _gotoButton = function () { return gotoButton; }(); gotoButton = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("li", { "title": showTitle ? `${locale.jump_to}${stateCurrent}/${allPages}` : null, "class": `${prefixCls}-simple-pager` }, [gotoButton]); } return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("ul", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_9__["default"])(`${prefixCls} ${prefixCls}-simple`, { [`${prefixCls}-disabled`]: disabled }, className) }, restAttrs), [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("li", { "title": showTitle ? locale.prev_page : null, "onClick": this.prev, "tabindex": hasPrev ? 0 : null, "onKeypress": this.runIfEnterPrev, "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_9__["default"])(`${prefixCls}-prev`, { [`${prefixCls}-disabled`]: !hasPrev }), "aria-disabled": !hasPrev }, [this.renderPrev(prevPage)]), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("li", { "title": showTitle ? `${stateCurrent}/${allPages}` : null, "class": `${prefixCls}-simple-pager` }, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_util_BaseInput__WEBPACK_IMPORTED_MODULE_10__["default"], { "type": "text", "value": this.stateCurrentInputValue, "disabled": disabled, "onKeydown": this.handleKeyDown, "onKeyup": this.handleKeyUp, "onInput": this.handleKeyUp, "onChange": this.handleKeyUp, "size": "3" }, null), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", { "class": `${prefixCls}-slash` }, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createTextVNode)("\uFF0F")]), allPages]), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("li", { "title": showTitle ? locale.next_page : null, "onClick": this.next, "tabindex": hasNext ? 0 : null, "onKeypress": this.runIfEnterNext, "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_9__["default"])(`${prefixCls}-next`, { [`${prefixCls}-disabled`]: !hasNext }), "aria-disabled": !hasNext }, [this.renderNext(nextPage)]), gotoButton]); } if (allPages <= 3 + pageBufferSize * 2) { const pagerProps = { locale, rootPrefixCls: prefixCls, showTitle, itemRender, onClick: this.handleChange, onKeypress: this.runIfEnter }; if (!allPages) { pagerList.push((0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_Pager__WEBPACK_IMPORTED_MODULE_11__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, pagerProps), {}, { "key": "noPager", "page": 1, "class": `${prefixCls}-item-disabled` }), null)); } for (let i = 1; i <= allPages; i += 1) { const active = stateCurrent === i; pagerList.push((0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_Pager__WEBPACK_IMPORTED_MODULE_11__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, pagerProps), {}, { "key": i, "page": i, "active": active }), null)); } } else { const prevItemTitle = showLessItems ? locale.prev_3 : locale.prev_5; const nextItemTitle = showLessItems ? locale.next_3 : locale.next_5; if (showPrevNextJumpers) { jumpPrev = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("li", { "title": this.showTitle ? prevItemTitle : null, "key": "prev", "onClick": this.jumpPrev, "tabindex": "0", "onKeypress": this.runIfEnterJumpPrev, "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_9__["default"])(`${prefixCls}-jump-prev`, { [`${prefixCls}-jump-prev-custom-icon`]: !!jumpPrevIcon }) }, [itemRender({ page: this.getJumpPrevPage(), type: 'jump-prev', originalElement: this.getItemIcon('jumpPrevIcon', 'prev page') })]); jumpNext = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("li", { "title": this.showTitle ? nextItemTitle : null, "key": "next", "tabindex": "0", "onClick": this.jumpNext, "onKeypress": this.runIfEnterJumpNext, "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_9__["default"])(`${prefixCls}-jump-next`, { [`${prefixCls}-jump-next-custom-icon`]: !!jumpNextIcon }) }, [itemRender({ page: this.getJumpNextPage(), type: 'jump-next', originalElement: this.getItemIcon('jumpNextIcon', 'next page') })]); } lastPager = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_Pager__WEBPACK_IMPORTED_MODULE_11__["default"], { "locale": locale, "last": true, "rootPrefixCls": prefixCls, "onClick": this.handleChange, "onKeypress": this.runIfEnter, "key": allPages, "page": allPages, "active": false, "showTitle": showTitle, "itemRender": itemRender }, null); firstPager = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_Pager__WEBPACK_IMPORTED_MODULE_11__["default"], { "locale": locale, "rootPrefixCls": prefixCls, "onClick": this.handleChange, "onKeypress": this.runIfEnter, "key": 1, "page": 1, "active": false, "showTitle": showTitle, "itemRender": itemRender }, null); let left = Math.max(1, stateCurrent - pageBufferSize); let right = Math.min(stateCurrent + pageBufferSize, allPages); if (stateCurrent - 1 <= pageBufferSize) { right = 1 + pageBufferSize * 2; } if (allPages - stateCurrent <= pageBufferSize) { left = allPages - pageBufferSize * 2; } for (let i = left; i <= right; i += 1) { const active = stateCurrent === i; pagerList.push((0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_Pager__WEBPACK_IMPORTED_MODULE_11__["default"], { "locale": locale, "rootPrefixCls": prefixCls, "onClick": this.handleChange, "onKeypress": this.runIfEnter, "key": i, "page": i, "active": active, "showTitle": showTitle, "itemRender": itemRender }, null)); } if (stateCurrent - 1 >= pageBufferSize * 2 && stateCurrent !== 1 + 2) { pagerList[0] = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_Pager__WEBPACK_IMPORTED_MODULE_11__["default"], { "locale": locale, "rootPrefixCls": prefixCls, "onClick": this.handleChange, "onKeypress": this.runIfEnter, "key": left, "page": left, "class": `${prefixCls}-item-after-jump-prev`, "active": false, "showTitle": this.showTitle, "itemRender": itemRender }, null); pagerList.unshift(jumpPrev); } if (allPages - stateCurrent >= pageBufferSize * 2 && stateCurrent !== allPages - 2) { pagerList[pagerList.length - 1] = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_Pager__WEBPACK_IMPORTED_MODULE_11__["default"], { "locale": locale, "rootPrefixCls": prefixCls, "onClick": this.handleChange, "onKeypress": this.runIfEnter, "key": right, "page": right, "class": `${prefixCls}-item-before-jump-next`, "active": false, "showTitle": this.showTitle, "itemRender": itemRender }, null); pagerList.push(jumpNext); } if (left !== 1) { pagerList.unshift(firstPager); } if (right !== allPages) { pagerList.push(lastPager); } } let totalText = null; if (showTotal) { totalText = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("li", { "class": `${prefixCls}-total-text` }, [showTotal(total, [total === 0 ? 0 : (stateCurrent - 1) * statePageSize + 1, stateCurrent * statePageSize > total ? total : stateCurrent * statePageSize])]); } const prevDisabled = !hasPrev || !allPages; const nextDisabled = !hasNext || !allPages; const buildOptionText = this.buildOptionText || this.$slots.buildOptionText; return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("ul", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "unselectable": "on", "ref": "paginationNode" }, restAttrs), {}, { "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_9__["default"])({ [`${prefixCls}`]: true, [`${prefixCls}-disabled`]: disabled }, className) }), [totalText, (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("li", { "title": showTitle ? locale.prev_page : null, "onClick": this.prev, "tabindex": prevDisabled ? null : 0, "onKeypress": this.runIfEnterPrev, "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_9__["default"])(`${prefixCls}-prev`, { [`${prefixCls}-disabled`]: prevDisabled }), "aria-disabled": prevDisabled }, [this.renderPrev(prevPage)]), pagerList, (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("li", { "title": showTitle ? locale.next_page : null, "onClick": this.next, "tabindex": nextDisabled ? null : 0, "onKeypress": this.runIfEnterNext, "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_9__["default"])(`${prefixCls}-next`, { [`${prefixCls}-disabled`]: nextDisabled }), "aria-disabled": nextDisabled }, [this.renderNext(nextPage)]), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_Options__WEBPACK_IMPORTED_MODULE_12__["default"], { "disabled": disabled, "locale": locale, "rootPrefixCls": prefixCls, "selectComponentClass": selectComponentClass, "selectPrefixCls": selectPrefixCls, "changeSize": this.getShowSizeChanger() ? this.changePageSize : null, "current": stateCurrent, "pageSize": statePageSize, "pageSizeOptions": pageSizeOptions, "buildOptionText": buildOptionText || null, "quickGo": this.shouldDisplayQuickJumper() ? this.handleChange : null, "goButton": goButton }, null)]); } })); /***/ }), /***/ "./components/vc-pagination/locale/en_US.ts": /*!**************************************************!*\ !*** ./components/vc-pagination/locale/en_US.ts ***! \**************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({ // Options.jsx items_per_page: '/ page', jump_to: 'Go to', jump_to_confirm: 'confirm', page: '', // Pagination.jsx prev_page: 'Previous Page', next_page: 'Next Page', prev_5: 'Previous 5 Pages', next_5: 'Next 5 Pages', prev_3: 'Previous 3 Pages', next_3: 'Next 3 Pages' }); /***/ }), /***/ "./components/vc-pagination/locale/zh_CN.ts": /*!**************************************************!*\ !*** ./components/vc-pagination/locale/zh_CN.ts ***! \**************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({ // Options.jsx items_per_page: '条/页', jump_to: '跳至', jump_to_confirm: '确定', page: '页', // Pagination.jsx prev_page: '上一页', next_page: '下一页', prev_5: '向前 5 页', next_5: '向后 5 页', prev_3: '向前 3 页', next_3: '向后 3 页' }); /***/ }), /***/ "./components/vc-picker/PanelContext.tsx": /*!***********************************************!*\ !*** ./components/vc-picker/PanelContext.tsx ***! \***********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ useInjectPanel: () => (/* binding */ useInjectPanel), /* harmony export */ useProvidePanel: () => (/* binding */ useProvidePanel) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); const PanelContextKey = Symbol('PanelContextProps'); const useProvidePanel = props => { (0,vue__WEBPACK_IMPORTED_MODULE_0__.provide)(PanelContextKey, props); }; const useInjectPanel = () => { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.inject)(PanelContextKey, {}); }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PanelContextKey); /***/ }), /***/ "./components/vc-picker/Picker.tsx": /*!*****************************************!*\ !*** ./components/vc-picker/Picker.tsx ***! \*****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _PickerPanel__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./PickerPanel */ "./components/vc-picker/PickerPanel.tsx"); /* harmony import */ var _PickerTrigger__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./PickerTrigger */ "./components/vc-picker/PickerTrigger.tsx"); /* harmony import */ var _PresetPanel__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./PresetPanel */ "./components/vc-picker/PresetPanel.tsx"); /* harmony import */ var _utils_dateUtil__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./utils/dateUtil */ "./components/vc-picker/utils/dateUtil.ts"); /* harmony import */ var _utils_miscUtil__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./utils/miscUtil */ "./components/vc-picker/utils/miscUtil.ts"); /* harmony import */ var _PanelContext__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./PanelContext */ "./components/vc-picker/PanelContext.tsx"); /* harmony import */ var _utils_uiUtil__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./utils/uiUtil */ "./components/vc-picker/utils/uiUtil.ts"); /* harmony import */ var _hooks_usePickerInput__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./hooks/usePickerInput */ "./components/vc-picker/hooks/usePickerInput.ts"); /* harmony import */ var _hooks_useTextValueMapping__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./hooks/useTextValueMapping */ "./components/vc-picker/hooks/useTextValueMapping.ts"); /* harmony import */ var _hooks_useValueTexts__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./hooks/useValueTexts */ "./components/vc-picker/hooks/useValueTexts.ts"); /* harmony import */ var _hooks_useHoverValue__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./hooks/useHoverValue */ "./components/vc-picker/hooks/useHoverValue.ts"); /* harmony import */ var _hooks_usePresets__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./hooks/usePresets */ "./components/vc-picker/hooks/usePresets.ts"); /* harmony import */ var _util_hooks_useMergedState__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../_util/hooks/useMergedState */ "./components/_util/hooks/useMergedState.ts"); /* harmony import */ var _vc_util_warning__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../vc-util/warning */ "./components/vc-util/warning.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _utils_warnUtil__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./utils/warnUtil */ "./components/vc-picker/utils/warnUtil.ts"); /** * Removed: * - getCalendarContainer: use `getPopupContainer` instead * - onOk * * New Feature: * - picker * - allowEmpty * - selectable * * Tips: Should add faq about `datetime` mode with `defaultValue` */ function Picker() { return (0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ name: 'Picker', inheritAttrs: false, props: ['prefixCls', 'id', 'tabindex', 'dropdownClassName', 'dropdownAlign', 'popupStyle', 'transitionName', 'generateConfig', 'locale', 'inputReadOnly', 'allowClear', 'autofocus', 'showTime', 'showNow', 'showHour', 'showMinute', 'showSecond', 'picker', 'format', 'use12Hours', 'value', 'defaultValue', 'open', 'defaultOpen', 'defaultOpenValue', 'suffixIcon', 'presets', 'clearIcon', 'disabled', 'disabledDate', 'placeholder', 'getPopupContainer', 'panelRender', 'inputRender', 'onChange', 'onOpenChange', 'onPanelChange', 'onFocus', 'onBlur', 'onMousedown', 'onMouseup', 'onMouseenter', 'onMouseleave', 'onContextmenu', 'onClick', 'onKeydown', 'onSelect', 'direction', 'autocomplete', 'showToday', 'renderExtraFooter', 'dateRender', 'minuteStep', 'hourStep', 'secondStep', 'hideDisabledOptions'], setup(props, _ref) { let { attrs, expose } = _ref; const inputRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(null); const presets = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.presets); const presetList = (0,_hooks_usePresets__WEBPACK_IMPORTED_MODULE_3__["default"])(presets); const picker = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { var _a; return (_a = props.picker) !== null && _a !== void 0 ? _a : 'date'; }); const needConfirmButton = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => picker.value === 'date' && !!props.showTime || picker.value === 'time'); // ============================ Warning ============================ if (true) { (0,_utils_warnUtil__WEBPACK_IMPORTED_MODULE_4__.legacyPropsWarning)(props); } // ============================= State ============================= const formatList = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => (0,_utils_miscUtil__WEBPACK_IMPORTED_MODULE_5__.toArray)((0,_utils_uiUtil__WEBPACK_IMPORTED_MODULE_6__.getDefaultFormat)(props.format, picker.value, props.showTime, props.use12Hours))); // Panel ref const panelDivRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(null); const inputDivRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(null); const containerRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(null); // Real value const [mergedValue, setInnerValue] = (0,_util_hooks_useMergedState__WEBPACK_IMPORTED_MODULE_7__["default"])(null, { value: (0,vue__WEBPACK_IMPORTED_MODULE_2__.toRef)(props, 'value'), defaultValue: props.defaultValue }); const selectedValue = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(mergedValue.value); const setSelectedValue = val => { selectedValue.value = val; }; // Operation ref const operationRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(null); // Open const [mergedOpen, triggerInnerOpen] = (0,_util_hooks_useMergedState__WEBPACK_IMPORTED_MODULE_7__["default"])(false, { value: (0,vue__WEBPACK_IMPORTED_MODULE_2__.toRef)(props, 'open'), defaultValue: props.defaultOpen, postState: postOpen => props.disabled ? false : postOpen, onChange: newOpen => { if (props.onOpenChange) { props.onOpenChange(newOpen); } if (!newOpen && operationRef.value && operationRef.value.onClose) { operationRef.value.onClose(); } } }); // ============================= Text ============================== const [valueTexts, firstValueText] = (0,_hooks_useValueTexts__WEBPACK_IMPORTED_MODULE_8__["default"])(selectedValue, { formatList, generateConfig: (0,vue__WEBPACK_IMPORTED_MODULE_2__.toRef)(props, 'generateConfig'), locale: (0,vue__WEBPACK_IMPORTED_MODULE_2__.toRef)(props, 'locale') }); const [text, triggerTextChange, resetText] = (0,_hooks_useTextValueMapping__WEBPACK_IMPORTED_MODULE_9__["default"])({ valueTexts, onTextChange: newText => { const inputDate = (0,_utils_dateUtil__WEBPACK_IMPORTED_MODULE_10__.parseValue)(newText, { locale: props.locale, formatList: formatList.value, generateConfig: props.generateConfig }); if (inputDate && (!props.disabledDate || !props.disabledDate(inputDate))) { setSelectedValue(inputDate); } } }); // ============================ Trigger ============================ const triggerChange = newValue => { const { onChange, generateConfig, locale } = props; setSelectedValue(newValue); setInnerValue(newValue); if (onChange && !(0,_utils_dateUtil__WEBPACK_IMPORTED_MODULE_10__.isEqual)(generateConfig, mergedValue.value, newValue)) { onChange(newValue, newValue ? (0,_utils_dateUtil__WEBPACK_IMPORTED_MODULE_10__.formatValue)(newValue, { generateConfig, locale, format: formatList.value[0] }) : ''); } }; const triggerOpen = newOpen => { if (props.disabled && newOpen) { return; } triggerInnerOpen(newOpen); }; const forwardKeydown = e => { if (mergedOpen.value && operationRef.value && operationRef.value.onKeydown) { // Let popup panel handle keyboard return operationRef.value.onKeydown(e); } /* istanbul ignore next */ /* eslint-disable no-lone-blocks */ { (0,_vc_util_warning__WEBPACK_IMPORTED_MODULE_11__.warning)(false, 'Picker not correct forward Keydown operation. Please help to fire issue about this.'); return false; } }; const onInternalMouseup = function () { if (props.onMouseup) { props.onMouseup(...arguments); } if (inputRef.value) { inputRef.value.focus(); triggerOpen(true); } }; // ============================= Input ============================= const [inputProps, { focused, typing }] = (0,_hooks_usePickerInput__WEBPACK_IMPORTED_MODULE_12__["default"])({ blurToCancel: needConfirmButton, open: mergedOpen, value: text, triggerOpen, forwardKeydown, isClickOutside: target => !(0,_utils_uiUtil__WEBPACK_IMPORTED_MODULE_6__.elementsContains)([panelDivRef.value, inputDivRef.value, containerRef.value], target), onSubmit: () => { if ( // When user typing disabledDate with keyboard and enter, this value will be empty !selectedValue.value || // Normal disabled check props.disabledDate && props.disabledDate(selectedValue.value)) { return false; } triggerChange(selectedValue.value); triggerOpen(false); resetText(); return true; }, onCancel: () => { triggerOpen(false); setSelectedValue(mergedValue.value); resetText(); }, onKeydown: (e, preventDefault) => { var _a; (_a = props.onKeydown) === null || _a === void 0 ? void 0 : _a.call(props, e, preventDefault); }, onFocus: e => { var _a; (_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props, e); }, onBlur: e => { var _a; (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, e); } }); // ============================= Sync ============================== // Close should sync back with text value (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)([mergedOpen, valueTexts], () => { if (!mergedOpen.value) { setSelectedValue(mergedValue.value); if (!valueTexts.value.length || valueTexts.value[0] === '') { triggerTextChange(''); } else if (firstValueText.value !== text.value) { resetText(); } } }); // Change picker should sync back with text value (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)(picker, () => { if (!mergedOpen.value) { resetText(); } }); // Sync innerValue with control mode (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)(mergedValue, () => { // Sync select value setSelectedValue(mergedValue.value); }); const [hoverValue, onEnter, onLeave] = (0,_hooks_useHoverValue__WEBPACK_IMPORTED_MODULE_13__["default"])(text, { formatList, generateConfig: (0,vue__WEBPACK_IMPORTED_MODULE_2__.toRef)(props, 'generateConfig'), locale: (0,vue__WEBPACK_IMPORTED_MODULE_2__.toRef)(props, 'locale') }); const onContextSelect = (date, type) => { if (type === 'submit' || type !== 'key' && !needConfirmButton.value) { // triggerChange will also update selected values triggerChange(date); triggerOpen(false); } }; (0,_PanelContext__WEBPACK_IMPORTED_MODULE_14__.useProvidePanel)({ operationRef, hideHeader: (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => picker.value === 'time'), onSelect: onContextSelect, open: mergedOpen, defaultOpenValue: (0,vue__WEBPACK_IMPORTED_MODULE_2__.toRef)(props, 'defaultOpenValue'), onDateMouseenter: onEnter, onDateMouseleave: onLeave }); expose({ focus: () => { if (inputRef.value) { inputRef.value.focus(); } }, blur: () => { if (inputRef.value) { inputRef.value.blur(); } } }); return () => { const { prefixCls = 'rc-picker', id, tabindex, dropdownClassName, dropdownAlign, popupStyle, transitionName, generateConfig, locale, inputReadOnly, allowClear, autofocus, picker = 'date', defaultOpenValue, suffixIcon, clearIcon, disabled, placeholder, getPopupContainer, panelRender, onMousedown, onMouseenter, onMouseleave, onContextmenu, onClick, onSelect, direction, autocomplete = 'off' } = props; // ============================= Panel ============================= const panelProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, props), attrs), { class: (0,_util_classNames__WEBPACK_IMPORTED_MODULE_15__["default"])({ [`${prefixCls}-panel-focused`]: !typing.value }), style: undefined, pickerValue: undefined, onPickerValueChange: undefined, onChange: null }); let panelNode = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": `${prefixCls}-panel-layout` }, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_PresetPanel__WEBPACK_IMPORTED_MODULE_16__["default"], { "prefixCls": prefixCls, "presets": presetList.value, "onClick": nextValue => { triggerChange(nextValue); triggerOpen(false); } }, null), (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_PickerPanel__WEBPACK_IMPORTED_MODULE_17__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, panelProps), {}, { "generateConfig": generateConfig, "value": selectedValue.value, "locale": locale, "tabindex": -1, "onSelect": date => { onSelect === null || onSelect === void 0 ? void 0 : onSelect(date); setSelectedValue(date); }, "direction": direction, "onPanelChange": (viewDate, mode) => { const { onPanelChange } = props; onLeave(true); onPanelChange === null || onPanelChange === void 0 ? void 0 : onPanelChange(viewDate, mode); } }), null)]); if (panelRender) { panelNode = panelRender(panelNode); } const panel = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": `${prefixCls}-panel-container`, "ref": panelDivRef, "onMousedown": e => { e.preventDefault(); } }, [panelNode]); let suffixNode; if (suffixIcon) { suffixNode = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", { "class": `${prefixCls}-suffix` }, [suffixIcon]); } let clearNode; if (allowClear && mergedValue.value && !disabled) { clearNode = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", { "onMousedown": e => { e.preventDefault(); e.stopPropagation(); }, "onMouseup": e => { e.preventDefault(); e.stopPropagation(); triggerChange(null); triggerOpen(false); }, "class": `${prefixCls}-clear`, "role": "button" }, [clearIcon || (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", { "class": `${prefixCls}-clear-btn` }, null)]); } const mergedInputProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({ id, tabindex, disabled, readonly: inputReadOnly || typeof formatList.value[0] === 'function' || !typing.value, value: hoverValue.value || text.value, onInput: e => { triggerTextChange(e.target.value); }, autofocus, placeholder, ref: inputRef, title: text.value }, inputProps.value), { size: (0,_utils_uiUtil__WEBPACK_IMPORTED_MODULE_6__.getInputSize)(picker, formatList.value[0], generateConfig) }), (0,_utils_miscUtil__WEBPACK_IMPORTED_MODULE_5__["default"])(props)), { autocomplete }); const inputNode = props.inputRender ? props.inputRender(mergedInputProps) : (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("input", mergedInputProps, null); // ============================ Warning ============================ if (true) { (0,_vc_util_warning__WEBPACK_IMPORTED_MODULE_11__.warning)(!defaultOpenValue, '`defaultOpenValue` may confuse user for the current value status. Please use `defaultValue` instead.'); } // ============================ Return ============================= const popupPlacement = direction === 'rtl' ? 'bottomRight' : 'bottomLeft'; return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "ref": containerRef, "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_15__["default"])(prefixCls, attrs.class, { [`${prefixCls}-disabled`]: disabled, [`${prefixCls}-focused`]: focused.value, [`${prefixCls}-rtl`]: direction === 'rtl' }), "style": attrs.style, "onMousedown": onMousedown, "onMouseup": onInternalMouseup, "onMouseenter": onMouseenter, "onMouseleave": onMouseleave, "onContextmenu": onContextmenu, "onClick": onClick }, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_15__["default"])(`${prefixCls}-input`, { [`${prefixCls}-input-placeholder`]: !!hoverValue.value }), "ref": inputDivRef }, [inputNode, suffixNode, clearNode]), (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_PickerTrigger__WEBPACK_IMPORTED_MODULE_18__["default"], { "visible": mergedOpen.value, "popupStyle": popupStyle, "prefixCls": prefixCls, "dropdownClassName": dropdownClassName, "dropdownAlign": dropdownAlign, "getPopupContainer": getPopupContainer, "transitionName": transitionName, "popupPlacement": popupPlacement, "direction": direction }, { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "style": { pointerEvents: 'none', position: 'absolute', top: 0, bottom: 0, left: 0, right: 0 } }, null)], popupElement: () => panel })]); }; } }); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Picker()); /***/ }), /***/ "./components/vc-picker/PickerPanel.tsx": /*!**********************************************!*\ !*** ./components/vc-picker/PickerPanel.tsx ***! \**********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _panels_TimePanel__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./panels/TimePanel */ "./components/vc-picker/panels/TimePanel/index.tsx"); /* harmony import */ var _panels_DatetimePanel__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./panels/DatetimePanel */ "./components/vc-picker/panels/DatetimePanel/index.tsx"); /* harmony import */ var _panels_DatePanel__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./panels/DatePanel */ "./components/vc-picker/panels/DatePanel/index.tsx"); /* harmony import */ var _panels_WeekPanel__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./panels/WeekPanel */ "./components/vc-picker/panels/WeekPanel/index.tsx"); /* harmony import */ var _panels_MonthPanel__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./panels/MonthPanel */ "./components/vc-picker/panels/MonthPanel/index.tsx"); /* harmony import */ var _panels_QuarterPanel__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./panels/QuarterPanel */ "./components/vc-picker/panels/QuarterPanel/index.tsx"); /* harmony import */ var _panels_YearPanel__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./panels/YearPanel */ "./components/vc-picker/panels/YearPanel/index.tsx"); /* harmony import */ var _panels_DecadePanel__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./panels/DecadePanel */ "./components/vc-picker/panels/DecadePanel/index.tsx"); /* harmony import */ var _utils_dateUtil__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./utils/dateUtil */ "./components/vc-picker/utils/dateUtil.ts"); /* harmony import */ var _PanelContext__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./PanelContext */ "./components/vc-picker/PanelContext.tsx"); /* harmony import */ var _utils_uiUtil__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./utils/uiUtil */ "./components/vc-picker/utils/uiUtil.ts"); /* harmony import */ var _RangeContext__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./RangeContext */ "./components/vc-picker/RangeContext.tsx"); /* harmony import */ var _utils_getExtraFooter__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./utils/getExtraFooter */ "./components/vc-picker/utils/getExtraFooter.tsx"); /* harmony import */ var _utils_getRanges__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./utils/getRanges */ "./components/vc-picker/utils/getRanges.tsx"); /* harmony import */ var _utils_timeUtil__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./utils/timeUtil */ "./components/vc-picker/utils/timeUtil.ts"); /* harmony import */ var _util_hooks_useMergedState__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../_util/hooks/useMergedState */ "./components/_util/hooks/useMergedState.ts"); /* harmony import */ var _vc_util_warning__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../vc-util/warning */ "./components/vc-util/warning.ts"); /* harmony import */ var _util_KeyCode__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../_util/KeyCode */ "./components/_util/KeyCode.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); function PickerPanel() { return (0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ name: 'PickerPanel', inheritAttrs: false, props: { prefixCls: String, locale: Object, generateConfig: Object, value: Object, defaultValue: Object, pickerValue: Object, defaultPickerValue: Object, disabledDate: Function, mode: String, picker: { type: String, default: 'date' }, tabindex: { type: [Number, String], default: 0 }, showNow: { type: Boolean, default: undefined }, showTime: [Boolean, Object], showToday: Boolean, renderExtraFooter: Function, dateRender: Function, hideHeader: { type: Boolean, default: undefined }, onSelect: Function, onChange: Function, onPanelChange: Function, onMousedown: Function, onPickerValueChange: Function, onOk: Function, components: Object, direction: String, hourStep: { type: Number, default: 1 }, minuteStep: { type: Number, default: 1 }, secondStep: { type: Number, default: 1 } }, setup(props, _ref) { let { attrs } = _ref; const needConfirmButton = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.picker === 'date' && !!props.showTime || props.picker === 'time'); const isHourStepValid = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => 24 % props.hourStep === 0); const isMinuteStepValid = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => 60 % props.minuteStep === 0); const isSecondStepValid = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => 60 % props.secondStep === 0); if (true) { (0,vue__WEBPACK_IMPORTED_MODULE_2__.watchEffect)(() => { const { generateConfig, value, hourStep = 1, minuteStep = 1, secondStep = 1 } = props; (0,_vc_util_warning__WEBPACK_IMPORTED_MODULE_3__.warning)(!value || generateConfig.isValidate(value), 'Invalidate date pass to `value`.'); (0,_vc_util_warning__WEBPACK_IMPORTED_MODULE_3__.warning)(!value || generateConfig.isValidate(value), 'Invalidate date pass to `defaultValue`.'); (0,_vc_util_warning__WEBPACK_IMPORTED_MODULE_3__.warning)(isHourStepValid.value, `\`hourStep\` ${hourStep} is invalid. It should be a factor of 24.`); (0,_vc_util_warning__WEBPACK_IMPORTED_MODULE_3__.warning)(isMinuteStepValid.value, `\`minuteStep\` ${minuteStep} is invalid. It should be a factor of 60.`); (0,_vc_util_warning__WEBPACK_IMPORTED_MODULE_3__.warning)(isSecondStepValid.value, `\`secondStep\` ${secondStep} is invalid. It should be a factor of 60.`); }); } const panelContext = (0,_PanelContext__WEBPACK_IMPORTED_MODULE_4__.useInjectPanel)(); const { operationRef, onSelect: onContextSelect, hideRanges, defaultOpenValue } = panelContext; const { inRange, panelPosition, rangedValue, hoverRangedValue } = (0,_RangeContext__WEBPACK_IMPORTED_MODULE_5__.useInjectRange)(); const panelRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)({}); // Value const [mergedValue, setInnerValue] = (0,_util_hooks_useMergedState__WEBPACK_IMPORTED_MODULE_6__["default"])(null, { value: (0,vue__WEBPACK_IMPORTED_MODULE_2__.toRef)(props, 'value'), defaultValue: props.defaultValue, postState: val => { if (!val && (defaultOpenValue === null || defaultOpenValue === void 0 ? void 0 : defaultOpenValue.value) && props.picker === 'time') { return defaultOpenValue.value; } return val; } }); // View date control const [viewDate, setInnerViewDate] = (0,_util_hooks_useMergedState__WEBPACK_IMPORTED_MODULE_6__["default"])(null, { value: (0,vue__WEBPACK_IMPORTED_MODULE_2__.toRef)(props, 'pickerValue'), defaultValue: props.defaultPickerValue || mergedValue.value, postState: date => { const { generateConfig, showTime, defaultValue } = props; const now = generateConfig.getNow(); if (!date) return now; // When value is null and set showTime if (!mergedValue.value && props.showTime) { if (typeof showTime === 'object') { return (0,_utils_timeUtil__WEBPACK_IMPORTED_MODULE_7__.setDateTime)(generateConfig, Array.isArray(date) ? date[0] : date, showTime.defaultValue || now); } if (defaultValue) { return (0,_utils_timeUtil__WEBPACK_IMPORTED_MODULE_7__.setDateTime)(generateConfig, Array.isArray(date) ? date[0] : date, defaultValue); } return (0,_utils_timeUtil__WEBPACK_IMPORTED_MODULE_7__.setDateTime)(generateConfig, Array.isArray(date) ? date[0] : date, now); } return date; } }); const setViewDate = date => { setInnerViewDate(date); if (props.onPickerValueChange) { props.onPickerValueChange(date); } }; // Panel control const getInternalNextMode = nextMode => { const getNextMode = _utils_uiUtil__WEBPACK_IMPORTED_MODULE_8__.PickerModeMap[props.picker]; if (getNextMode) { return getNextMode(nextMode); } return nextMode; }; // Save panel is changed from which panel const [mergedMode, setInnerMode] = (0,_util_hooks_useMergedState__WEBPACK_IMPORTED_MODULE_6__["default"])(() => { if (props.picker === 'time') { return 'time'; } return getInternalNextMode('date'); }, { value: (0,vue__WEBPACK_IMPORTED_MODULE_2__.toRef)(props, 'mode') }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)(() => props.picker, () => { setInnerMode(props.picker); }); const sourceMode = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(mergedMode.value); const setSourceMode = val => { sourceMode.value = val; }; const onInternalPanelChange = (newMode, viewValue) => { const { onPanelChange, generateConfig } = props; const nextMode = getInternalNextMode(newMode || mergedMode.value); setSourceMode(mergedMode.value); setInnerMode(nextMode); if (onPanelChange && (mergedMode.value !== nextMode || (0,_utils_dateUtil__WEBPACK_IMPORTED_MODULE_9__.isEqual)(generateConfig, viewDate.value, viewDate.value))) { onPanelChange(viewValue, nextMode); } }; const triggerSelect = function (date, type) { let forceTriggerSelect = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false; const { picker, generateConfig, onSelect, onChange, disabledDate } = props; if (mergedMode.value === picker || forceTriggerSelect) { setInnerValue(date); if (onSelect) { onSelect(date); } if (onContextSelect) { onContextSelect(date, type); } if (onChange && !(0,_utils_dateUtil__WEBPACK_IMPORTED_MODULE_9__.isEqual)(generateConfig, date, mergedValue.value) && !(disabledDate === null || disabledDate === void 0 ? void 0 : disabledDate(date))) { onChange(date); } } }; // ========================= Interactive ========================== const onInternalKeydown = e => { if (panelRef.value && panelRef.value.onKeydown) { if ([_util_KeyCode__WEBPACK_IMPORTED_MODULE_10__["default"].LEFT, _util_KeyCode__WEBPACK_IMPORTED_MODULE_10__["default"].RIGHT, _util_KeyCode__WEBPACK_IMPORTED_MODULE_10__["default"].UP, _util_KeyCode__WEBPACK_IMPORTED_MODULE_10__["default"].DOWN, _util_KeyCode__WEBPACK_IMPORTED_MODULE_10__["default"].PAGE_UP, _util_KeyCode__WEBPACK_IMPORTED_MODULE_10__["default"].PAGE_DOWN, _util_KeyCode__WEBPACK_IMPORTED_MODULE_10__["default"].ENTER].includes(e.which)) { e.preventDefault(); } return panelRef.value.onKeydown(e); } /* istanbul ignore next */ /* eslint-disable no-lone-blocks */ { (0,_vc_util_warning__WEBPACK_IMPORTED_MODULE_3__.warning)(false, 'Panel not correct handle keyDown event. Please help to fire issue about this.'); return false; } /* eslint-enable no-lone-blocks */ }; const onInternalBlur = e => { if (panelRef.value && panelRef.value.onBlur) { panelRef.value.onBlur(e); } }; const onNow = () => { const { generateConfig, hourStep, minuteStep, secondStep } = props; const now = generateConfig.getNow(); const lowerBoundTime = (0,_utils_timeUtil__WEBPACK_IMPORTED_MODULE_7__.getLowerBoundTime)(generateConfig.getHour(now), generateConfig.getMinute(now), generateConfig.getSecond(now), isHourStepValid.value ? hourStep : 1, isMinuteStepValid.value ? minuteStep : 1, isSecondStepValid.value ? secondStep : 1); const adjustedNow = (0,_utils_timeUtil__WEBPACK_IMPORTED_MODULE_7__.setTime)(generateConfig, now, lowerBoundTime[0], // hour lowerBoundTime[1], // minute lowerBoundTime[2]); triggerSelect(adjustedNow, 'submit'); }; const classString = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { const { prefixCls, direction } = props; return (0,_util_classNames__WEBPACK_IMPORTED_MODULE_11__["default"])(`${prefixCls}-panel`, { [`${prefixCls}-panel-has-range`]: rangedValue && rangedValue.value && rangedValue.value[0] && rangedValue.value[1], [`${prefixCls}-panel-has-range-hover`]: hoverRangedValue && hoverRangedValue.value && hoverRangedValue.value[0] && hoverRangedValue.value[1], [`${prefixCls}-panel-rtl`]: direction === 'rtl' }); }); (0,_PanelContext__WEBPACK_IMPORTED_MODULE_4__.useProvidePanel)((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, panelContext), { mode: mergedMode, hideHeader: (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { var _a; return props.hideHeader !== undefined ? props.hideHeader : (_a = panelContext.hideHeader) === null || _a === void 0 ? void 0 : _a.value; }), hidePrevBtn: (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => inRange.value && panelPosition.value === 'right'), hideNextBtn: (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => inRange.value && panelPosition.value === 'left') })); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)(() => props.value, () => { if (props.value) { setInnerViewDate(props.value); } }); return () => { const { prefixCls = 'ant-picker', locale, generateConfig, disabledDate, picker = 'date', tabindex = 0, showNow, showTime, showToday, renderExtraFooter, onMousedown, onOk, components } = props; if (operationRef && panelPosition.value !== 'right') { operationRef.value = { onKeydown: onInternalKeydown, onClose: () => { if (panelRef.value && panelRef.value.onClose) { panelRef.value.onClose(); } } }; } // ============================ Panels ============================ let panelNode; const pickerProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, attrs), props), { operationRef: panelRef, prefixCls, viewDate: viewDate.value, value: mergedValue.value, onViewDateChange: setViewDate, sourceMode: sourceMode.value, onPanelChange: onInternalPanelChange, disabledDate }); delete pickerProps.onChange; delete pickerProps.onSelect; switch (mergedMode.value) { case 'decade': panelNode = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_panels_DecadePanel__WEBPACK_IMPORTED_MODULE_12__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, pickerProps), {}, { "onSelect": (date, type) => { setViewDate(date); triggerSelect(date, type); } }), null); break; case 'year': panelNode = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_panels_YearPanel__WEBPACK_IMPORTED_MODULE_13__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, pickerProps), {}, { "onSelect": (date, type) => { setViewDate(date); triggerSelect(date, type); } }), null); break; case 'month': panelNode = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_panels_MonthPanel__WEBPACK_IMPORTED_MODULE_14__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, pickerProps), {}, { "onSelect": (date, type) => { setViewDate(date); triggerSelect(date, type); } }), null); break; case 'quarter': panelNode = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_panels_QuarterPanel__WEBPACK_IMPORTED_MODULE_15__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, pickerProps), {}, { "onSelect": (date, type) => { setViewDate(date); triggerSelect(date, type); } }), null); break; case 'week': panelNode = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_panels_WeekPanel__WEBPACK_IMPORTED_MODULE_16__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, pickerProps), {}, { "onSelect": (date, type) => { setViewDate(date); triggerSelect(date, type); } }), null); break; case 'time': delete pickerProps.showTime; panelNode = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_panels_TimePanel__WEBPACK_IMPORTED_MODULE_17__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, pickerProps), typeof showTime === 'object' ? showTime : null), {}, { "onSelect": (date, type) => { setViewDate(date); triggerSelect(date, type); } }), null); break; default: if (showTime) { panelNode = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_panels_DatetimePanel__WEBPACK_IMPORTED_MODULE_18__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, pickerProps), {}, { "onSelect": (date, type) => { setViewDate(date); triggerSelect(date, type); } }), null); } else { panelNode = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_panels_DatePanel__WEBPACK_IMPORTED_MODULE_19__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, pickerProps), {}, { "onSelect": (date, type) => { setViewDate(date); triggerSelect(date, type); } }), null); } } // ============================ Footer ============================ let extraFooter; let rangesNode; if (!(hideRanges === null || hideRanges === void 0 ? void 0 : hideRanges.value)) { extraFooter = (0,_utils_getExtraFooter__WEBPACK_IMPORTED_MODULE_20__["default"])(prefixCls, mergedMode.value, renderExtraFooter); rangesNode = (0,_utils_getRanges__WEBPACK_IMPORTED_MODULE_21__["default"])({ prefixCls, components, needConfirmButton: needConfirmButton.value, okDisabled: !mergedValue.value || disabledDate && disabledDate(mergedValue.value), locale, showNow, onNow: needConfirmButton.value && onNow, onOk: () => { if (mergedValue.value) { triggerSelect(mergedValue.value, 'submit', true); if (onOk) { onOk(mergedValue.value); } } } }); } let todayNode; if (showToday && mergedMode.value === 'date' && picker === 'date' && !showTime) { const now = generateConfig.getNow(); const todayCls = `${prefixCls}-today-btn`; const disabled = disabledDate && disabledDate(now); todayNode = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("a", { "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_11__["default"])(todayCls, disabled && `${todayCls}-disabled`), "aria-disabled": disabled, "onClick": () => { if (!disabled) { triggerSelect(now, 'mouse', true); } } }, [locale.today]); } return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "tabindex": tabindex, "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_11__["default"])(classString.value, attrs.class), "style": attrs.style, "onKeydown": onInternalKeydown, "onBlur": onInternalBlur, "onMousedown": onMousedown }, [panelNode, extraFooter || rangesNode || todayNode ? (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": `${prefixCls}-footer` }, [extraFooter, rangesNode, todayNode]) : null]); }; } }); } const InterPickerPanel = PickerPanel(); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (props => (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(InterPickerPanel, props)); /***/ }), /***/ "./components/vc-picker/PickerTrigger.tsx": /*!************************************************!*\ !*** ./components/vc-picker/PickerTrigger.tsx ***! \************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _vc_trigger__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../vc-trigger */ "./components/vc-trigger/index.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _hooks_useMergeProps__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./hooks/useMergeProps */ "./components/vc-picker/hooks/useMergeProps.ts"); const BUILT_IN_PLACEMENTS = { bottomLeft: { points: ['tl', 'bl'], offset: [0, 4], overflow: { adjustX: 1, adjustY: 1 } }, bottomRight: { points: ['tr', 'br'], offset: [0, 4], overflow: { adjustX: 1, adjustY: 1 } }, topLeft: { points: ['bl', 'tl'], offset: [0, -4], overflow: { adjustX: 0, adjustY: 1 } }, topRight: { points: ['br', 'tr'], offset: [0, -4], overflow: { adjustX: 0, adjustY: 1 } } }; function PickerTrigger(props, _ref) { let { slots } = _ref; const { prefixCls, popupStyle, visible, dropdownClassName, dropdownAlign, transitionName, getPopupContainer, range, popupPlacement, direction } = (0,_hooks_useMergeProps__WEBPACK_IMPORTED_MODULE_1__["default"])(props); const dropdownPrefixCls = `${prefixCls}-dropdown`; const getPopupPlacement = () => { if (popupPlacement !== undefined) { return popupPlacement; } return direction === 'rtl' ? 'bottomRight' : 'bottomLeft'; }; return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_vc_trigger__WEBPACK_IMPORTED_MODULE_2__["default"], { "showAction": [], "hideAction": [], "popupPlacement": getPopupPlacement(), "builtinPlacements": BUILT_IN_PLACEMENTS, "prefixCls": dropdownPrefixCls, "popupTransitionName": transitionName, "popupAlign": dropdownAlign, "popupVisible": visible, "popupClassName": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_3__["default"])(dropdownClassName, { [`${dropdownPrefixCls}-range`]: range, [`${dropdownPrefixCls}-rtl`]: direction === 'rtl' }), "popupStyle": popupStyle, "getPopupContainer": getPopupContainer }, { default: slots.default, popup: slots.popupElement }); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PickerTrigger); /***/ }), /***/ "./components/vc-picker/PresetPanel.tsx": /*!**********************************************!*\ !*** ./components/vc-picker/PresetPanel.tsx ***! \**********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)({ name: 'PresetPanel', props: { prefixCls: String, presets: { type: Array, default: () => [] }, onClick: Function, onHover: Function }, setup(props) { return () => { if (!props.presets.length) { return null; } return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", { "class": `${props.prefixCls}-presets` }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("ul", null, [props.presets.map((_ref, index) => { let { label, value } = _ref; return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("li", { "key": index, "onClick": e => { e.stopPropagation(); props.onClick(value); }, "onMouseenter": () => { var _a; (_a = props.onHover) === null || _a === void 0 ? void 0 : _a.call(props, value); }, "onMouseleave": () => { var _a; (_a = props.onHover) === null || _a === void 0 ? void 0 : _a.call(props, null); } }, [label]); })])]); }; } })); /***/ }), /***/ "./components/vc-picker/RangeContext.tsx": /*!***********************************************!*\ !*** ./components/vc-picker/RangeContext.tsx ***! \***********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ RangeContextProvider: () => (/* binding */ RangeContextProvider), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ useInjectRange: () => (/* binding */ useInjectRange), /* harmony export */ useProvideRange: () => (/* binding */ useProvideRange) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); const RangeContextKey = Symbol('RangeContextProps'); const useProvideRange = props => { (0,vue__WEBPACK_IMPORTED_MODULE_0__.provide)(RangeContextKey, props); }; const useInjectRange = () => { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.inject)(RangeContextKey, { rangedValue: (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)(), hoverRangedValue: (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)(), inRange: (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)(), panelPosition: (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)() }); }; const RangeContextProvider = (0,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'PanelContextProvider', inheritAttrs: false, props: { value: { type: Object, default: () => ({}) } }, setup(props, _ref) { let { slots } = _ref; const value = { rangedValue: (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)(props.value.rangedValue), hoverRangedValue: (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)(props.value.hoverRangedValue), inRange: (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)(props.value.inRange), panelPosition: (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)(props.value.panelPosition) }; useProvideRange(value); vue__WEBPACK_IMPORTED_MODULE_0__.toRef; (0,vue__WEBPACK_IMPORTED_MODULE_0__.watch)(() => props.value, () => { Object.keys(props.value).forEach(key => { if (value[key]) { value[key].value = props.value[key]; } }); }); return () => { var _a; return (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots); }; } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (RangeContextKey); /***/ }), /***/ "./components/vc-picker/RangePicker.tsx": /*!**********************************************!*\ !*** ./components/vc-picker/RangePicker.tsx ***! \**********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _PickerTrigger__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./PickerTrigger */ "./components/vc-picker/PickerTrigger.tsx"); /* harmony import */ var _PickerPanel__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./PickerPanel */ "./components/vc-picker/PickerPanel.tsx"); /* harmony import */ var _hooks_usePickerInput__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./hooks/usePickerInput */ "./components/vc-picker/hooks/usePickerInput.ts"); /* harmony import */ var _PresetPanel__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./PresetPanel */ "./components/vc-picker/PresetPanel.tsx"); /* harmony import */ var _utils_miscUtil__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./utils/miscUtil */ "./components/vc-picker/utils/miscUtil.ts"); /* harmony import */ var _utils_uiUtil__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./utils/uiUtil */ "./components/vc-picker/utils/uiUtil.ts"); /* harmony import */ var _PanelContext__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./PanelContext */ "./components/vc-picker/PanelContext.tsx"); /* harmony import */ var _utils_dateUtil__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./utils/dateUtil */ "./components/vc-picker/utils/dateUtil.ts"); /* harmony import */ var _hooks_useValueTexts__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./hooks/useValueTexts */ "./components/vc-picker/hooks/useValueTexts.ts"); /* harmony import */ var _hooks_useTextValueMapping__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./hooks/useTextValueMapping */ "./components/vc-picker/hooks/useTextValueMapping.ts"); /* harmony import */ var _hooks_usePresets__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./hooks/usePresets */ "./components/vc-picker/hooks/usePresets.ts"); /* harmony import */ var _RangeContext__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./RangeContext */ "./components/vc-picker/RangeContext.tsx"); /* harmony import */ var _hooks_useRangeDisabled__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./hooks/useRangeDisabled */ "./components/vc-picker/hooks/useRangeDisabled.ts"); /* harmony import */ var _utils_getExtraFooter__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./utils/getExtraFooter */ "./components/vc-picker/utils/getExtraFooter.tsx"); /* harmony import */ var _utils_getRanges__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./utils/getRanges */ "./components/vc-picker/utils/getRanges.tsx"); /* harmony import */ var _hooks_useRangeViewDates__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./hooks/useRangeViewDates */ "./components/vc-picker/hooks/useRangeViewDates.ts"); /* harmony import */ var _hooks_useHoverValue__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./hooks/useHoverValue */ "./components/vc-picker/hooks/useHoverValue.ts"); /* harmony import */ var _util_hooks_useMergedState__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../_util/hooks/useMergedState */ "./components/_util/hooks/useMergedState.ts"); /* harmony import */ var _vc_util_warning__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../vc-util/warning */ "./components/vc-util/warning.ts"); /* harmony import */ var _util_hooks_useState__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../_util/hooks/useState */ "./components/_util/hooks/useState.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _utils_warnUtil__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./utils/warnUtil */ "./components/vc-picker/utils/warnUtil.ts"); /* harmony import */ var _util_hooks_vueuse_useElementSize__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../_util/hooks/_vueuse/useElementSize */ "./components/_util/hooks/_vueuse/useElementSize.ts"); function reorderValues(values, generateConfig) { if (values && values[0] && values[1] && generateConfig.isAfter(values[0], values[1])) { return [values[1], values[0]]; } return values; } function canValueTrigger(value, index, disabled, allowEmpty) { if (value) { return true; } if (allowEmpty && allowEmpty[index]) { return true; } if (disabled[(index + 1) % 2]) { return true; } return false; } function RangerPicker() { return (0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ name: 'RangerPicker', inheritAttrs: false, props: ['prefixCls', 'id', 'popupStyle', 'dropdownClassName', 'transitionName', 'dropdownAlign', 'getPopupContainer', 'generateConfig', 'locale', 'placeholder', 'autofocus', 'disabled', 'format', 'picker', 'showTime', 'showNow', 'showHour', 'showMinute', 'showSecond', 'use12Hours', 'separator', 'value', 'defaultValue', 'defaultPickerValue', 'open', 'defaultOpen', 'disabledDate', 'disabledTime', 'dateRender', 'panelRender', 'ranges', 'allowEmpty', 'allowClear', 'suffixIcon', 'clearIcon', 'pickerRef', 'inputReadOnly', 'mode', 'renderExtraFooter', 'onChange', 'onOpenChange', 'onPanelChange', 'onCalendarChange', 'onFocus', 'onBlur', 'onMousedown', 'onMouseup', 'onMouseenter', 'onMouseleave', 'onClick', 'onOk', 'onKeydown', 'components', 'order', 'direction', 'activePickerIndex', 'autocomplete', 'minuteStep', 'hourStep', 'secondStep', 'hideDisabledOptions', 'disabledMinutes', 'presets', 'prevIcon', 'nextIcon', 'superPrevIcon', 'superNextIcon'], setup(props, _ref) { let { attrs, expose } = _ref; const needConfirmButton = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.picker === 'date' && !!props.showTime || props.picker === 'time'); const presets = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.presets); const ranges = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.ranges); const presetList = (0,_hooks_usePresets__WEBPACK_IMPORTED_MODULE_3__["default"])(presets, ranges); // We record oqqpened status here in case repeat open with picker const openRecordsRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)({}); const containerRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(null); const panelDivRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(null); const startInputDivRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(null); const endInputDivRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(null); const separatorRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(null); const startInputRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(null); const endInputRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(null); const arrowRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(null); // ============================ Warning ============================ if (true) { (0,_utils_warnUtil__WEBPACK_IMPORTED_MODULE_4__.legacyPropsWarning)(props); } // ============================= Misc ============================== const formatList = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => (0,_utils_miscUtil__WEBPACK_IMPORTED_MODULE_5__.toArray)((0,_utils_uiUtil__WEBPACK_IMPORTED_MODULE_6__.getDefaultFormat)(props.format, props.picker, props.showTime, props.use12Hours))); // Active picker const [mergedActivePickerIndex, setMergedActivePickerIndex] = (0,_util_hooks_useMergedState__WEBPACK_IMPORTED_MODULE_7__["default"])(0, { value: (0,vue__WEBPACK_IMPORTED_MODULE_2__.toRef)(props, 'activePickerIndex') }); // Operation ref const operationRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(null); const mergedDisabled = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { const { disabled } = props; if (Array.isArray(disabled)) { return disabled; } return [disabled || false, disabled || false]; }); // ============================= Value ============================= const [mergedValue, setInnerValue] = (0,_util_hooks_useMergedState__WEBPACK_IMPORTED_MODULE_7__["default"])(null, { value: (0,vue__WEBPACK_IMPORTED_MODULE_2__.toRef)(props, 'value'), defaultValue: props.defaultValue, postState: values => props.picker === 'time' && !props.order ? values : reorderValues(values, props.generateConfig) }); // =========================== View Date =========================== // Config view panel const [startViewDate, endViewDate, setViewDate] = (0,_hooks_useRangeViewDates__WEBPACK_IMPORTED_MODULE_8__["default"])({ values: mergedValue, picker: (0,vue__WEBPACK_IMPORTED_MODULE_2__.toRef)(props, 'picker'), defaultDates: props.defaultPickerValue, generateConfig: (0,vue__WEBPACK_IMPORTED_MODULE_2__.toRef)(props, 'generateConfig') }); // ========================= Select Values ========================= const [selectedValue, setSelectedValue] = (0,_util_hooks_useMergedState__WEBPACK_IMPORTED_MODULE_7__["default"])(mergedValue.value, { postState: values => { let postValues = values; if (mergedDisabled.value[0] && mergedDisabled.value[1]) { return postValues; } // Fill disabled unit for (let i = 0; i < 2; i += 1) { if (mergedDisabled.value[i] && !(0,_utils_miscUtil__WEBPACK_IMPORTED_MODULE_5__.getValue)(postValues, i) && !(0,_utils_miscUtil__WEBPACK_IMPORTED_MODULE_5__.getValue)(props.allowEmpty, i)) { postValues = (0,_utils_miscUtil__WEBPACK_IMPORTED_MODULE_5__.updateValues)(postValues, props.generateConfig.getNow(), i); } } return postValues; } }); // ============================= Modes ============================= const [mergedModes, setInnerModes] = (0,_util_hooks_useMergedState__WEBPACK_IMPORTED_MODULE_7__["default"])([props.picker, props.picker], { value: (0,vue__WEBPACK_IMPORTED_MODULE_2__.toRef)(props, 'mode') }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)(() => props.picker, () => { setInnerModes([props.picker, props.picker]); }); const triggerModesChange = (modes, values) => { var _a; setInnerModes(modes); (_a = props.onPanelChange) === null || _a === void 0 ? void 0 : _a.call(props, values, modes); }; // ========================= Disable Date ========================== const [disabledStartDate, disabledEndDate] = (0,_hooks_useRangeDisabled__WEBPACK_IMPORTED_MODULE_9__["default"])({ picker: (0,vue__WEBPACK_IMPORTED_MODULE_2__.toRef)(props, 'picker'), selectedValue, locale: (0,vue__WEBPACK_IMPORTED_MODULE_2__.toRef)(props, 'locale'), disabled: mergedDisabled, disabledDate: (0,vue__WEBPACK_IMPORTED_MODULE_2__.toRef)(props, 'disabledDate'), generateConfig: (0,vue__WEBPACK_IMPORTED_MODULE_2__.toRef)(props, 'generateConfig') }, openRecordsRef); // ============================= Open ============================== const [mergedOpen, triggerInnerOpen] = (0,_util_hooks_useMergedState__WEBPACK_IMPORTED_MODULE_7__["default"])(false, { value: (0,vue__WEBPACK_IMPORTED_MODULE_2__.toRef)(props, 'open'), defaultValue: props.defaultOpen, postState: postOpen => mergedDisabled.value[mergedActivePickerIndex.value] ? false : postOpen, onChange: newOpen => { var _a; (_a = props.onOpenChange) === null || _a === void 0 ? void 0 : _a.call(props, newOpen); if (!newOpen && operationRef.value && operationRef.value.onClose) { operationRef.value.onClose(); } } }); const startOpen = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => mergedOpen.value && mergedActivePickerIndex.value === 0); const endOpen = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => mergedOpen.value && mergedActivePickerIndex.value === 1); const panelLeft = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(0); const arrowLeft = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(0); // ============================= Popup ============================= // Popup min width const popupMinWidth = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(0); const { width: containerWidth } = (0,_util_hooks_vueuse_useElementSize__WEBPACK_IMPORTED_MODULE_10__.useElementSize)(containerRef); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)([mergedOpen, containerWidth], () => { if (!mergedOpen.value && containerRef.value) { popupMinWidth.value = containerWidth.value; } }); const { width: panelDivWidth } = (0,_util_hooks_vueuse_useElementSize__WEBPACK_IMPORTED_MODULE_10__.useElementSize)(panelDivRef); const { width: arrowWidth } = (0,_util_hooks_vueuse_useElementSize__WEBPACK_IMPORTED_MODULE_10__.useElementSize)(arrowRef); const { width: startInputDivWidth } = (0,_util_hooks_vueuse_useElementSize__WEBPACK_IMPORTED_MODULE_10__.useElementSize)(startInputDivRef); const { width: separatorWidth } = (0,_util_hooks_vueuse_useElementSize__WEBPACK_IMPORTED_MODULE_10__.useElementSize)(separatorRef); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)([mergedActivePickerIndex, mergedOpen, panelDivWidth, arrowWidth, startInputDivWidth, separatorWidth, () => props.direction], () => { arrowLeft.value = 0; if (mergedActivePickerIndex.value) { if (startInputDivRef.value && separatorRef.value) { arrowLeft.value = startInputDivWidth.value + separatorWidth.value; if (panelDivWidth.value && arrowWidth.value && arrowLeft.value > panelDivWidth.value - arrowWidth.value - (props.direction === 'rtl' || arrowRef.value.offsetLeft > arrowLeft.value ? 0 : arrowRef.value.offsetLeft)) { panelLeft.value = arrowLeft.value; } } } else if (mergedActivePickerIndex.value === 0) { panelLeft.value = 0; } }, { immediate: true }); // ============================ Trigger ============================ const triggerRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(); function triggerOpen(newOpen, index) { if (newOpen) { clearTimeout(triggerRef.value); openRecordsRef.value[index] = true; setMergedActivePickerIndex(index); triggerInnerOpen(newOpen); // Open to reset view date if (!mergedOpen.value) { setViewDate(null, index); } } else if (mergedActivePickerIndex.value === index) { triggerInnerOpen(newOpen); // Clean up async // This makes ref not quick refresh in case user open another input with blur trigger const openRecords = openRecordsRef.value; triggerRef.value = setTimeout(() => { if (openRecords === openRecordsRef.value) { openRecordsRef.value = {}; } }); } } function triggerOpenAndFocus(index) { triggerOpen(true, index); // Use setTimeout to make sure panel DOM exists setTimeout(() => { const inputRef = [startInputRef, endInputRef][index]; if (inputRef.value) { inputRef.value.focus(); } }, 0); } function triggerChange(newValue, sourceIndex) { let values = newValue; let startValue = (0,_utils_miscUtil__WEBPACK_IMPORTED_MODULE_5__.getValue)(values, 0); let endValue = (0,_utils_miscUtil__WEBPACK_IMPORTED_MODULE_5__.getValue)(values, 1); const { generateConfig, locale, picker, order, onCalendarChange, allowEmpty, onChange, showTime } = props; // >>>>> Format start & end values if (startValue && endValue && generateConfig.isAfter(startValue, endValue)) { if ( // WeekPicker only compare week picker === 'week' && !(0,_utils_dateUtil__WEBPACK_IMPORTED_MODULE_11__.isSameWeek)(generateConfig, locale.locale, startValue, endValue) || // QuotaPicker only compare week picker === 'quarter' && !(0,_utils_dateUtil__WEBPACK_IMPORTED_MODULE_11__.isSameQuarter)(generateConfig, startValue, endValue) || // Other non-TimePicker compare date picker !== 'week' && picker !== 'quarter' && picker !== 'time' && !(showTime ? (0,_utils_dateUtil__WEBPACK_IMPORTED_MODULE_11__.isEqual)(generateConfig, startValue, endValue) : (0,_utils_dateUtil__WEBPACK_IMPORTED_MODULE_11__.isSameDate)(generateConfig, startValue, endValue))) { // Clean up end date when start date is after end date if (sourceIndex === 0) { values = [startValue, null]; endValue = null; } else { startValue = null; values = [null, endValue]; } // Clean up cache since invalidate openRecordsRef.value = { [sourceIndex]: true }; } else if (picker !== 'time' || order !== false) { // Reorder when in same date values = reorderValues(values, generateConfig); } } setSelectedValue(values); const startStr = values && values[0] ? (0,_utils_dateUtil__WEBPACK_IMPORTED_MODULE_11__.formatValue)(values[0], { generateConfig, locale, format: formatList.value[0] }) : ''; const endStr = values && values[1] ? (0,_utils_dateUtil__WEBPACK_IMPORTED_MODULE_11__.formatValue)(values[1], { generateConfig, locale, format: formatList.value[0] }) : ''; if (onCalendarChange) { const info = { range: sourceIndex === 0 ? 'start' : 'end' }; onCalendarChange(values, [startStr, endStr], info); } // >>>>> Trigger `onChange` event const canStartValueTrigger = canValueTrigger(startValue, 0, mergedDisabled.value, allowEmpty); const canEndValueTrigger = canValueTrigger(endValue, 1, mergedDisabled.value, allowEmpty); const canTrigger = values === null || canStartValueTrigger && canEndValueTrigger; if (canTrigger) { // Trigger onChange only when value is validate setInnerValue(values); if (onChange && (!(0,_utils_dateUtil__WEBPACK_IMPORTED_MODULE_11__.isEqual)(generateConfig, (0,_utils_miscUtil__WEBPACK_IMPORTED_MODULE_5__.getValue)(mergedValue.value, 0), startValue) || !(0,_utils_dateUtil__WEBPACK_IMPORTED_MODULE_11__.isEqual)(generateConfig, (0,_utils_miscUtil__WEBPACK_IMPORTED_MODULE_5__.getValue)(mergedValue.value, 1), endValue))) { onChange(values, [startStr, endStr]); } } // >>>>> Open picker when // Always open another picker if possible let nextOpenIndex = null; if (sourceIndex === 0 && !mergedDisabled.value[1]) { nextOpenIndex = 1; } else if (sourceIndex === 1 && !mergedDisabled.value[0]) { nextOpenIndex = 0; } if (nextOpenIndex !== null && nextOpenIndex !== mergedActivePickerIndex.value && (!openRecordsRef.value[nextOpenIndex] || !(0,_utils_miscUtil__WEBPACK_IMPORTED_MODULE_5__.getValue)(values, nextOpenIndex)) && (0,_utils_miscUtil__WEBPACK_IMPORTED_MODULE_5__.getValue)(values, sourceIndex)) { // Delay to focus to avoid input blur trigger expired selectedValues triggerOpenAndFocus(nextOpenIndex); } else { triggerOpen(false, sourceIndex); } } const forwardKeydown = e => { if (mergedOpen && operationRef.value && operationRef.value.onKeydown) { // Let popup panel handle keyboard return operationRef.value.onKeydown(e); } /* istanbul ignore next */ /* eslint-disable no-lone-blocks */ { (0,_vc_util_warning__WEBPACK_IMPORTED_MODULE_12__.warning)(false, 'Picker not correct forward Keydown operation. Please help to fire issue about this.'); return false; } }; // ============================= Text ============================== const sharedTextHooksProps = { formatList, generateConfig: (0,vue__WEBPACK_IMPORTED_MODULE_2__.toRef)(props, 'generateConfig'), locale: (0,vue__WEBPACK_IMPORTED_MODULE_2__.toRef)(props, 'locale') }; const [startValueTexts, firstStartValueText] = (0,_hooks_useValueTexts__WEBPACK_IMPORTED_MODULE_13__["default"])((0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => (0,_utils_miscUtil__WEBPACK_IMPORTED_MODULE_5__.getValue)(selectedValue.value, 0)), sharedTextHooksProps); const [endValueTexts, firstEndValueText] = (0,_hooks_useValueTexts__WEBPACK_IMPORTED_MODULE_13__["default"])((0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => (0,_utils_miscUtil__WEBPACK_IMPORTED_MODULE_5__.getValue)(selectedValue.value, 1)), sharedTextHooksProps); const onTextChange = (newText, index) => { const inputDate = (0,_utils_dateUtil__WEBPACK_IMPORTED_MODULE_11__.parseValue)(newText, { locale: props.locale, formatList: formatList.value, generateConfig: props.generateConfig }); const disabledFunc = index === 0 ? disabledStartDate : disabledEndDate; if (inputDate && !disabledFunc(inputDate)) { setSelectedValue((0,_utils_miscUtil__WEBPACK_IMPORTED_MODULE_5__.updateValues)(selectedValue.value, inputDate, index)); setViewDate(inputDate, index); } }; const [startText, triggerStartTextChange, resetStartText] = (0,_hooks_useTextValueMapping__WEBPACK_IMPORTED_MODULE_14__["default"])({ valueTexts: startValueTexts, onTextChange: newText => onTextChange(newText, 0) }); const [endText, triggerEndTextChange, resetEndText] = (0,_hooks_useTextValueMapping__WEBPACK_IMPORTED_MODULE_14__["default"])({ valueTexts: endValueTexts, onTextChange: newText => onTextChange(newText, 1) }); const [rangeHoverValue, setRangeHoverValue] = (0,_util_hooks_useState__WEBPACK_IMPORTED_MODULE_15__["default"])(null); // ========================== Hover Range ========================== const [hoverRangedValue, setHoverRangedValue] = (0,_util_hooks_useState__WEBPACK_IMPORTED_MODULE_15__["default"])(null); const [startHoverValue, onStartEnter, onStartLeave] = (0,_hooks_useHoverValue__WEBPACK_IMPORTED_MODULE_16__["default"])(startText, sharedTextHooksProps); const [endHoverValue, onEndEnter, onEndLeave] = (0,_hooks_useHoverValue__WEBPACK_IMPORTED_MODULE_16__["default"])(endText, sharedTextHooksProps); const onDateMouseenter = date => { setHoverRangedValue((0,_utils_miscUtil__WEBPACK_IMPORTED_MODULE_5__.updateValues)(selectedValue.value, date, mergedActivePickerIndex.value)); if (mergedActivePickerIndex.value === 0) { onStartEnter(date); } else { onEndEnter(date); } }; const onDateMouseleave = () => { setHoverRangedValue((0,_utils_miscUtil__WEBPACK_IMPORTED_MODULE_5__.updateValues)(selectedValue.value, null, mergedActivePickerIndex.value)); if (mergedActivePickerIndex.value === 0) { onStartLeave(); } else { onEndLeave(); } }; // ============================= Input ============================= const getSharedInputHookProps = (index, resetText) => ({ forwardKeydown, onBlur: e => { var _a; (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, e); }, isClickOutside: target => !(0,_utils_uiUtil__WEBPACK_IMPORTED_MODULE_6__.elementsContains)([panelDivRef.value, startInputDivRef.value, endInputDivRef.value, containerRef.value], target), onFocus: e => { var _a; setMergedActivePickerIndex(index); (_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props, e); }, triggerOpen: newOpen => { triggerOpen(newOpen, index); }, onSubmit: () => { if ( // When user typing disabledDate with keyboard and enter, this value will be empty !selectedValue.value || // Normal disabled check props.disabledDate && props.disabledDate(selectedValue.value[index])) { return false; } triggerChange(selectedValue.value, index); resetText(); }, onCancel: () => { triggerOpen(false, index); setSelectedValue(mergedValue.value); resetText(); } }); const [startInputProps, { focused: startFocused, typing: startTyping }] = (0,_hooks_usePickerInput__WEBPACK_IMPORTED_MODULE_17__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, getSharedInputHookProps(0, resetStartText)), { blurToCancel: needConfirmButton, open: startOpen, value: startText, onKeydown: (e, preventDefault) => { var _a; (_a = props.onKeydown) === null || _a === void 0 ? void 0 : _a.call(props, e, preventDefault); } })); const [endInputProps, { focused: endFocused, typing: endTyping }] = (0,_hooks_usePickerInput__WEBPACK_IMPORTED_MODULE_17__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, getSharedInputHookProps(1, resetEndText)), { blurToCancel: needConfirmButton, open: endOpen, value: endText, onKeydown: (e, preventDefault) => { var _a; (_a = props.onKeydown) === null || _a === void 0 ? void 0 : _a.call(props, e, preventDefault); } })); // ========================== Click Picker ========================== const onPickerClick = e => { var _a; // When click inside the picker & outside the picker's input elements // the panel should still be opened (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, e); if (!mergedOpen.value && !startInputRef.value.contains(e.target) && !endInputRef.value.contains(e.target)) { if (!mergedDisabled.value[0]) { triggerOpenAndFocus(0); } else if (!mergedDisabled.value[1]) { triggerOpenAndFocus(1); } } }; const onPickerMousedown = e => { var _a; // shouldn't affect input elements if picker is active (_a = props.onMousedown) === null || _a === void 0 ? void 0 : _a.call(props, e); if (mergedOpen.value && (startFocused.value || endFocused.value) && !startInputRef.value.contains(e.target) && !endInputRef.value.contains(e.target)) { e.preventDefault(); } }; // ============================= Sync ============================== // Close should sync back with text value const startStr = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { var _a; return ((_a = mergedValue.value) === null || _a === void 0 ? void 0 : _a[0]) ? (0,_utils_dateUtil__WEBPACK_IMPORTED_MODULE_11__.formatValue)(mergedValue.value[0], { locale: props.locale, format: 'YYYYMMDDHHmmss', generateConfig: props.generateConfig }) : ''; }); const endStr = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { var _a; return ((_a = mergedValue.value) === null || _a === void 0 ? void 0 : _a[1]) ? (0,_utils_dateUtil__WEBPACK_IMPORTED_MODULE_11__.formatValue)(mergedValue.value[1], { locale: props.locale, format: 'YYYYMMDDHHmmss', generateConfig: props.generateConfig }) : ''; }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)([mergedOpen, startValueTexts, endValueTexts], () => { if (!mergedOpen.value) { setSelectedValue(mergedValue.value); if (!startValueTexts.value.length || startValueTexts.value[0] === '') { triggerStartTextChange(''); } else if (firstStartValueText.value !== startText.value) { resetStartText(); } if (!endValueTexts.value.length || endValueTexts.value[0] === '') { triggerEndTextChange(''); } else if (firstEndValueText.value !== endText.value) { resetEndText(); } } }); // Sync innerValue with control mode (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)([startStr, endStr], () => { setSelectedValue(mergedValue.value); }); // ============================ Warning ============================ if (true) { (0,vue__WEBPACK_IMPORTED_MODULE_2__.watchEffect)(() => { const { value, disabled } = props; if (value && Array.isArray(disabled) && ((0,_utils_miscUtil__WEBPACK_IMPORTED_MODULE_5__.getValue)(disabled, 0) && !(0,_utils_miscUtil__WEBPACK_IMPORTED_MODULE_5__.getValue)(value, 0) || (0,_utils_miscUtil__WEBPACK_IMPORTED_MODULE_5__.getValue)(disabled, 1) && !(0,_utils_miscUtil__WEBPACK_IMPORTED_MODULE_5__.getValue)(value, 1))) { (0,_vc_util_warning__WEBPACK_IMPORTED_MODULE_12__.warning)(false, '`disabled` should not set with empty `value`. You should set `allowEmpty` or `value` instead.'); } }); } expose({ focus: () => { if (startInputRef.value) { startInputRef.value.focus(); } }, blur: () => { if (startInputRef.value) { startInputRef.value.blur(); } if (endInputRef.value) { endInputRef.value.blur(); } } }); // ============================= Panel ============================= const panelHoverRangedValue = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { if (mergedOpen.value && hoverRangedValue.value && hoverRangedValue.value[0] && hoverRangedValue.value[1] && props.generateConfig.isAfter(hoverRangedValue.value[1], hoverRangedValue.value[0])) { return hoverRangedValue.value; } else { return null; } }); function renderPanel() { let panelPosition = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false; let panelProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; const { generateConfig, showTime, dateRender, direction, disabledTime, prefixCls, locale } = props; let panelShowTime = showTime; if (showTime && typeof showTime === 'object' && showTime.defaultValue) { const timeDefaultValues = showTime.defaultValue; panelShowTime = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, showTime), { defaultValue: (0,_utils_miscUtil__WEBPACK_IMPORTED_MODULE_5__.getValue)(timeDefaultValues, mergedActivePickerIndex.value) || undefined }); } let panelDateRender = null; if (dateRender) { panelDateRender = _ref2 => { let { current: date, today } = _ref2; return dateRender({ current: date, today, info: { range: mergedActivePickerIndex.value ? 'end' : 'start' } }); }; } return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_RangeContext__WEBPACK_IMPORTED_MODULE_18__.RangeContextProvider, { "value": { inRange: true, panelPosition, rangedValue: rangeHoverValue.value || selectedValue.value, hoverRangedValue: panelHoverRangedValue.value } }, { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_PickerPanel__WEBPACK_IMPORTED_MODULE_19__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props), panelProps), {}, { "dateRender": panelDateRender, "showTime": panelShowTime, "mode": mergedModes.value[mergedActivePickerIndex.value], "generateConfig": generateConfig, "style": undefined, "direction": direction, "disabledDate": mergedActivePickerIndex.value === 0 ? disabledStartDate : disabledEndDate, "disabledTime": date => { if (disabledTime) { return disabledTime(date, mergedActivePickerIndex.value === 0 ? 'start' : 'end'); } return false; }, "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_20__["default"])({ [`${prefixCls}-panel-focused`]: mergedActivePickerIndex.value === 0 ? !startTyping.value : !endTyping.value }), "value": (0,_utils_miscUtil__WEBPACK_IMPORTED_MODULE_5__.getValue)(selectedValue.value, mergedActivePickerIndex.value), "locale": locale, "tabIndex": -1, "onPanelChange": (date, newMode) => { // clear hover value when panel change if (mergedActivePickerIndex.value === 0) { onStartLeave(true); } if (mergedActivePickerIndex.value === 1) { onEndLeave(true); } triggerModesChange((0,_utils_miscUtil__WEBPACK_IMPORTED_MODULE_5__.updateValues)(mergedModes.value, newMode, mergedActivePickerIndex.value), (0,_utils_miscUtil__WEBPACK_IMPORTED_MODULE_5__.updateValues)(selectedValue.value, date, mergedActivePickerIndex.value)); let viewDate = date; if (panelPosition === 'right' && mergedModes.value[mergedActivePickerIndex.value] === newMode) { viewDate = (0,_utils_dateUtil__WEBPACK_IMPORTED_MODULE_11__.getClosingViewDate)(viewDate, newMode, generateConfig, -1); } setViewDate(viewDate, mergedActivePickerIndex.value); }, "onOk": null, "onSelect": undefined, "onChange": undefined, "defaultValue": mergedActivePickerIndex.value === 0 ? (0,_utils_miscUtil__WEBPACK_IMPORTED_MODULE_5__.getValue)(selectedValue.value, 1) : (0,_utils_miscUtil__WEBPACK_IMPORTED_MODULE_5__.getValue)(selectedValue.value, 0) }), null)] }); } const onContextSelect = (date, type) => { const values = (0,_utils_miscUtil__WEBPACK_IMPORTED_MODULE_5__.updateValues)(selectedValue.value, date, mergedActivePickerIndex.value); if (type === 'submit' || type !== 'key' && !needConfirmButton.value) { // triggerChange will also update selected values triggerChange(values, mergedActivePickerIndex.value); // clear hover value style if (mergedActivePickerIndex.value === 0) { onStartLeave(); } else { onEndLeave(); } } else { setSelectedValue(values); } }; (0,_PanelContext__WEBPACK_IMPORTED_MODULE_21__.useProvidePanel)({ operationRef, hideHeader: (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.picker === 'time'), onDateMouseenter, onDateMouseleave, hideRanges: (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => true), onSelect: onContextSelect, open: mergedOpen }); return () => { const { prefixCls = 'rc-picker', id, popupStyle, dropdownClassName, transitionName, dropdownAlign, getPopupContainer, generateConfig, locale, placeholder, autofocus, picker = 'date', showTime, separator = '~', disabledDate, panelRender, allowClear, suffixIcon, clearIcon, inputReadOnly, renderExtraFooter, onMouseenter, onMouseleave, onMouseup, onOk, components, direction, autocomplete = 'off' } = props; const arrowPositionStyle = direction === 'rtl' ? { right: `${arrowLeft.value}px` } : { left: `${arrowLeft.value}px` }; function renderPanels() { let panels; const extraNode = (0,_utils_getExtraFooter__WEBPACK_IMPORTED_MODULE_22__["default"])(prefixCls, mergedModes.value[mergedActivePickerIndex.value], renderExtraFooter); const rangesNode = (0,_utils_getRanges__WEBPACK_IMPORTED_MODULE_23__["default"])({ prefixCls, components, needConfirmButton: needConfirmButton.value, okDisabled: !(0,_utils_miscUtil__WEBPACK_IMPORTED_MODULE_5__.getValue)(selectedValue.value, mergedActivePickerIndex.value) || disabledDate && disabledDate(selectedValue.value[mergedActivePickerIndex.value]), locale, onOk: () => { if ((0,_utils_miscUtil__WEBPACK_IMPORTED_MODULE_5__.getValue)(selectedValue.value, mergedActivePickerIndex.value)) { // triggerChangeOld(selectedValue.value); triggerChange(selectedValue.value, mergedActivePickerIndex.value); if (onOk) { onOk(selectedValue.value); } } } }); if (picker !== 'time' && !showTime) { const viewDate = mergedActivePickerIndex.value === 0 ? startViewDate.value : endViewDate.value; const nextViewDate = (0,_utils_dateUtil__WEBPACK_IMPORTED_MODULE_11__.getClosingViewDate)(viewDate, picker, generateConfig); const currentMode = mergedModes.value[mergedActivePickerIndex.value]; const showDoublePanel = currentMode === picker; const leftPanel = renderPanel(showDoublePanel ? 'left' : false, { pickerValue: viewDate, onPickerValueChange: newViewDate => { setViewDate(newViewDate, mergedActivePickerIndex.value); } }); const rightPanel = renderPanel('right', { pickerValue: nextViewDate, onPickerValueChange: newViewDate => { setViewDate((0,_utils_dateUtil__WEBPACK_IMPORTED_MODULE_11__.getClosingViewDate)(newViewDate, picker, generateConfig, -1), mergedActivePickerIndex.value); } }); if (direction === 'rtl') { panels = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_2__.Fragment, null, [rightPanel, showDoublePanel && leftPanel]); } else { panels = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_2__.Fragment, null, [leftPanel, showDoublePanel && rightPanel]); } } else { panels = renderPanel(); } let mergedNodes = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": `${prefixCls}-panel-layout` }, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_PresetPanel__WEBPACK_IMPORTED_MODULE_24__["default"], { "prefixCls": prefixCls, "presets": presetList.value, "onClick": nextValue => { triggerChange(nextValue, null); triggerOpen(false, mergedActivePickerIndex.value); }, "onHover": hoverValue => { setRangeHoverValue(hoverValue); } }, null), (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", null, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": `${prefixCls}-panels` }, [panels]), (extraNode || rangesNode) && (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": `${prefixCls}-footer` }, [extraNode, rangesNode])])]); if (panelRender) { mergedNodes = panelRender(mergedNodes); } return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": `${prefixCls}-panel-container`, "style": { marginLeft: `${panelLeft.value}px` }, "ref": panelDivRef, "onMousedown": e => { e.preventDefault(); } }, [mergedNodes]); } const rangePanel = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_20__["default"])(`${prefixCls}-range-wrapper`, `${prefixCls}-${picker}-range-wrapper`), "style": { minWidth: `${popupMinWidth.value}px` } }, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "ref": arrowRef, "class": `${prefixCls}-range-arrow`, "style": arrowPositionStyle }, null), renderPanels()]); // ============================= Icons ============================= let suffixNode; if (suffixIcon) { suffixNode = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", { "class": `${prefixCls}-suffix` }, [suffixIcon]); } let clearNode; if (allowClear && ((0,_utils_miscUtil__WEBPACK_IMPORTED_MODULE_5__.getValue)(mergedValue.value, 0) && !mergedDisabled.value[0] || (0,_utils_miscUtil__WEBPACK_IMPORTED_MODULE_5__.getValue)(mergedValue.value, 1) && !mergedDisabled.value[1])) { clearNode = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", { "onMousedown": e => { e.preventDefault(); e.stopPropagation(); }, "onMouseup": e => { e.preventDefault(); e.stopPropagation(); let values = mergedValue.value; if (!mergedDisabled.value[0]) { values = (0,_utils_miscUtil__WEBPACK_IMPORTED_MODULE_5__.updateValues)(values, null, 0); } if (!mergedDisabled.value[1]) { values = (0,_utils_miscUtil__WEBPACK_IMPORTED_MODULE_5__.updateValues)(values, null, 1); } triggerChange(values, null); triggerOpen(false, mergedActivePickerIndex.value); }, "class": `${prefixCls}-clear` }, [clearIcon || (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", { "class": `${prefixCls}-clear-btn` }, null)]); } const inputSharedProps = { size: (0,_utils_uiUtil__WEBPACK_IMPORTED_MODULE_6__.getInputSize)(picker, formatList.value[0], generateConfig) }; let activeBarLeft = 0; let activeBarWidth = 0; if (startInputDivRef.value && endInputDivRef.value && separatorRef.value) { if (mergedActivePickerIndex.value === 0) { activeBarWidth = startInputDivRef.value.offsetWidth; } else { activeBarLeft = arrowLeft.value; activeBarWidth = endInputDivRef.value.offsetWidth; } } const activeBarPositionStyle = direction === 'rtl' ? { right: `${activeBarLeft}px` } : { left: `${activeBarLeft}px` }; // ============================ Return ============================= return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "ref": containerRef, "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_20__["default"])(prefixCls, `${prefixCls}-range`, attrs.class, { [`${prefixCls}-disabled`]: mergedDisabled.value[0] && mergedDisabled.value[1], [`${prefixCls}-focused`]: mergedActivePickerIndex.value === 0 ? startFocused.value : endFocused.value, [`${prefixCls}-rtl`]: direction === 'rtl' }), "style": attrs.style, "onClick": onPickerClick, "onMouseenter": onMouseenter, "onMouseleave": onMouseleave, "onMousedown": onPickerMousedown, "onMouseup": onMouseup }, (0,_utils_miscUtil__WEBPACK_IMPORTED_MODULE_5__["default"])(props)), [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_20__["default"])(`${prefixCls}-input`, { [`${prefixCls}-input-active`]: mergedActivePickerIndex.value === 0, [`${prefixCls}-input-placeholder`]: !!startHoverValue.value }), "ref": startInputDivRef }, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("input", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "id": id, "disabled": mergedDisabled.value[0], "readonly": inputReadOnly || typeof formatList.value[0] === 'function' || !startTyping.value, "value": startHoverValue.value || startText.value, "onInput": e => { triggerStartTextChange(e.target.value); }, "autofocus": autofocus, "placeholder": (0,_utils_miscUtil__WEBPACK_IMPORTED_MODULE_5__.getValue)(placeholder, 0) || '', "ref": startInputRef }, startInputProps.value), inputSharedProps), {}, { "autocomplete": autocomplete }), null)]), (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": `${prefixCls}-range-separator`, "ref": separatorRef }, [separator]), (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_20__["default"])(`${prefixCls}-input`, { [`${prefixCls}-input-active`]: mergedActivePickerIndex.value === 1, [`${prefixCls}-input-placeholder`]: !!endHoverValue.value }), "ref": endInputDivRef }, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("input", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "disabled": mergedDisabled.value[1], "readonly": inputReadOnly || typeof formatList.value[0] === 'function' || !endTyping.value, "value": endHoverValue.value || endText.value, "onInput": e => { triggerEndTextChange(e.target.value); }, "placeholder": (0,_utils_miscUtil__WEBPACK_IMPORTED_MODULE_5__.getValue)(placeholder, 1) || '', "ref": endInputRef }, endInputProps.value), inputSharedProps), {}, { "autocomplete": autocomplete }), null)]), (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": `${prefixCls}-active-bar`, "style": (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, activeBarPositionStyle), { width: `${activeBarWidth}px`, position: 'absolute' }) }, null), suffixNode, clearNode, (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_PickerTrigger__WEBPACK_IMPORTED_MODULE_25__["default"], { "visible": mergedOpen.value, "popupStyle": popupStyle, "prefixCls": prefixCls, "dropdownClassName": dropdownClassName, "dropdownAlign": dropdownAlign, "getPopupContainer": getPopupContainer, "transitionName": transitionName, "range": true, "direction": direction }, { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "style": { pointerEvents: 'none', position: 'absolute', top: 0, bottom: 0, left: 0, right: 0 } }, null)], popupElement: () => rangePanel })]); }; } }); } const InterRangerPicker = RangerPicker(); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (InterRangerPicker); /***/ }), /***/ "./components/vc-picker/generate/dayjs.ts": /*!************************************************!*\ !*** ./components/vc-picker/generate/dayjs.ts ***! \************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var dayjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! dayjs */ "./node_modules/dayjs/dayjs.min.js"); /* harmony import */ var dayjs__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(dayjs__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var dayjs_plugin_weekday__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! dayjs/plugin/weekday */ "./node_modules/dayjs/plugin/weekday.js"); /* harmony import */ var dayjs_plugin_weekday__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(dayjs_plugin_weekday__WEBPACK_IMPORTED_MODULE_1__); /* harmony import */ var dayjs_plugin_localeData__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! dayjs/plugin/localeData */ "./node_modules/dayjs/plugin/localeData.js"); /* harmony import */ var dayjs_plugin_localeData__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(dayjs_plugin_localeData__WEBPACK_IMPORTED_MODULE_2__); /* harmony import */ var dayjs_plugin_weekOfYear__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! dayjs/plugin/weekOfYear */ "./node_modules/dayjs/plugin/weekOfYear.js"); /* harmony import */ var dayjs_plugin_weekOfYear__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(dayjs_plugin_weekOfYear__WEBPACK_IMPORTED_MODULE_3__); /* harmony import */ var dayjs_plugin_weekYear__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! dayjs/plugin/weekYear */ "./node_modules/dayjs/plugin/weekYear.js"); /* harmony import */ var dayjs_plugin_weekYear__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(dayjs_plugin_weekYear__WEBPACK_IMPORTED_MODULE_4__); /* harmony import */ var dayjs_plugin_quarterOfYear__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! dayjs/plugin/quarterOfYear */ "./node_modules/dayjs/plugin/quarterOfYear.js"); /* harmony import */ var dayjs_plugin_quarterOfYear__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(dayjs_plugin_quarterOfYear__WEBPACK_IMPORTED_MODULE_5__); /* harmony import */ var dayjs_plugin_advancedFormat__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! dayjs/plugin/advancedFormat */ "./node_modules/dayjs/plugin/advancedFormat.js"); /* harmony import */ var dayjs_plugin_advancedFormat__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(dayjs_plugin_advancedFormat__WEBPACK_IMPORTED_MODULE_6__); /* harmony import */ var dayjs_plugin_customParseFormat__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! dayjs/plugin/customParseFormat */ "./node_modules/dayjs/plugin/customParseFormat.js"); /* harmony import */ var dayjs_plugin_customParseFormat__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(dayjs_plugin_customParseFormat__WEBPACK_IMPORTED_MODULE_7__); /* harmony import */ var _vc_util_warning__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../vc-util/warning */ "./components/vc-util/warning.ts"); dayjs__WEBPACK_IMPORTED_MODULE_0___default().extend((dayjs_plugin_customParseFormat__WEBPACK_IMPORTED_MODULE_7___default())); dayjs__WEBPACK_IMPORTED_MODULE_0___default().extend((dayjs_plugin_advancedFormat__WEBPACK_IMPORTED_MODULE_6___default())); dayjs__WEBPACK_IMPORTED_MODULE_0___default().extend((dayjs_plugin_weekday__WEBPACK_IMPORTED_MODULE_1___default())); dayjs__WEBPACK_IMPORTED_MODULE_0___default().extend((dayjs_plugin_localeData__WEBPACK_IMPORTED_MODULE_2___default())); dayjs__WEBPACK_IMPORTED_MODULE_0___default().extend((dayjs_plugin_weekOfYear__WEBPACK_IMPORTED_MODULE_3___default())); dayjs__WEBPACK_IMPORTED_MODULE_0___default().extend((dayjs_plugin_weekYear__WEBPACK_IMPORTED_MODULE_4___default())); dayjs__WEBPACK_IMPORTED_MODULE_0___default().extend((dayjs_plugin_quarterOfYear__WEBPACK_IMPORTED_MODULE_5___default())); dayjs__WEBPACK_IMPORTED_MODULE_0___default().extend((_o, c) => { // todo support Wo (ISO week) const proto = c.prototype; const oldFormat = proto.format; proto.format = function f(formatStr) { const str = (formatStr || '').replace('Wo', 'wo'); return oldFormat.bind(this)(str); }; }); const localeMap = { // ar_EG: // az_AZ: // bg_BG: bn_BD: 'bn-bd', by_BY: 'be', // ca_ES: // cs_CZ: // da_DK: // de_DE: // el_GR: en_GB: 'en-gb', en_US: 'en', // es_ES: // et_EE: // fa_IR: // fi_FI: fr_BE: 'fr', fr_CA: 'fr-ca', // fr_FR: // ga_IE: // gl_ES: // he_IL: // hi_IN: // hr_HR: // hu_HU: hy_AM: 'hy-am', // id_ID: // is_IS: // it_IT: // ja_JP: // ka_GE: // kk_KZ: // km_KH: kmr_IQ: 'ku', // kn_IN: // ko_KR: // ku_IQ: // previous ku in antd // lt_LT: // lv_LV: // mk_MK: // ml_IN: // mn_MN: // ms_MY: // nb_NO: // ne_NP: nl_BE: 'nl-be', // nl_NL: // pl_PL: pt_BR: 'pt-br', // pt_PT: // ro_RO: // ru_RU: // sk_SK: // sl_SI: // sr_RS: // sv_SE: // ta_IN: // th_TH: // tr_TR: // uk_UA: // ur_PK: // vi_VN: zh_CN: 'zh-cn', zh_HK: 'zh-hk', zh_TW: 'zh-tw' }; const parseLocale = locale => { const mapLocale = localeMap[locale]; return mapLocale || locale.split('_')[0]; }; const parseNoMatchNotice = () => { /* istanbul ignore next */ (0,_vc_util_warning__WEBPACK_IMPORTED_MODULE_8__.noteOnce)(false, 'Not match any format. Please help to fire a issue about this.'); }; const advancedFormatRegex = /\[([^\]]+)]|Q|wo|ww|w|WW|W|zzz|z|gggg|GGGG|k{1,2}|S/g; function findTargetStr(val, index, segmentation) { const items = [...new Set(val.split(segmentation))]; let idx = 0; for (let i = 0; i < items.length; i++) { const item = items[i]; idx += item.length; if (idx > index) { return item; } idx += segmentation.length; } } const toDateWithValueFormat = (val, valueFormat) => { if (!val) return null; if (dayjs__WEBPACK_IMPORTED_MODULE_0___default().isDayjs(val)) { return val; } const matchs = valueFormat.matchAll(advancedFormatRegex); let baseDate = dayjs__WEBPACK_IMPORTED_MODULE_0___default()(val, valueFormat); if (matchs === null) { return baseDate; } for (const match of matchs) { const origin = match[0]; const index = match['index']; if (origin === 'Q') { const segmentation = val.slice(index - 1, index); const quarterStr = findTargetStr(val, index, segmentation).match(/\d+/)[0]; baseDate = baseDate.quarter(parseInt(quarterStr)); } if (origin.toLowerCase() === 'wo') { const segmentation = val.slice(index - 1, index); const weekStr = findTargetStr(val, index, segmentation).match(/\d+/)[0]; baseDate = baseDate.week(parseInt(weekStr)); } if (origin.toLowerCase() === 'ww') { baseDate = baseDate.week(parseInt(val.slice(index, index + origin.length))); } if (origin.toLowerCase() === 'w') { baseDate = baseDate.week(parseInt(val.slice(index, index + origin.length + 1))); } } return baseDate; }; const generateConfig = { // get getNow: () => dayjs__WEBPACK_IMPORTED_MODULE_0___default()(), getFixedDate: string => dayjs__WEBPACK_IMPORTED_MODULE_0___default()(string, ['YYYY-M-DD', 'YYYY-MM-DD']), getEndDate: date => date.endOf('month'), getWeekDay: date => { const clone = date.locale('en'); return clone.weekday() + clone.localeData().firstDayOfWeek(); }, getYear: date => date.year(), getMonth: date => date.month(), getDate: date => date.date(), getHour: date => date.hour(), getMinute: date => date.minute(), getSecond: date => date.second(), // set addYear: (date, diff) => date.add(diff, 'year'), addMonth: (date, diff) => date.add(diff, 'month'), addDate: (date, diff) => date.add(diff, 'day'), setYear: (date, year) => date.year(year), setMonth: (date, month) => date.month(month), setDate: (date, num) => date.date(num), setHour: (date, hour) => date.hour(hour), setMinute: (date, minute) => date.minute(minute), setSecond: (date, second) => date.second(second), // Compare isAfter: (date1, date2) => date1.isAfter(date2), isValidate: date => date.isValid(), locale: { getWeekFirstDay: locale => dayjs__WEBPACK_IMPORTED_MODULE_0___default()().locale(parseLocale(locale)).localeData().firstDayOfWeek(), getWeekFirstDate: (locale, date) => date.locale(parseLocale(locale)).weekday(0), getWeek: (locale, date) => date.locale(parseLocale(locale)).week(), getShortWeekDays: locale => dayjs__WEBPACK_IMPORTED_MODULE_0___default()().locale(parseLocale(locale)).localeData().weekdaysMin(), getShortMonths: locale => dayjs__WEBPACK_IMPORTED_MODULE_0___default()().locale(parseLocale(locale)).localeData().monthsShort(), format: (locale, date, format) => date.locale(parseLocale(locale)).format(format), parse: (locale, text, formats) => { const localeStr = parseLocale(locale); for (let i = 0; i < formats.length; i += 1) { const format = formats[i]; const formatText = text; if (format.includes('wo') || format.includes('Wo')) { // parse Wo const year = formatText.split('-')[0]; const weekStr = formatText.split('-')[1]; const firstWeek = dayjs__WEBPACK_IMPORTED_MODULE_0___default()(year, 'YYYY').startOf('year').locale(localeStr); for (let j = 0; j <= 52; j += 1) { const nextWeek = firstWeek.add(j, 'week'); if (nextWeek.format('Wo') === weekStr) { return nextWeek; } } parseNoMatchNotice(); return null; } const date = dayjs__WEBPACK_IMPORTED_MODULE_0___default()(formatText, format, true).locale(localeStr); if (date.isValid()) { return date; } } if (!text) { parseNoMatchNotice(); } return null; } }, toDate: (value, valueFormat) => { if (Array.isArray(value)) { return value.map(val => toDateWithValueFormat(val, valueFormat)); } else { return toDateWithValueFormat(value, valueFormat); } }, toString: (value, valueFormat) => { if (Array.isArray(value)) { return value.map(val => dayjs__WEBPACK_IMPORTED_MODULE_0___default().isDayjs(val) ? val.format(valueFormat) : val); } else { return dayjs__WEBPACK_IMPORTED_MODULE_0___default().isDayjs(value) ? value.format(valueFormat) : value; } } }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (generateConfig); /***/ }), /***/ "./components/vc-picker/hooks/useCellClassName.ts": /*!********************************************************!*\ !*** ./components/vc-picker/hooks/useCellClassName.ts ***! \********************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ useCellClassName) /* harmony export */ }); /* harmony import */ var _utils_dateUtil__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../utils/dateUtil */ "./components/vc-picker/utils/dateUtil.ts"); /* harmony import */ var _utils_miscUtil__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../utils/miscUtil */ "./components/vc-picker/utils/miscUtil.ts"); function useCellClassName(_ref) { let { cellPrefixCls, generateConfig, rangedValue, hoverRangedValue, isInView, isSameCell, offsetCell, today, value } = _ref; function getClassName(currentDate) { const prevDate = offsetCell(currentDate, -1); const nextDate = offsetCell(currentDate, 1); const rangeStart = (0,_utils_miscUtil__WEBPACK_IMPORTED_MODULE_0__.getValue)(rangedValue, 0); const rangeEnd = (0,_utils_miscUtil__WEBPACK_IMPORTED_MODULE_0__.getValue)(rangedValue, 1); const hoverStart = (0,_utils_miscUtil__WEBPACK_IMPORTED_MODULE_0__.getValue)(hoverRangedValue, 0); const hoverEnd = (0,_utils_miscUtil__WEBPACK_IMPORTED_MODULE_0__.getValue)(hoverRangedValue, 1); const isRangeHovered = (0,_utils_dateUtil__WEBPACK_IMPORTED_MODULE_1__.isInRange)(generateConfig, hoverStart, hoverEnd, currentDate); function isRangeStart(date) { return isSameCell(rangeStart, date); } function isRangeEnd(date) { return isSameCell(rangeEnd, date); } const isHoverStart = isSameCell(hoverStart, currentDate); const isHoverEnd = isSameCell(hoverEnd, currentDate); const isHoverEdgeStart = (isRangeHovered || isHoverEnd) && (!isInView(prevDate) || isRangeEnd(prevDate)); const isHoverEdgeEnd = (isRangeHovered || isHoverStart) && (!isInView(nextDate) || isRangeStart(nextDate)); return { // In view [`${cellPrefixCls}-in-view`]: isInView(currentDate), // Range [`${cellPrefixCls}-in-range`]: (0,_utils_dateUtil__WEBPACK_IMPORTED_MODULE_1__.isInRange)(generateConfig, rangeStart, rangeEnd, currentDate), [`${cellPrefixCls}-range-start`]: isRangeStart(currentDate), [`${cellPrefixCls}-range-end`]: isRangeEnd(currentDate), [`${cellPrefixCls}-range-start-single`]: isRangeStart(currentDate) && !rangeEnd, [`${cellPrefixCls}-range-end-single`]: isRangeEnd(currentDate) && !rangeStart, [`${cellPrefixCls}-range-start-near-hover`]: isRangeStart(currentDate) && (isSameCell(prevDate, hoverStart) || (0,_utils_dateUtil__WEBPACK_IMPORTED_MODULE_1__.isInRange)(generateConfig, hoverStart, hoverEnd, prevDate)), [`${cellPrefixCls}-range-end-near-hover`]: isRangeEnd(currentDate) && (isSameCell(nextDate, hoverEnd) || (0,_utils_dateUtil__WEBPACK_IMPORTED_MODULE_1__.isInRange)(generateConfig, hoverStart, hoverEnd, nextDate)), // Range Hover [`${cellPrefixCls}-range-hover`]: isRangeHovered, [`${cellPrefixCls}-range-hover-start`]: isHoverStart, [`${cellPrefixCls}-range-hover-end`]: isHoverEnd, // Range Edge [`${cellPrefixCls}-range-hover-edge-start`]: isHoverEdgeStart, [`${cellPrefixCls}-range-hover-edge-end`]: isHoverEdgeEnd, [`${cellPrefixCls}-range-hover-edge-start-near-range`]: isHoverEdgeStart && isSameCell(prevDate, rangeEnd), [`${cellPrefixCls}-range-hover-edge-end-near-range`]: isHoverEdgeEnd && isSameCell(nextDate, rangeStart), // Others [`${cellPrefixCls}-today`]: isSameCell(today, currentDate), [`${cellPrefixCls}-selected`]: isSameCell(value, currentDate) }; } return getClassName; } /***/ }), /***/ "./components/vc-picker/hooks/useHoverValue.ts": /*!*****************************************************!*\ !*** ./components/vc-picker/hooks/useHoverValue.ts ***! \*****************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ useHoverValue) /* harmony export */ }); /* harmony import */ var _util_raf__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../_util/raf */ "./components/_util/raf.ts"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _useValueTexts__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./useValueTexts */ "./components/vc-picker/hooks/useValueTexts.ts"); function useHoverValue(valueText, _ref) { let { formatList, generateConfig, locale } = _ref; const innerValue = (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)(null); let rafId; function setValue(val) { let immediately = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false; _util_raf__WEBPACK_IMPORTED_MODULE_1__["default"].cancel(rafId); if (immediately) { innerValue.value = val; return; } rafId = (0,_util_raf__WEBPACK_IMPORTED_MODULE_1__["default"])(() => { innerValue.value = val; }); } const [, firstText] = (0,_useValueTexts__WEBPACK_IMPORTED_MODULE_2__["default"])(innerValue, { formatList, generateConfig, locale }); function onEnter(date) { setValue(date); } function onLeave() { let immediately = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false; setValue(null, immediately); } (0,vue__WEBPACK_IMPORTED_MODULE_0__.watch)(valueText, () => { onLeave(true); }); (0,vue__WEBPACK_IMPORTED_MODULE_0__.onBeforeUnmount)(() => { _util_raf__WEBPACK_IMPORTED_MODULE_1__["default"].cancel(rafId); }); return [firstText, onEnter, onLeave]; } /***/ }), /***/ "./components/vc-picker/hooks/useMergeProps.ts": /*!*****************************************************!*\ !*** ./components/vc-picker/hooks/useMergeProps.ts ***! \*****************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ useMergeProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); // 仅用在函数式组件中,不用考虑响应式问题 function useMergeProps(props) { const attrs = (0,vue__WEBPACK_IMPORTED_MODULE_1__.useAttrs)(); return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props), attrs); } /***/ }), /***/ "./components/vc-picker/hooks/usePickerInput.ts": /*!******************************************************!*\ !*** ./components/vc-picker/hooks/usePickerInput.ts ***! \******************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ usePickerInput) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_KeyCode__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../_util/KeyCode */ "./components/_util/KeyCode.ts"); /* harmony import */ var _utils_uiUtil__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils/uiUtil */ "./components/vc-picker/utils/uiUtil.ts"); /* harmony import */ var _util_raf__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../_util/raf */ "./components/_util/raf.ts"); function usePickerInput(_ref) { let { open, value, isClickOutside, triggerOpen, forwardKeydown, onKeydown, blurToCancel, onSubmit, onCancel, onFocus, onBlur } = _ref; const typing = (0,vue__WEBPACK_IMPORTED_MODULE_0__.shallowRef)(false); const focused = (0,vue__WEBPACK_IMPORTED_MODULE_0__.shallowRef)(false); /** * We will prevent blur to handle open event when user click outside, * since this will repeat trigger `onOpenChange` event. */ const preventBlurRef = (0,vue__WEBPACK_IMPORTED_MODULE_0__.shallowRef)(false); const valueChangedRef = (0,vue__WEBPACK_IMPORTED_MODULE_0__.shallowRef)(false); const preventDefaultRef = (0,vue__WEBPACK_IMPORTED_MODULE_0__.shallowRef)(false); const inputProps = (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => ({ onMousedown: () => { typing.value = true; triggerOpen(true); }, onKeydown: e => { const preventDefault = () => { preventDefaultRef.value = true; }; onKeydown(e, preventDefault); if (preventDefaultRef.value) return; switch (e.which) { case _util_KeyCode__WEBPACK_IMPORTED_MODULE_1__["default"].ENTER: { if (!open.value) { triggerOpen(true); } else if (onSubmit() !== false) { typing.value = true; } e.preventDefault(); return; } case _util_KeyCode__WEBPACK_IMPORTED_MODULE_1__["default"].TAB: { if (typing.value && open.value && !e.shiftKey) { typing.value = false; e.preventDefault(); } else if (!typing.value && open.value) { if (!forwardKeydown(e) && e.shiftKey) { typing.value = true; e.preventDefault(); } } return; } case _util_KeyCode__WEBPACK_IMPORTED_MODULE_1__["default"].ESC: { typing.value = true; onCancel(); return; } } if (!open.value && ![_util_KeyCode__WEBPACK_IMPORTED_MODULE_1__["default"].SHIFT].includes(e.which)) { triggerOpen(true); } else if (!typing.value) { // Let popup panel handle keyboard forwardKeydown(e); } }, onFocus: e => { typing.value = true; focused.value = true; if (onFocus) { onFocus(e); } }, onBlur: e => { if (preventBlurRef.value || !isClickOutside(document.activeElement)) { preventBlurRef.value = false; return; } if (blurToCancel.value) { setTimeout(() => { let { activeElement } = document; while (activeElement && activeElement.shadowRoot) { activeElement = activeElement.shadowRoot.activeElement; } if (isClickOutside(activeElement)) { onCancel(); } }, 0); } else if (open.value) { triggerOpen(false); if (valueChangedRef.value) { onSubmit(); } } focused.value = false; if (onBlur) { onBlur(e); } } })); // check if value changed (0,vue__WEBPACK_IMPORTED_MODULE_0__.watch)(open, () => { valueChangedRef.value = false; }); (0,vue__WEBPACK_IMPORTED_MODULE_0__.watch)(value, () => { valueChangedRef.value = true; }); const globalMousedownEvent = (0,vue__WEBPACK_IMPORTED_MODULE_0__.shallowRef)(); // Global click handler (0,vue__WEBPACK_IMPORTED_MODULE_0__.onMounted)(() => { globalMousedownEvent.value = (0,_utils_uiUtil__WEBPACK_IMPORTED_MODULE_2__.addGlobalMousedownEvent)(e => { const target = (0,_utils_uiUtil__WEBPACK_IMPORTED_MODULE_2__.getTargetFromEvent)(e); if (open.value) { const clickedOutside = isClickOutside(target); if (!clickedOutside) { preventBlurRef.value = true; // Always set back in case `onBlur` prevented by user (0,_util_raf__WEBPACK_IMPORTED_MODULE_3__["default"])(() => { preventBlurRef.value = false; }); } else if (!focused.value || clickedOutside) { triggerOpen(false); } } }); }); (0,vue__WEBPACK_IMPORTED_MODULE_0__.onBeforeUnmount)(() => { globalMousedownEvent.value && globalMousedownEvent.value(); }); return [inputProps, { focused, typing }]; } /***/ }), /***/ "./components/vc-picker/hooks/usePresets.ts": /*!**************************************************!*\ !*** ./components/vc-picker/hooks/usePresets.ts ***! \**************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ usePresets) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _vc_util_warning__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../vc-util/warning */ "./components/vc-util/warning.ts"); function usePresets(presets, legacyRanges) { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => { if (presets === null || presets === void 0 ? void 0 : presets.value) { return presets.value; } if (legacyRanges === null || legacyRanges === void 0 ? void 0 : legacyRanges.value) { (0,_vc_util_warning__WEBPACK_IMPORTED_MODULE_1__["default"])(false, '`ranges` is deprecated. Please use `presets` instead.'); const rangeLabels = Object.keys(legacyRanges.value); return rangeLabels.map(label => { const range = legacyRanges.value[label]; const newValues = typeof range === 'function' ? range() : range; return { label, value: newValues }; }); } return []; }); } /***/ }), /***/ "./components/vc-picker/hooks/useRangeDisabled.ts": /*!********************************************************!*\ !*** ./components/vc-picker/hooks/useRangeDisabled.ts ***! \********************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ useRangeDisabled) /* harmony export */ }); /* harmony import */ var _utils_miscUtil__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../utils/miscUtil */ "./components/vc-picker/utils/miscUtil.ts"); /* harmony import */ var _utils_dateUtil__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils/dateUtil */ "./components/vc-picker/utils/dateUtil.ts"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); function useRangeDisabled(_ref, openRecordsRef) { let { picker, locale, selectedValue, disabledDate, disabled, generateConfig } = _ref; const startDate = (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => (0,_utils_miscUtil__WEBPACK_IMPORTED_MODULE_1__.getValue)(selectedValue.value, 0)); const endDate = (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => (0,_utils_miscUtil__WEBPACK_IMPORTED_MODULE_1__.getValue)(selectedValue.value, 1)); function weekFirstDate(date) { return generateConfig.value.locale.getWeekFirstDate(locale.value.locale, date); } function monthNumber(date) { const year = generateConfig.value.getYear(date); const month = generateConfig.value.getMonth(date); return year * 100 + month; } function quarterNumber(date) { const year = generateConfig.value.getYear(date); const quarter = (0,_utils_dateUtil__WEBPACK_IMPORTED_MODULE_2__.getQuarter)(generateConfig.value, date); return year * 10 + quarter; } const disabledStartDate = date => { var _a; if (disabledDate && ((_a = disabledDate === null || disabledDate === void 0 ? void 0 : disabledDate.value) === null || _a === void 0 ? void 0 : _a.call(disabledDate, date))) { return true; } // Disabled range if (disabled[1] && endDate) { return !(0,_utils_dateUtil__WEBPACK_IMPORTED_MODULE_2__.isSameDate)(generateConfig.value, date, endDate.value) && generateConfig.value.isAfter(date, endDate.value); } // Disabled part if (openRecordsRef.value[1] && endDate.value) { switch (picker.value) { case 'quarter': return quarterNumber(date) > quarterNumber(endDate.value); case 'month': return monthNumber(date) > monthNumber(endDate.value); case 'week': return weekFirstDate(date) > weekFirstDate(endDate.value); default: return !(0,_utils_dateUtil__WEBPACK_IMPORTED_MODULE_2__.isSameDate)(generateConfig.value, date, endDate.value) && generateConfig.value.isAfter(date, endDate.value); } } return false; }; const disabledEndDate = date => { var _a; if ((_a = disabledDate.value) === null || _a === void 0 ? void 0 : _a.call(disabledDate, date)) { return true; } // Disabled range if (disabled[0] && startDate) { return !(0,_utils_dateUtil__WEBPACK_IMPORTED_MODULE_2__.isSameDate)(generateConfig.value, date, endDate.value) && generateConfig.value.isAfter(startDate.value, date); } // Disabled part if (openRecordsRef.value[0] && startDate.value) { switch (picker.value) { case 'quarter': return quarterNumber(date) < quarterNumber(startDate.value); case 'month': return monthNumber(date) < monthNumber(startDate.value); case 'week': return weekFirstDate(date) < weekFirstDate(startDate.value); default: return !(0,_utils_dateUtil__WEBPACK_IMPORTED_MODULE_2__.isSameDate)(generateConfig.value, date, startDate.value) && generateConfig.value.isAfter(startDate.value, date); } } return false; }; return [disabledStartDate, disabledEndDate]; } /***/ }), /***/ "./components/vc-picker/hooks/useRangeViewDates.ts": /*!*********************************************************!*\ !*** ./components/vc-picker/hooks/useRangeViewDates.ts ***! \*********************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ useRangeViewDates) /* harmony export */ }); /* harmony import */ var _utils_miscUtil__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils/miscUtil */ "./components/vc-picker/utils/miscUtil.ts"); /* harmony import */ var _utils_dateUtil__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../utils/dateUtil */ "./components/vc-picker/utils/dateUtil.ts"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); function getStartEndDistance(startDate, endDate, picker, generateConfig) { const startNext = (0,_utils_dateUtil__WEBPACK_IMPORTED_MODULE_1__.getClosingViewDate)(startDate, picker, generateConfig, 1); function getDistance(compareFunc) { if (compareFunc(startDate, endDate)) { return 'same'; } if (compareFunc(startNext, endDate)) { return 'closing'; } return 'far'; } switch (picker) { case 'year': return getDistance((start, end) => (0,_utils_dateUtil__WEBPACK_IMPORTED_MODULE_1__.isSameDecade)(generateConfig, start, end)); case 'quarter': case 'month': return getDistance((start, end) => (0,_utils_dateUtil__WEBPACK_IMPORTED_MODULE_1__.isSameYear)(generateConfig, start, end)); default: return getDistance((start, end) => (0,_utils_dateUtil__WEBPACK_IMPORTED_MODULE_1__.isSameMonth)(generateConfig, start, end)); } } function getRangeViewDate(values, index, picker, generateConfig) { const startDate = (0,_utils_miscUtil__WEBPACK_IMPORTED_MODULE_2__.getValue)(values, 0); const endDate = (0,_utils_miscUtil__WEBPACK_IMPORTED_MODULE_2__.getValue)(values, 1); if (index === 0) { return startDate; } if (startDate && endDate) { const distance = getStartEndDistance(startDate, endDate, picker, generateConfig); switch (distance) { case 'same': return startDate; case 'closing': return startDate; default: return (0,_utils_dateUtil__WEBPACK_IMPORTED_MODULE_1__.getClosingViewDate)(endDate, picker, generateConfig, -1); } } return startDate; } function useRangeViewDates(_ref) { let { values, picker, defaultDates, generateConfig } = _ref; const defaultViewDates = (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)([(0,_utils_miscUtil__WEBPACK_IMPORTED_MODULE_2__.getValue)(defaultDates, 0), (0,_utils_miscUtil__WEBPACK_IMPORTED_MODULE_2__.getValue)(defaultDates, 1)]); const viewDates = (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)(null); const startDate = (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => (0,_utils_miscUtil__WEBPACK_IMPORTED_MODULE_2__.getValue)(values.value, 0)); const endDate = (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => (0,_utils_miscUtil__WEBPACK_IMPORTED_MODULE_2__.getValue)(values.value, 1)); const getViewDate = index => { // If set default view date, use it if (defaultViewDates.value[index]) { return defaultViewDates.value[index]; } return (0,_utils_miscUtil__WEBPACK_IMPORTED_MODULE_2__.getValue)(viewDates.value, index) || getRangeViewDate(values.value, index, picker.value, generateConfig.value) || startDate.value || endDate.value || generateConfig.value.getNow(); }; const startViewDate = (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)(null); const endViewDate = (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)(null); (0,vue__WEBPACK_IMPORTED_MODULE_0__.watchEffect)(() => { startViewDate.value = getViewDate(0); endViewDate.value = getViewDate(1); }); function setViewDate(viewDate, index) { if (viewDate) { let newViewDates = (0,_utils_miscUtil__WEBPACK_IMPORTED_MODULE_2__.updateValues)(viewDates.value, viewDate, index); // Set view date will clean up default one // Should always be an array defaultViewDates.value = (0,_utils_miscUtil__WEBPACK_IMPORTED_MODULE_2__.updateValues)(defaultViewDates.value, null, index) || [null, null]; // Reset another one when not have value const anotherIndex = (index + 1) % 2; if (!(0,_utils_miscUtil__WEBPACK_IMPORTED_MODULE_2__.getValue)(values.value, anotherIndex)) { newViewDates = (0,_utils_miscUtil__WEBPACK_IMPORTED_MODULE_2__.updateValues)(newViewDates, viewDate, anotherIndex); } viewDates.value = newViewDates; } else if (startDate.value || endDate.value) { // Reset all when has values when `viewDate` is `null` which means from open trigger viewDates.value = null; } } return [startViewDate, endViewDate, setViewDate]; } /***/ }), /***/ "./components/vc-picker/hooks/useTextValueMapping.ts": /*!***********************************************************!*\ !*** ./components/vc-picker/hooks/useTextValueMapping.ts ***! \***********************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ useTextValueMapping) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); function useTextValueMapping(_ref) { let { valueTexts, onTextChange } = _ref; const text = (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)(''); function triggerTextChange(value) { text.value = value; onTextChange(value); } function resetText() { text.value = valueTexts.value[0]; } (0,vue__WEBPACK_IMPORTED_MODULE_0__.watch)(() => [...valueTexts.value], function (cur) { let pre = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : []; if (cur.join('||') !== pre.join('||') && valueTexts.value.every(valText => valText !== text.value)) { resetText(); } }, { immediate: true }); return [text, triggerTextChange, resetText]; } /***/ }), /***/ "./components/vc-picker/hooks/useValueTexts.ts": /*!*****************************************************!*\ !*** ./components/vc-picker/hooks/useValueTexts.ts ***! \*****************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ useValueTexts) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_hooks_useMemo__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../_util/hooks/useMemo */ "./components/_util/hooks/useMemo.ts"); /* harmony import */ var _util_shallowequal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../_util/shallowequal */ "./components/_util/shallowequal.ts"); /* harmony import */ var _utils_dateUtil__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils/dateUtil */ "./components/vc-picker/utils/dateUtil.ts"); function useValueTexts(value, _ref) { let { formatList, generateConfig, locale } = _ref; const texts = (0,_util_hooks_useMemo__WEBPACK_IMPORTED_MODULE_1__["default"])(() => { if (!value.value) { return [[''], '']; } // We will convert data format back to first format let firstValueText = ''; const fullValueTexts = []; for (let i = 0; i < formatList.value.length; i += 1) { const format = formatList.value[i]; const formatStr = (0,_utils_dateUtil__WEBPACK_IMPORTED_MODULE_2__.formatValue)(value.value, { generateConfig: generateConfig.value, locale: locale.value, format }); fullValueTexts.push(formatStr); if (i === 0) { firstValueText = formatStr; } } return [fullValueTexts, firstValueText]; }, [value, formatList], (next, prev) => prev[0] !== next[0] || !(0,_util_shallowequal__WEBPACK_IMPORTED_MODULE_3__["default"])(prev[1], next[1])); const fullValueTexts = (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => texts.value[0]); const firstValueText = (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => texts.value[1]); return [fullValueTexts, firstValueText]; } /***/ }), /***/ "./components/vc-picker/index.tsx": /*!****************************************!*\ !*** ./components/vc-picker/index.tsx ***! \****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ PickerPanel: () => (/* reexport safe */ _PickerPanel__WEBPACK_IMPORTED_MODULE_0__["default"]), /* harmony export */ RangePicker: () => (/* reexport safe */ _RangePicker__WEBPACK_IMPORTED_MODULE_1__["default"]), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _Picker__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Picker */ "./components/vc-picker/Picker.tsx"); /* harmony import */ var _PickerPanel__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./PickerPanel */ "./components/vc-picker/PickerPanel.tsx"); /* harmony import */ var _RangePicker__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./RangePicker */ "./components/vc-picker/RangePicker.tsx"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_Picker__WEBPACK_IMPORTED_MODULE_2__["default"]); /***/ }), /***/ "./components/vc-picker/locale/en_US.ts": /*!**********************************************!*\ !*** ./components/vc-picker/locale/en_US.ts ***! \**********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); const locale = { locale: 'en_US', today: 'Today', now: 'Now', backToToday: 'Back to today', ok: 'Ok', clear: 'Clear', month: 'Month', year: 'Year', timeSelect: 'select time', dateSelect: 'select date', weekSelect: 'Choose a week', monthSelect: 'Choose a month', yearSelect: 'Choose a year', decadeSelect: 'Choose a decade', yearFormat: 'YYYY', dateFormat: 'M/D/YYYY', dayFormat: 'D', dateTimeFormat: 'M/D/YYYY HH:mm:ss', monthBeforeYear: true, previousMonth: 'Previous month (PageUp)', nextMonth: 'Next month (PageDown)', previousYear: 'Last year (Control + left)', nextYear: 'Next year (Control + right)', previousDecade: 'Last decade', nextDecade: 'Next decade', previousCentury: 'Last century', nextCentury: 'Next century' }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (locale); /***/ }), /***/ "./components/vc-picker/panels/DatePanel/DateBody.tsx": /*!************************************************************!*\ !*** ./components/vc-picker/panels/DatePanel/DateBody.tsx ***! \************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _utils_dateUtil__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../utils/dateUtil */ "./components/vc-picker/utils/dateUtil.ts"); /* harmony import */ var _hooks_useCellClassName__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../hooks/useCellClassName */ "./components/vc-picker/hooks/useCellClassName.ts"); /* harmony import */ var _PanelBody__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../PanelBody */ "./components/vc-picker/panels/PanelBody.tsx"); /* harmony import */ var _RangeContext__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../RangeContext */ "./components/vc-picker/RangeContext.tsx"); /* harmony import */ var _hooks_useMergeProps__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../hooks/useMergeProps */ "./components/vc-picker/hooks/useMergeProps.ts"); function DateBody(_props) { const props = (0,_hooks_useMergeProps__WEBPACK_IMPORTED_MODULE_2__["default"])(_props); const { prefixCls, generateConfig, prefixColumn, locale, rowCount, viewDate, value, dateRender } = props; const { rangedValue, hoverRangedValue } = (0,_RangeContext__WEBPACK_IMPORTED_MODULE_3__.useInjectRange)(); const baseDate = (0,_utils_dateUtil__WEBPACK_IMPORTED_MODULE_4__.getWeekStartDate)(locale.locale, generateConfig, viewDate); const cellPrefixCls = `${prefixCls}-cell`; const weekFirstDay = generateConfig.locale.getWeekFirstDay(locale.locale); const today = generateConfig.getNow(); // ============================== Header ============================== const headerCells = []; const weekDaysLocale = locale.shortWeekDays || (generateConfig.locale.getShortWeekDays ? generateConfig.locale.getShortWeekDays(locale.locale) : []); if (prefixColumn) { headerCells.push((0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("th", { "key": "empty", "aria-label": "empty cell" }, null)); } for (let i = 0; i < _utils_dateUtil__WEBPACK_IMPORTED_MODULE_4__.WEEK_DAY_COUNT; i += 1) { headerCells.push((0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("th", { "key": i }, [weekDaysLocale[(i + weekFirstDay) % _utils_dateUtil__WEBPACK_IMPORTED_MODULE_4__.WEEK_DAY_COUNT]])); } // =============================== Body =============================== const getCellClassName = (0,_hooks_useCellClassName__WEBPACK_IMPORTED_MODULE_5__["default"])({ cellPrefixCls, today, value, generateConfig, rangedValue: prefixColumn ? null : rangedValue.value, hoverRangedValue: prefixColumn ? null : hoverRangedValue.value, isSameCell: (current, target) => (0,_utils_dateUtil__WEBPACK_IMPORTED_MODULE_4__.isSameDate)(generateConfig, current, target), isInView: date => (0,_utils_dateUtil__WEBPACK_IMPORTED_MODULE_4__.isSameMonth)(generateConfig, date, viewDate), offsetCell: (date, offset) => generateConfig.addDate(date, offset) }); const getCellNode = dateRender ? date => dateRender({ current: date, today }) : undefined; return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_PanelBody__WEBPACK_IMPORTED_MODULE_6__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props), {}, { "rowNum": rowCount, "colNum": _utils_dateUtil__WEBPACK_IMPORTED_MODULE_4__.WEEK_DAY_COUNT, "baseDate": baseDate, "getCellNode": getCellNode, "getCellText": generateConfig.getDate, "getCellClassName": getCellClassName, "getCellDate": generateConfig.addDate, "titleCell": date => (0,_utils_dateUtil__WEBPACK_IMPORTED_MODULE_4__.formatValue)(date, { locale, format: 'YYYY-MM-DD', generateConfig }), "headerCells": headerCells }), null); } DateBody.displayName = 'DateBody'; DateBody.inheritAttrs = false; DateBody.props = ['prefixCls', 'generateConfig', 'value?', 'viewDate', 'locale', 'rowCount', 'onSelect', 'dateRender?', 'disabledDate?', // Used for week panel 'prefixColumn?', 'rowClassName?']; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DateBody); /***/ }), /***/ "./components/vc-picker/panels/DatePanel/DateHeader.tsx": /*!**************************************************************!*\ !*** ./components/vc-picker/panels/DatePanel/DateHeader.tsx ***! \**************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _Header__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../Header */ "./components/vc-picker/panels/Header.tsx"); /* harmony import */ var _PanelContext__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../PanelContext */ "./components/vc-picker/PanelContext.tsx"); /* harmony import */ var _utils_dateUtil__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../utils/dateUtil */ "./components/vc-picker/utils/dateUtil.ts"); /* harmony import */ var _hooks_useMergeProps__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../hooks/useMergeProps */ "./components/vc-picker/hooks/useMergeProps.ts"); function DateHeader(_props) { const props = (0,_hooks_useMergeProps__WEBPACK_IMPORTED_MODULE_2__["default"])(_props); const { prefixCls, generateConfig, locale, viewDate, onNextMonth, onPrevMonth, onNextYear, onPrevYear, onYearClick, onMonthClick } = props; const { hideHeader } = (0,_PanelContext__WEBPACK_IMPORTED_MODULE_3__.useInjectPanel)(); if (hideHeader.value) { return null; } const headerPrefixCls = `${prefixCls}-header`; const monthsLocale = locale.shortMonths || (generateConfig.locale.getShortMonths ? generateConfig.locale.getShortMonths(locale.locale) : []); const month = generateConfig.getMonth(viewDate); // =================== Month & Year =================== const yearNode = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("button", { "type": "button", "key": "year", "onClick": onYearClick, "tabindex": -1, "class": `${prefixCls}-year-btn` }, [(0,_utils_dateUtil__WEBPACK_IMPORTED_MODULE_4__.formatValue)(viewDate, { locale, format: locale.yearFormat, generateConfig })]); const monthNode = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("button", { "type": "button", "key": "month", "onClick": onMonthClick, "tabindex": -1, "class": `${prefixCls}-month-btn` }, [locale.monthFormat ? (0,_utils_dateUtil__WEBPACK_IMPORTED_MODULE_4__.formatValue)(viewDate, { locale, format: locale.monthFormat, generateConfig }) : monthsLocale[month]]); const monthYearNodes = locale.monthBeforeYear ? [monthNode, yearNode] : [yearNode, monthNode]; return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_Header__WEBPACK_IMPORTED_MODULE_5__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props), {}, { "prefixCls": headerPrefixCls, "onSuperPrev": onPrevYear, "onPrev": onPrevMonth, "onNext": onNextMonth, "onSuperNext": onNextYear }), { default: () => [monthYearNodes] }); } DateHeader.displayName = 'DateHeader'; DateHeader.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DateHeader); /***/ }), /***/ "./components/vc-picker/panels/DatePanel/index.tsx": /*!*********************************************************!*\ !*** ./components/vc-picker/panels/DatePanel/index.tsx ***! \*********************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _DateBody__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./DateBody */ "./components/vc-picker/panels/DatePanel/DateBody.tsx"); /* harmony import */ var _DateHeader__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./DateHeader */ "./components/vc-picker/panels/DatePanel/DateHeader.tsx"); /* harmony import */ var _utils_dateUtil__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../utils/dateUtil */ "./components/vc-picker/utils/dateUtil.ts"); /* harmony import */ var _utils_uiUtil__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../utils/uiUtil */ "./components/vc-picker/utils/uiUtil.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _hooks_useMergeProps__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../hooks/useMergeProps */ "./components/vc-picker/hooks/useMergeProps.ts"); const DATE_ROW_COUNT = 6; function DatePanel(_props) { const props = (0,_hooks_useMergeProps__WEBPACK_IMPORTED_MODULE_3__["default"])(_props); const { prefixCls, panelName = 'date', keyboardConfig, active, operationRef, generateConfig, value, viewDate, onViewDateChange, onPanelChange, onSelect } = props; const panelPrefixCls = `${prefixCls}-${panelName}-panel`; // ======================= Keyboard ======================= operationRef.value = { onKeydown: event => (0,_utils_uiUtil__WEBPACK_IMPORTED_MODULE_4__.createKeydownHandler)(event, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({ onLeftRight: diff => { onSelect(generateConfig.addDate(value || viewDate, diff), 'key'); }, onCtrlLeftRight: diff => { onSelect(generateConfig.addYear(value || viewDate, diff), 'key'); }, onUpDown: diff => { onSelect(generateConfig.addDate(value || viewDate, diff * _utils_dateUtil__WEBPACK_IMPORTED_MODULE_5__.WEEK_DAY_COUNT), 'key'); }, onPageUpDown: diff => { onSelect(generateConfig.addMonth(value || viewDate, diff), 'key'); } }, keyboardConfig)) }; // ==================== View Operation ==================== const onYearChange = diff => { const newDate = generateConfig.addYear(viewDate, diff); onViewDateChange(newDate); onPanelChange(null, newDate); }; const onMonthChange = diff => { const newDate = generateConfig.addMonth(viewDate, diff); onViewDateChange(newDate); onPanelChange(null, newDate); }; return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_6__["default"])(panelPrefixCls, { [`${panelPrefixCls}-active`]: active }) }, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_DateHeader__WEBPACK_IMPORTED_MODULE_7__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props), {}, { "prefixCls": prefixCls, "value": value, "viewDate": viewDate, "onPrevYear": () => { onYearChange(-1); }, "onNextYear": () => { onYearChange(1); }, "onPrevMonth": () => { onMonthChange(-1); }, "onNextMonth": () => { onMonthChange(1); }, "onMonthClick": () => { onPanelChange('month', viewDate); }, "onYearClick": () => { onPanelChange('year', viewDate); } }), null), (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_DateBody__WEBPACK_IMPORTED_MODULE_8__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props), {}, { "onSelect": date => onSelect(date, 'mouse'), "prefixCls": prefixCls, "value": value, "viewDate": viewDate, "rowCount": DATE_ROW_COUNT }), null)]); } DatePanel.displayName = 'DatePanel'; DatePanel.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DatePanel); /***/ }), /***/ "./components/vc-picker/panels/DatetimePanel/index.tsx": /*!*************************************************************!*\ !*** ./components/vc-picker/panels/DatetimePanel/index.tsx ***! \*************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _DatePanel__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../DatePanel */ "./components/vc-picker/panels/DatePanel/index.tsx"); /* harmony import */ var _TimePanel__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../TimePanel */ "./components/vc-picker/panels/TimePanel/index.tsx"); /* harmony import */ var _utils_miscUtil__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../utils/miscUtil */ "./components/vc-picker/utils/miscUtil.ts"); /* harmony import */ var _utils_timeUtil__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../utils/timeUtil */ "./components/vc-picker/utils/timeUtil.ts"); /* harmony import */ var _util_KeyCode__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../_util/KeyCode */ "./components/_util/KeyCode.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _hooks_useMergeProps__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../hooks/useMergeProps */ "./components/vc-picker/hooks/useMergeProps.ts"); const ACTIVE_PANEL = (0,_utils_miscUtil__WEBPACK_IMPORTED_MODULE_3__.tuple)('date', 'time'); function DatetimePanel(_props) { const props = (0,_hooks_useMergeProps__WEBPACK_IMPORTED_MODULE_4__["default"])(_props); const { prefixCls, operationRef, generateConfig, value, defaultValue, disabledTime, showTime, onSelect } = props; const panelPrefixCls = `${prefixCls}-datetime-panel`; const activePanel = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(null); const dateOperationRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)({}); const timeOperationRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)({}); const timeProps = typeof showTime === 'object' ? (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, showTime) : {}; // ======================= Keyboard ======================= function getNextActive(offset) { const activeIndex = ACTIVE_PANEL.indexOf(activePanel.value) + offset; const nextActivePanel = ACTIVE_PANEL[activeIndex] || null; return nextActivePanel; } const onBlur = e => { if (timeOperationRef.value.onBlur) { timeOperationRef.value.onBlur(e); } activePanel.value = null; }; operationRef.value = { onKeydown: event => { // Switch active panel if (event.which === _util_KeyCode__WEBPACK_IMPORTED_MODULE_5__["default"].TAB) { const nextActivePanel = getNextActive(event.shiftKey ? -1 : 1); activePanel.value = nextActivePanel; if (nextActivePanel) { event.preventDefault(); } return true; } // Operate on current active panel if (activePanel.value) { const ref = activePanel.value === 'date' ? dateOperationRef : timeOperationRef; if (ref.value && ref.value.onKeydown) { ref.value.onKeydown(event); } return true; } // Switch first active panel if operate without panel if ([_util_KeyCode__WEBPACK_IMPORTED_MODULE_5__["default"].LEFT, _util_KeyCode__WEBPACK_IMPORTED_MODULE_5__["default"].RIGHT, _util_KeyCode__WEBPACK_IMPORTED_MODULE_5__["default"].UP, _util_KeyCode__WEBPACK_IMPORTED_MODULE_5__["default"].DOWN].includes(event.which)) { activePanel.value = 'date'; return true; } return false; }, onBlur, onClose: onBlur }; // ======================== Events ======================== const onInternalSelect = (date, source) => { let selectedDate = date; if (source === 'date' && !value && timeProps.defaultValue) { // Date with time defaultValue selectedDate = generateConfig.setHour(selectedDate, generateConfig.getHour(timeProps.defaultValue)); selectedDate = generateConfig.setMinute(selectedDate, generateConfig.getMinute(timeProps.defaultValue)); selectedDate = generateConfig.setSecond(selectedDate, generateConfig.getSecond(timeProps.defaultValue)); } else if (source === 'time' && !value && defaultValue) { selectedDate = generateConfig.setYear(selectedDate, generateConfig.getYear(defaultValue)); selectedDate = generateConfig.setMonth(selectedDate, generateConfig.getMonth(defaultValue)); selectedDate = generateConfig.setDate(selectedDate, generateConfig.getDate(defaultValue)); } if (onSelect) { onSelect(selectedDate, 'mouse'); } }; // ======================== Render ======================== const disabledTimes = disabledTime ? disabledTime(value || null) : {}; return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_6__["default"])(panelPrefixCls, { [`${panelPrefixCls}-active`]: activePanel.value }) }, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_DatePanel__WEBPACK_IMPORTED_MODULE_7__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props), {}, { "operationRef": dateOperationRef, "active": activePanel.value === 'date', "onSelect": date => { onInternalSelect((0,_utils_timeUtil__WEBPACK_IMPORTED_MODULE_8__.setDateTime)(generateConfig, date, !value && typeof showTime === 'object' ? showTime.defaultValue : null), 'date'); } }), null), (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_TimePanel__WEBPACK_IMPORTED_MODULE_9__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props), {}, { "format": undefined }, timeProps), disabledTimes), {}, { "disabledTime": null, "defaultValue": undefined, "operationRef": timeOperationRef, "active": activePanel.value === 'time', "onSelect": date => { onInternalSelect(date, 'time'); } }), null)]); } DatetimePanel.displayName = 'DatetimePanel'; DatetimePanel.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DatetimePanel); /***/ }), /***/ "./components/vc-picker/panels/DecadePanel/DecadeBody.tsx": /*!****************************************************************!*\ !*** ./components/vc-picker/panels/DecadePanel/DecadeBody.tsx ***! \****************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ DECADE_COL_COUNT: () => (/* binding */ DECADE_COL_COUNT), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var ___WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! . */ "./components/vc-picker/panels/DecadePanel/index.tsx"); /* harmony import */ var _PanelBody__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../PanelBody */ "./components/vc-picker/panels/PanelBody.tsx"); /* harmony import */ var _hooks_useMergeProps__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../hooks/useMergeProps */ "./components/vc-picker/hooks/useMergeProps.ts"); const DECADE_COL_COUNT = 3; const DECADE_ROW_COUNT = 4; function DecadeBody(_props) { const props = (0,_hooks_useMergeProps__WEBPACK_IMPORTED_MODULE_2__["default"])(_props); const DECADE_UNIT_DIFF_DES = ___WEBPACK_IMPORTED_MODULE_3__.DECADE_UNIT_DIFF - 1; const { prefixCls, viewDate, generateConfig } = props; const cellPrefixCls = `${prefixCls}-cell`; const yearNumber = generateConfig.getYear(viewDate); const decadeYearNumber = Math.floor(yearNumber / ___WEBPACK_IMPORTED_MODULE_3__.DECADE_UNIT_DIFF) * ___WEBPACK_IMPORTED_MODULE_3__.DECADE_UNIT_DIFF; const startDecadeYear = Math.floor(yearNumber / ___WEBPACK_IMPORTED_MODULE_3__.DECADE_DISTANCE_COUNT) * ___WEBPACK_IMPORTED_MODULE_3__.DECADE_DISTANCE_COUNT; const endDecadeYear = startDecadeYear + ___WEBPACK_IMPORTED_MODULE_3__.DECADE_DISTANCE_COUNT - 1; const baseDecadeYear = generateConfig.setYear(viewDate, startDecadeYear - Math.ceil((DECADE_COL_COUNT * DECADE_ROW_COUNT * ___WEBPACK_IMPORTED_MODULE_3__.DECADE_UNIT_DIFF - ___WEBPACK_IMPORTED_MODULE_3__.DECADE_DISTANCE_COUNT) / 2)); const getCellClassName = date => { const startDecadeNumber = generateConfig.getYear(date); const endDecadeNumber = startDecadeNumber + DECADE_UNIT_DIFF_DES; return { [`${cellPrefixCls}-in-view`]: startDecadeYear <= startDecadeNumber && endDecadeNumber <= endDecadeYear, [`${cellPrefixCls}-selected`]: startDecadeNumber === decadeYearNumber }; }; return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_PanelBody__WEBPACK_IMPORTED_MODULE_4__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props), {}, { "rowNum": DECADE_ROW_COUNT, "colNum": DECADE_COL_COUNT, "baseDate": baseDecadeYear, "getCellText": date => { const startDecadeNumber = generateConfig.getYear(date); return `${startDecadeNumber}-${startDecadeNumber + DECADE_UNIT_DIFF_DES}`; }, "getCellClassName": getCellClassName, "getCellDate": (date, offset) => generateConfig.addYear(date, offset * ___WEBPACK_IMPORTED_MODULE_3__.DECADE_UNIT_DIFF) }), null); } DecadeBody.displayName = 'DecadeBody'; DecadeBody.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DecadeBody); /***/ }), /***/ "./components/vc-picker/panels/DecadePanel/DecadeHeader.tsx": /*!******************************************************************!*\ !*** ./components/vc-picker/panels/DecadePanel/DecadeHeader.tsx ***! \******************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _Header__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../Header */ "./components/vc-picker/panels/Header.tsx"); /* harmony import */ var ___WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! . */ "./components/vc-picker/panels/DecadePanel/index.tsx"); /* harmony import */ var _PanelContext__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../PanelContext */ "./components/vc-picker/PanelContext.tsx"); /* harmony import */ var _hooks_useMergeProps__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../hooks/useMergeProps */ "./components/vc-picker/hooks/useMergeProps.ts"); function DecadeHeader(_props) { const props = (0,_hooks_useMergeProps__WEBPACK_IMPORTED_MODULE_2__["default"])(_props); const { prefixCls, generateConfig, viewDate, onPrevDecades, onNextDecades } = props; const { hideHeader } = (0,_PanelContext__WEBPACK_IMPORTED_MODULE_3__.useInjectPanel)(); if (hideHeader) { return null; } const headerPrefixCls = `${prefixCls}-header`; const yearNumber = generateConfig.getYear(viewDate); const startYear = Math.floor(yearNumber / ___WEBPACK_IMPORTED_MODULE_4__.DECADE_DISTANCE_COUNT) * ___WEBPACK_IMPORTED_MODULE_4__.DECADE_DISTANCE_COUNT; const endYear = startYear + ___WEBPACK_IMPORTED_MODULE_4__.DECADE_DISTANCE_COUNT - 1; return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_Header__WEBPACK_IMPORTED_MODULE_5__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props), {}, { "prefixCls": headerPrefixCls, "onSuperPrev": onPrevDecades, "onSuperNext": onNextDecades }), { default: () => [startYear, (0,vue__WEBPACK_IMPORTED_MODULE_1__.createTextVNode)("-"), endYear] }); } DecadeHeader.displayName = 'DecadeHeader'; DecadeHeader.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DecadeHeader); /***/ }), /***/ "./components/vc-picker/panels/DecadePanel/index.tsx": /*!***********************************************************!*\ !*** ./components/vc-picker/panels/DecadePanel/index.tsx ***! \***********************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ DECADE_DISTANCE_COUNT: () => (/* binding */ DECADE_DISTANCE_COUNT), /* harmony export */ DECADE_UNIT_DIFF: () => (/* binding */ DECADE_UNIT_DIFF), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _DecadeHeader__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./DecadeHeader */ "./components/vc-picker/panels/DecadePanel/DecadeHeader.tsx"); /* harmony import */ var _DecadeBody__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./DecadeBody */ "./components/vc-picker/panels/DecadePanel/DecadeBody.tsx"); /* harmony import */ var _utils_uiUtil__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../utils/uiUtil */ "./components/vc-picker/utils/uiUtil.ts"); /* harmony import */ var _hooks_useMergeProps__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../hooks/useMergeProps */ "./components/vc-picker/hooks/useMergeProps.ts"); const DECADE_UNIT_DIFF = 10; const DECADE_DISTANCE_COUNT = DECADE_UNIT_DIFF * 10; function DecadePanel(_props) { const props = (0,_hooks_useMergeProps__WEBPACK_IMPORTED_MODULE_2__["default"])(_props); const { prefixCls, onViewDateChange, generateConfig, viewDate, operationRef, onSelect, onPanelChange } = props; const panelPrefixCls = `${prefixCls}-decade-panel`; // ======================= Keyboard ======================= operationRef.value = { onKeydown: event => (0,_utils_uiUtil__WEBPACK_IMPORTED_MODULE_3__.createKeydownHandler)(event, { onLeftRight: diff => { onSelect(generateConfig.addYear(viewDate, diff * DECADE_UNIT_DIFF), 'key'); }, onCtrlLeftRight: diff => { onSelect(generateConfig.addYear(viewDate, diff * DECADE_DISTANCE_COUNT), 'key'); }, onUpDown: diff => { onSelect(generateConfig.addYear(viewDate, diff * DECADE_UNIT_DIFF * _DecadeBody__WEBPACK_IMPORTED_MODULE_4__.DECADE_COL_COUNT), 'key'); }, onEnter: () => { onPanelChange('year', viewDate); } }) }; // ==================== View Operation ==================== const onDecadesChange = diff => { const newDate = generateConfig.addYear(viewDate, diff * DECADE_DISTANCE_COUNT); onViewDateChange(newDate); onPanelChange(null, newDate); }; const onInternalSelect = date => { onSelect(date, 'mouse'); onPanelChange('year', date); }; return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": panelPrefixCls }, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_DecadeHeader__WEBPACK_IMPORTED_MODULE_5__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props), {}, { "prefixCls": prefixCls, "onPrevDecades": () => { onDecadesChange(-1); }, "onNextDecades": () => { onDecadesChange(1); } }), null), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_DecadeBody__WEBPACK_IMPORTED_MODULE_4__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props), {}, { "prefixCls": prefixCls, "onSelect": onInternalSelect }), null)]); } DecadePanel.displayName = 'DecadePanel'; DecadePanel.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DecadePanel); /***/ }), /***/ "./components/vc-picker/panels/Header.tsx": /*!************************************************!*\ !*** ./components/vc-picker/panels/Header.tsx ***! \************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _hooks_useMergeProps__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../hooks/useMergeProps */ "./components/vc-picker/hooks/useMergeProps.ts"); /* harmony import */ var _PanelContext__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../PanelContext */ "./components/vc-picker/PanelContext.tsx"); const HIDDEN_STYLE = { visibility: 'hidden' }; function Header(_props, _ref) { let { slots } = _ref; var _a; const props = (0,_hooks_useMergeProps__WEBPACK_IMPORTED_MODULE_1__["default"])(_props); const { prefixCls, prevIcon = '\u2039', nextIcon = '\u203A', superPrevIcon = '\u00AB', superNextIcon = '\u00BB', onSuperPrev, onSuperNext, onPrev, onNext } = props; const { hideNextBtn, hidePrevBtn } = (0,_PanelContext__WEBPACK_IMPORTED_MODULE_2__.useInjectPanel)(); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", { "class": prefixCls }, [onSuperPrev && (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("button", { "type": "button", "onClick": onSuperPrev, "tabindex": -1, "class": `${prefixCls}-super-prev-btn`, "style": hidePrevBtn.value ? HIDDEN_STYLE : {} }, [superPrevIcon]), onPrev && (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("button", { "type": "button", "onClick": onPrev, "tabindex": -1, "class": `${prefixCls}-prev-btn`, "style": hidePrevBtn.value ? HIDDEN_STYLE : {} }, [prevIcon]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", { "class": `${prefixCls}-view` }, [(_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)]), onNext && (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("button", { "type": "button", "onClick": onNext, "tabindex": -1, "class": `${prefixCls}-next-btn`, "style": hideNextBtn.value ? HIDDEN_STYLE : {} }, [nextIcon]), onSuperNext && (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("button", { "type": "button", "onClick": onSuperNext, "tabindex": -1, "class": `${prefixCls}-super-next-btn`, "style": hideNextBtn.value ? HIDDEN_STYLE : {} }, [superNextIcon])]); } Header.displayName = 'Header'; Header.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Header); /***/ }), /***/ "./components/vc-picker/panels/MonthPanel/MonthBody.tsx": /*!**************************************************************!*\ !*** ./components/vc-picker/panels/MonthPanel/MonthBody.tsx ***! \**************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ MONTH_COL_COUNT: () => (/* binding */ MONTH_COL_COUNT), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _utils_dateUtil__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../utils/dateUtil */ "./components/vc-picker/utils/dateUtil.ts"); /* harmony import */ var _RangeContext__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../RangeContext */ "./components/vc-picker/RangeContext.tsx"); /* harmony import */ var _hooks_useCellClassName__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../hooks/useCellClassName */ "./components/vc-picker/hooks/useCellClassName.ts"); /* harmony import */ var _PanelBody__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../PanelBody */ "./components/vc-picker/panels/PanelBody.tsx"); /* harmony import */ var _hooks_useMergeProps__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../hooks/useMergeProps */ "./components/vc-picker/hooks/useMergeProps.ts"); const MONTH_COL_COUNT = 3; const MONTH_ROW_COUNT = 4; function MonthBody(_props) { const props = (0,_hooks_useMergeProps__WEBPACK_IMPORTED_MODULE_2__["default"])(_props); const { prefixCls, locale, value, viewDate, generateConfig, monthCellRender } = props; const { rangedValue, hoverRangedValue } = (0,_RangeContext__WEBPACK_IMPORTED_MODULE_3__.useInjectRange)(); const cellPrefixCls = `${prefixCls}-cell`; const getCellClassName = (0,_hooks_useCellClassName__WEBPACK_IMPORTED_MODULE_4__["default"])({ cellPrefixCls, value, generateConfig, rangedValue: rangedValue.value, hoverRangedValue: hoverRangedValue.value, isSameCell: (current, target) => (0,_utils_dateUtil__WEBPACK_IMPORTED_MODULE_5__.isSameMonth)(generateConfig, current, target), isInView: () => true, offsetCell: (date, offset) => generateConfig.addMonth(date, offset) }); const monthsLocale = locale.shortMonths || (generateConfig.locale.getShortMonths ? generateConfig.locale.getShortMonths(locale.locale) : []); const baseMonth = generateConfig.setMonth(viewDate, 0); const getCellNode = monthCellRender ? date => monthCellRender({ current: date, locale }) : undefined; return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_PanelBody__WEBPACK_IMPORTED_MODULE_6__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props), {}, { "rowNum": MONTH_ROW_COUNT, "colNum": MONTH_COL_COUNT, "baseDate": baseMonth, "getCellNode": getCellNode, "getCellText": date => locale.monthFormat ? (0,_utils_dateUtil__WEBPACK_IMPORTED_MODULE_5__.formatValue)(date, { locale, format: locale.monthFormat, generateConfig }) : monthsLocale[generateConfig.getMonth(date)], "getCellClassName": getCellClassName, "getCellDate": generateConfig.addMonth, "titleCell": date => (0,_utils_dateUtil__WEBPACK_IMPORTED_MODULE_5__.formatValue)(date, { locale, format: 'YYYY-MM', generateConfig }) }), null); } MonthBody.displayName = 'MonthBody'; MonthBody.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MonthBody); /***/ }), /***/ "./components/vc-picker/panels/MonthPanel/MonthHeader.tsx": /*!****************************************************************!*\ !*** ./components/vc-picker/panels/MonthPanel/MonthHeader.tsx ***! \****************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _Header__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../Header */ "./components/vc-picker/panels/Header.tsx"); /* harmony import */ var _PanelContext__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../PanelContext */ "./components/vc-picker/PanelContext.tsx"); /* harmony import */ var _utils_dateUtil__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../utils/dateUtil */ "./components/vc-picker/utils/dateUtil.ts"); /* harmony import */ var _hooks_useMergeProps__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../hooks/useMergeProps */ "./components/vc-picker/hooks/useMergeProps.ts"); function MonthHeader(_props) { const props = (0,_hooks_useMergeProps__WEBPACK_IMPORTED_MODULE_2__["default"])(_props); const { prefixCls, generateConfig, locale, viewDate, onNextYear, onPrevYear, onYearClick } = props; const { hideHeader } = (0,_PanelContext__WEBPACK_IMPORTED_MODULE_3__.useInjectPanel)(); if (hideHeader.value) { return null; } const headerPrefixCls = `${prefixCls}-header`; return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_Header__WEBPACK_IMPORTED_MODULE_4__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props), {}, { "prefixCls": headerPrefixCls, "onSuperPrev": onPrevYear, "onSuperNext": onNextYear }), { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("button", { "type": "button", "onClick": onYearClick, "class": `${prefixCls}-year-btn` }, [(0,_utils_dateUtil__WEBPACK_IMPORTED_MODULE_5__.formatValue)(viewDate, { locale, format: locale.yearFormat, generateConfig })])] }); } MonthHeader.displayName = 'MonthHeader'; MonthHeader.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MonthHeader); /***/ }), /***/ "./components/vc-picker/panels/MonthPanel/index.tsx": /*!**********************************************************!*\ !*** ./components/vc-picker/panels/MonthPanel/index.tsx ***! \**********************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _MonthHeader__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./MonthHeader */ "./components/vc-picker/panels/MonthPanel/MonthHeader.tsx"); /* harmony import */ var _MonthBody__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./MonthBody */ "./components/vc-picker/panels/MonthPanel/MonthBody.tsx"); /* harmony import */ var _utils_uiUtil__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../utils/uiUtil */ "./components/vc-picker/utils/uiUtil.ts"); /* harmony import */ var _hooks_useMergeProps__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../hooks/useMergeProps */ "./components/vc-picker/hooks/useMergeProps.ts"); function MonthPanel(_props) { const props = (0,_hooks_useMergeProps__WEBPACK_IMPORTED_MODULE_2__["default"])(_props); const { prefixCls, operationRef, onViewDateChange, generateConfig, value, viewDate, onPanelChange, onSelect } = props; const panelPrefixCls = `${prefixCls}-month-panel`; // ======================= Keyboard ======================= operationRef.value = { onKeydown: event => (0,_utils_uiUtil__WEBPACK_IMPORTED_MODULE_3__.createKeydownHandler)(event, { onLeftRight: diff => { onSelect(generateConfig.addMonth(value || viewDate, diff), 'key'); }, onCtrlLeftRight: diff => { onSelect(generateConfig.addYear(value || viewDate, diff), 'key'); }, onUpDown: diff => { onSelect(generateConfig.addMonth(value || viewDate, diff * _MonthBody__WEBPACK_IMPORTED_MODULE_4__.MONTH_COL_COUNT), 'key'); }, onEnter: () => { onPanelChange('date', value || viewDate); } }) }; // ==================== View Operation ==================== const onYearChange = diff => { const newDate = generateConfig.addYear(viewDate, diff); onViewDateChange(newDate); onPanelChange(null, newDate); }; return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": panelPrefixCls }, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_MonthHeader__WEBPACK_IMPORTED_MODULE_5__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props), {}, { "prefixCls": prefixCls, "onPrevYear": () => { onYearChange(-1); }, "onNextYear": () => { onYearChange(1); }, "onYearClick": () => { onPanelChange('year', viewDate); } }), null), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_MonthBody__WEBPACK_IMPORTED_MODULE_4__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props), {}, { "prefixCls": prefixCls, "onSelect": date => { onSelect(date, 'mouse'); onPanelChange('date', date); } }), null)]); } MonthPanel.displayName = 'MonthPanel'; MonthPanel.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MonthPanel); /***/ }), /***/ "./components/vc-picker/panels/PanelBody.tsx": /*!***************************************************!*\ !*** ./components/vc-picker/panels/PanelBody.tsx ***! \***************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _PanelContext__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../PanelContext */ "./components/vc-picker/PanelContext.tsx"); /* harmony import */ var _utils_timeUtil__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../utils/timeUtil */ "./components/vc-picker/utils/timeUtil.ts"); /* harmony import */ var _utils_dateUtil__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils/dateUtil */ "./components/vc-picker/utils/dateUtil.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _hooks_useMergeProps__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../hooks/useMergeProps */ "./components/vc-picker/hooks/useMergeProps.ts"); function PanelBody(_props) { const { prefixCls, disabledDate, onSelect, picker, rowNum, colNum, prefixColumn, rowClassName, baseDate, getCellClassName, getCellText, getCellNode, getCellDate, generateConfig, titleCell, headerCells } = (0,_hooks_useMergeProps__WEBPACK_IMPORTED_MODULE_2__["default"])(_props); const { onDateMouseenter, onDateMouseleave, mode } = (0,_PanelContext__WEBPACK_IMPORTED_MODULE_3__.useInjectPanel)(); const cellPrefixCls = `${prefixCls}-cell`; // =============================== Body =============================== const rows = []; for (let i = 0; i < rowNum; i += 1) { const row = []; let rowStartDate; for (let j = 0; j < colNum; j += 1) { const offset = i * colNum + j; const currentDate = getCellDate(baseDate, offset); const disabled = (0,_utils_dateUtil__WEBPACK_IMPORTED_MODULE_4__.getCellDateDisabled)({ cellDate: currentDate, mode: mode.value, disabledDate, generateConfig }); if (j === 0) { rowStartDate = currentDate; if (prefixColumn) { row.push(prefixColumn(rowStartDate)); } } const title = titleCell && titleCell(currentDate); row.push((0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("td", { "key": j, "title": title, "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_5__["default"])(cellPrefixCls, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ [`${cellPrefixCls}-disabled`]: disabled, [`${cellPrefixCls}-start`]: getCellText(currentDate) === 1 || picker === 'year' && Number(title) % 10 === 0, [`${cellPrefixCls}-end`]: title === (0,_utils_timeUtil__WEBPACK_IMPORTED_MODULE_6__.getLastDay)(generateConfig, currentDate) || picker === 'year' && Number(title) % 10 === 9 }, getCellClassName(currentDate))), "onClick": e => { e.stopPropagation(); if (!disabled) { onSelect(currentDate); } }, "onMouseenter": () => { if (!disabled && onDateMouseenter) { onDateMouseenter(currentDate); } }, "onMouseleave": () => { if (!disabled && onDateMouseleave) { onDateMouseleave(currentDate); } } }, [getCellNode ? getCellNode(currentDate) : (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${cellPrefixCls}-inner` }, [getCellText(currentDate)])])); } rows.push((0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("tr", { "key": i, "class": rowClassName && rowClassName(rowStartDate) }, [row])); } return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${prefixCls}-body` }, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("table", { "class": `${prefixCls}-content` }, [headerCells && (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("thead", null, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("tr", null, [headerCells])]), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("tbody", null, [rows])])]); } PanelBody.displayName = 'PanelBody'; PanelBody.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PanelBody); /***/ }), /***/ "./components/vc-picker/panels/QuarterPanel/QuarterBody.tsx": /*!******************************************************************!*\ !*** ./components/vc-picker/panels/QuarterPanel/QuarterBody.tsx ***! \******************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ QUARTER_COL_COUNT: () => (/* binding */ QUARTER_COL_COUNT), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _utils_dateUtil__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../utils/dateUtil */ "./components/vc-picker/utils/dateUtil.ts"); /* harmony import */ var _RangeContext__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../RangeContext */ "./components/vc-picker/RangeContext.tsx"); /* harmony import */ var _hooks_useCellClassName__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../hooks/useCellClassName */ "./components/vc-picker/hooks/useCellClassName.ts"); /* harmony import */ var _PanelBody__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../PanelBody */ "./components/vc-picker/panels/PanelBody.tsx"); /* harmony import */ var _hooks_useMergeProps__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../hooks/useMergeProps */ "./components/vc-picker/hooks/useMergeProps.ts"); const QUARTER_COL_COUNT = 4; const QUARTER_ROW_COUNT = 1; function QuarterBody(_props) { const props = (0,_hooks_useMergeProps__WEBPACK_IMPORTED_MODULE_2__["default"])(_props); const { prefixCls, locale, value, viewDate, generateConfig } = props; const { rangedValue, hoverRangedValue } = (0,_RangeContext__WEBPACK_IMPORTED_MODULE_3__.useInjectRange)(); const cellPrefixCls = `${prefixCls}-cell`; const getCellClassName = (0,_hooks_useCellClassName__WEBPACK_IMPORTED_MODULE_4__["default"])({ cellPrefixCls, value, generateConfig, rangedValue: rangedValue.value, hoverRangedValue: hoverRangedValue.value, isSameCell: (current, target) => (0,_utils_dateUtil__WEBPACK_IMPORTED_MODULE_5__.isSameQuarter)(generateConfig, current, target), isInView: () => true, offsetCell: (date, offset) => generateConfig.addMonth(date, offset * 3) }); const baseQuarter = generateConfig.setDate(generateConfig.setMonth(viewDate, 0), 1); return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_PanelBody__WEBPACK_IMPORTED_MODULE_6__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props), {}, { "rowNum": QUARTER_ROW_COUNT, "colNum": QUARTER_COL_COUNT, "baseDate": baseQuarter, "getCellText": date => (0,_utils_dateUtil__WEBPACK_IMPORTED_MODULE_5__.formatValue)(date, { locale, format: locale.quarterFormat || '[Q]Q', generateConfig }), "getCellClassName": getCellClassName, "getCellDate": (date, offset) => generateConfig.addMonth(date, offset * 3), "titleCell": date => (0,_utils_dateUtil__WEBPACK_IMPORTED_MODULE_5__.formatValue)(date, { locale, format: 'YYYY-[Q]Q', generateConfig }) }), null); } QuarterBody.displayName = 'QuarterBody'; QuarterBody.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (QuarterBody); /***/ }), /***/ "./components/vc-picker/panels/QuarterPanel/QuarterHeader.tsx": /*!********************************************************************!*\ !*** ./components/vc-picker/panels/QuarterPanel/QuarterHeader.tsx ***! \********************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _Header__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../Header */ "./components/vc-picker/panels/Header.tsx"); /* harmony import */ var _PanelContext__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../PanelContext */ "./components/vc-picker/PanelContext.tsx"); /* harmony import */ var _utils_dateUtil__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../utils/dateUtil */ "./components/vc-picker/utils/dateUtil.ts"); /* harmony import */ var _hooks_useMergeProps__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../hooks/useMergeProps */ "./components/vc-picker/hooks/useMergeProps.ts"); function QuarterHeader(_props) { const props = (0,_hooks_useMergeProps__WEBPACK_IMPORTED_MODULE_2__["default"])(_props); const { prefixCls, generateConfig, locale, viewDate, onNextYear, onPrevYear, onYearClick } = props; const { hideHeader } = (0,_PanelContext__WEBPACK_IMPORTED_MODULE_3__.useInjectPanel)(); if (hideHeader.value) { return null; } const headerPrefixCls = `${prefixCls}-header`; return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_Header__WEBPACK_IMPORTED_MODULE_4__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props), {}, { "prefixCls": headerPrefixCls, "onSuperPrev": onPrevYear, "onSuperNext": onNextYear }), { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("button", { "type": "button", "onClick": onYearClick, "class": `${prefixCls}-year-btn` }, [(0,_utils_dateUtil__WEBPACK_IMPORTED_MODULE_5__.formatValue)(viewDate, { locale, format: locale.yearFormat, generateConfig })])] }); } QuarterHeader.displayName = 'QuarterHeader'; QuarterHeader.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (QuarterHeader); /***/ }), /***/ "./components/vc-picker/panels/QuarterPanel/index.tsx": /*!************************************************************!*\ !*** ./components/vc-picker/panels/QuarterPanel/index.tsx ***! \************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _QuarterHeader__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./QuarterHeader */ "./components/vc-picker/panels/QuarterPanel/QuarterHeader.tsx"); /* harmony import */ var _QuarterBody__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./QuarterBody */ "./components/vc-picker/panels/QuarterPanel/QuarterBody.tsx"); /* harmony import */ var _utils_uiUtil__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../utils/uiUtil */ "./components/vc-picker/utils/uiUtil.ts"); /* harmony import */ var _hooks_useMergeProps__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../hooks/useMergeProps */ "./components/vc-picker/hooks/useMergeProps.ts"); function QuarterPanel(_props) { const props = (0,_hooks_useMergeProps__WEBPACK_IMPORTED_MODULE_2__["default"])(_props); const { prefixCls, operationRef, onViewDateChange, generateConfig, value, viewDate, onPanelChange, onSelect } = props; const panelPrefixCls = `${prefixCls}-quarter-panel`; // ======================= Keyboard ======================= operationRef.value = { onKeydown: event => (0,_utils_uiUtil__WEBPACK_IMPORTED_MODULE_3__.createKeydownHandler)(event, { onLeftRight: diff => { onSelect(generateConfig.addMonth(value || viewDate, diff * 3), 'key'); }, onCtrlLeftRight: diff => { onSelect(generateConfig.addYear(value || viewDate, diff), 'key'); }, onUpDown: diff => { onSelect(generateConfig.addYear(value || viewDate, diff), 'key'); } }) }; // ==================== View Operation ==================== const onYearChange = diff => { const newDate = generateConfig.addYear(viewDate, diff); onViewDateChange(newDate); onPanelChange(null, newDate); }; return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": panelPrefixCls }, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_QuarterHeader__WEBPACK_IMPORTED_MODULE_4__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props), {}, { "prefixCls": prefixCls, "onPrevYear": () => { onYearChange(-1); }, "onNextYear": () => { onYearChange(1); }, "onYearClick": () => { onPanelChange('year', viewDate); } }), null), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_QuarterBody__WEBPACK_IMPORTED_MODULE_5__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props), {}, { "prefixCls": prefixCls, "onSelect": date => { onSelect(date, 'mouse'); } }), null)]); } QuarterPanel.displayName = 'QuarterPanel'; QuarterPanel.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (QuarterPanel); /***/ }), /***/ "./components/vc-picker/panels/TimePanel/TimeBody.tsx": /*!************************************************************!*\ !*** ./components/vc-picker/panels/TimePanel/TimeBody.tsx ***! \************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _TimeUnitColumn__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./TimeUnitColumn */ "./components/vc-picker/panels/TimePanel/TimeUnitColumn.tsx"); /* harmony import */ var _utils_miscUtil__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../utils/miscUtil */ "./components/vc-picker/utils/miscUtil.ts"); /* harmony import */ var _utils_timeUtil__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../utils/timeUtil */ "./components/vc-picker/utils/timeUtil.ts"); /* harmony import */ var _util_vnode__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../_util/vnode */ "./components/_util/vnode.ts"); function generateUnits(start, end, step, disabledUnits) { const units = []; for (let i = start; i <= end; i += step) { units.push({ label: (0,_utils_miscUtil__WEBPACK_IMPORTED_MODULE_2__.leftPad)(i, 2), value: i, disabled: (disabledUnits || []).includes(i) }); } return units; } const TimeBody = (0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'TimeBody', inheritAttrs: false, props: ['generateConfig', 'prefixCls', 'operationRef', 'activeColumnIndex', 'value', 'showHour', 'showMinute', 'showSecond', 'use12Hours', 'hourStep', 'minuteStep', 'secondStep', 'disabledHours', 'disabledMinutes', 'disabledSeconds', 'disabledTime', 'hideDisabledOptions', 'onSelect'], setup(props) { const originHour = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => props.value ? props.generateConfig.getHour(props.value) : -1); const isPM = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { if (props.use12Hours) { return originHour.value >= 12; // -1 means should display AM } else { return false; } }); const hour = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { // Should additional logic to handle 12 hours if (props.use12Hours) { return originHour.value % 12; } else { return originHour.value; } }); const minute = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => props.value ? props.generateConfig.getMinute(props.value) : -1); const second = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => props.value ? props.generateConfig.getSecond(props.value) : -1); const now = (0,vue__WEBPACK_IMPORTED_MODULE_1__.ref)(props.generateConfig.getNow()); const mergedDisabledHours = (0,vue__WEBPACK_IMPORTED_MODULE_1__.ref)(); const mergedDisabledMinutes = (0,vue__WEBPACK_IMPORTED_MODULE_1__.ref)(); const mergedDisabledSeconds = (0,vue__WEBPACK_IMPORTED_MODULE_1__.ref)(); (0,vue__WEBPACK_IMPORTED_MODULE_1__.onBeforeUpdate)(() => { now.value = props.generateConfig.getNow(); }); (0,vue__WEBPACK_IMPORTED_MODULE_1__.watchEffect)(() => { if (props.disabledTime) { const disabledConfig = props.disabledTime(now); [mergedDisabledHours.value, mergedDisabledMinutes.value, mergedDisabledSeconds.value] = [disabledConfig.disabledHours, disabledConfig.disabledMinutes, disabledConfig.disabledSeconds]; } else { [mergedDisabledHours.value, mergedDisabledMinutes.value, mergedDisabledSeconds.value] = [props.disabledHours, props.disabledMinutes, props.disabledSeconds]; } }); const setTime = (isNewPM, newHour, newMinute, newSecond) => { let newDate = props.value || props.generateConfig.getNow(); const mergedHour = Math.max(0, newHour); const mergedMinute = Math.max(0, newMinute); const mergedSecond = Math.max(0, newSecond); newDate = (0,_utils_timeUtil__WEBPACK_IMPORTED_MODULE_3__.setTime)(props.generateConfig, newDate, !props.use12Hours || !isNewPM ? mergedHour : mergedHour + 12, mergedMinute, mergedSecond); return newDate; }; // ========================= Unit ========================= const rawHours = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { var _a; return generateUnits(0, 23, (_a = props.hourStep) !== null && _a !== void 0 ? _a : 1, mergedDisabledHours.value && mergedDisabledHours.value()); }); // const memorizedRawHours = useMemo(() => rawHours, rawHours, shouldUnitsUpdate); const AMPMDisabled = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { if (!props.use12Hours) { return [false, false]; } const AMPMDisabled = [true, true]; rawHours.value.forEach(_ref => { let { disabled, value: hourValue } = _ref; if (disabled) return; if (hourValue >= 12) { AMPMDisabled[1] = false; } else { AMPMDisabled[0] = false; } }); return AMPMDisabled; }); const hours = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { if (!props.use12Hours) return rawHours.value; return rawHours.value.filter(isPM.value ? hourMeta => hourMeta.value >= 12 : hourMeta => hourMeta.value < 12).map(hourMeta => { const hourValue = hourMeta.value % 12; const hourLabel = hourValue === 0 ? '12' : (0,_utils_miscUtil__WEBPACK_IMPORTED_MODULE_2__.leftPad)(hourValue, 2); return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, hourMeta), { label: hourLabel, value: hourValue }); }); }); const minutes = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { var _a; return generateUnits(0, 59, (_a = props.minuteStep) !== null && _a !== void 0 ? _a : 1, mergedDisabledMinutes.value && mergedDisabledMinutes.value(originHour.value)); }); const seconds = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { var _a; return generateUnits(0, 59, (_a = props.secondStep) !== null && _a !== void 0 ? _a : 1, mergedDisabledSeconds.value && mergedDisabledSeconds.value(originHour.value, minute.value)); }); return () => { const { prefixCls, operationRef, activeColumnIndex, showHour, showMinute, showSecond, use12Hours, hideDisabledOptions, onSelect } = props; const columns = []; const contentPrefixCls = `${prefixCls}-content`; const columnPrefixCls = `${prefixCls}-time-panel`; // ====================== Operations ====================== operationRef.value = { onUpDown: diff => { const column = columns[activeColumnIndex]; if (column) { const valueIndex = column.units.findIndex(unit => unit.value === column.value); const unitLen = column.units.length; for (let i = 1; i < unitLen; i += 1) { const nextUnit = column.units[(valueIndex + diff * i + unitLen) % unitLen]; if (nextUnit.disabled !== true) { column.onSelect(nextUnit.value); break; } } } } }; // ======================== Render ======================== function addColumnNode(condition, node, columnValue, units, onColumnSelect) { if (condition !== false) { columns.push({ node: (0,_util_vnode__WEBPACK_IMPORTED_MODULE_4__.cloneElement)(node, { prefixCls: columnPrefixCls, value: columnValue, active: activeColumnIndex === columns.length, onSelect: onColumnSelect, units, hideDisabledOptions }), onSelect: onColumnSelect, value: columnValue, units }); } } // Hour addColumnNode(showHour, (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_TimeUnitColumn__WEBPACK_IMPORTED_MODULE_5__["default"], { "key": "hour" }, null), hour.value, hours.value, num => { onSelect(setTime(isPM.value, num, minute.value, second.value), 'mouse'); }); // Minute addColumnNode(showMinute, (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_TimeUnitColumn__WEBPACK_IMPORTED_MODULE_5__["default"], { "key": "minute" }, null), minute.value, minutes.value, num => { onSelect(setTime(isPM.value, hour.value, num, second.value), 'mouse'); }); // Second addColumnNode(showSecond, (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_TimeUnitColumn__WEBPACK_IMPORTED_MODULE_5__["default"], { "key": "second" }, null), second.value, seconds.value, num => { onSelect(setTime(isPM.value, hour.value, minute.value, num), 'mouse'); }); // 12 Hours let PMIndex = -1; if (typeof isPM.value === 'boolean') { PMIndex = isPM.value ? 1 : 0; } addColumnNode(use12Hours === true, (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_TimeUnitColumn__WEBPACK_IMPORTED_MODULE_5__["default"], { "key": "12hours" }, null), PMIndex, [{ label: 'AM', value: 0, disabled: AMPMDisabled.value[0] }, { label: 'PM', value: 1, disabled: AMPMDisabled.value[1] }], num => { onSelect(setTime(!!num, hour.value, minute.value, second.value), 'mouse'); }); return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": contentPrefixCls }, [columns.map(_ref2 => { let { node } = _ref2; return node; })]); }; } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TimeBody); /***/ }), /***/ "./components/vc-picker/panels/TimePanel/TimeHeader.tsx": /*!**************************************************************!*\ !*** ./components/vc-picker/panels/TimePanel/TimeHeader.tsx ***! \**************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _Header__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../Header */ "./components/vc-picker/panels/Header.tsx"); /* harmony import */ var _PanelContext__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../PanelContext */ "./components/vc-picker/PanelContext.tsx"); /* harmony import */ var _utils_dateUtil__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../utils/dateUtil */ "./components/vc-picker/utils/dateUtil.ts"); /* harmony import */ var _hooks_useMergeProps__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../hooks/useMergeProps */ "./components/vc-picker/hooks/useMergeProps.ts"); function TimeHeader(_props) { const props = (0,_hooks_useMergeProps__WEBPACK_IMPORTED_MODULE_1__["default"])(_props); const { hideHeader } = (0,_PanelContext__WEBPACK_IMPORTED_MODULE_2__.useInjectPanel)(); if (hideHeader.value) { return null; } const { prefixCls, generateConfig, locale, value, format } = props; const headerPrefixCls = `${prefixCls}-header`; return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_Header__WEBPACK_IMPORTED_MODULE_3__["default"], { "prefixCls": headerPrefixCls }, { default: () => [value ? (0,_utils_dateUtil__WEBPACK_IMPORTED_MODULE_4__.formatValue)(value, { locale, format, generateConfig }) : '\u00A0'] }); } TimeHeader.displayName = 'TimeHeader'; TimeHeader.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TimeHeader); /***/ }), /***/ "./components/vc-picker/panels/TimePanel/TimeUnitColumn.tsx": /*!******************************************************************!*\ !*** ./components/vc-picker/panels/TimePanel/TimeUnitColumn.tsx ***! \******************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _utils_uiUtil__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../utils/uiUtil */ "./components/vc-picker/utils/uiUtil.ts"); /* harmony import */ var _PanelContext__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../PanelContext */ "./components/vc-picker/PanelContext.tsx"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../_util/classNames */ "./components/_util/classNames.ts"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)({ name: 'TimeUnitColumn', props: ['prefixCls', 'units', 'onSelect', 'value', 'active', 'hideDisabledOptions'], setup(props) { const { open } = (0,_PanelContext__WEBPACK_IMPORTED_MODULE_1__.useInjectPanel)(); const ulRef = (0,vue__WEBPACK_IMPORTED_MODULE_0__.shallowRef)(null); const liRefs = (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)(new Map()); const scrollRef = (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)(); (0,vue__WEBPACK_IMPORTED_MODULE_0__.watch)(() => props.value, () => { const li = liRefs.value.get(props.value); if (li && open.value !== false) { (0,_utils_uiUtil__WEBPACK_IMPORTED_MODULE_2__.scrollTo)(ulRef.value, li.offsetTop, 120); } }); (0,vue__WEBPACK_IMPORTED_MODULE_0__.onBeforeUnmount)(() => { var _a; (_a = scrollRef.value) === null || _a === void 0 ? void 0 : _a.call(scrollRef); }); (0,vue__WEBPACK_IMPORTED_MODULE_0__.watch)(open, () => { var _a; (_a = scrollRef.value) === null || _a === void 0 ? void 0 : _a.call(scrollRef); (0,vue__WEBPACK_IMPORTED_MODULE_0__.nextTick)(() => { if (open.value) { const li = liRefs.value.get(props.value); if (li) { scrollRef.value = (0,_utils_uiUtil__WEBPACK_IMPORTED_MODULE_2__.waitElementReady)(li, () => { (0,_utils_uiUtil__WEBPACK_IMPORTED_MODULE_2__.scrollTo)(ulRef.value, li.offsetTop, 0); }); } } }); }, { immediate: true, flush: 'post' }); return () => { const { prefixCls, units, onSelect, value, active, hideDisabledOptions } = props; const cellPrefixCls = `${prefixCls}-cell`; return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("ul", { "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_3__["default"])(`${prefixCls}-column`, { [`${prefixCls}-column-active`]: active }), "ref": ulRef, "style": { position: 'relative' } }, [units.map(unit => { if (hideDisabledOptions && unit.disabled) { return null; } return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("li", { "key": unit.value, "ref": element => { liRefs.value.set(unit.value, element); }, "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_3__["default"])(cellPrefixCls, { [`${cellPrefixCls}-disabled`]: unit.disabled, [`${cellPrefixCls}-selected`]: value === unit.value }), "onClick": () => { if (unit.disabled) { return; } onSelect(unit.value); } }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", { "class": `${cellPrefixCls}-inner` }, [unit.label])]); })]); }; } })); /***/ }), /***/ "./components/vc-picker/panels/TimePanel/index.tsx": /*!*********************************************************!*\ !*** ./components/vc-picker/panels/TimePanel/index.tsx ***! \*********************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _TimeHeader__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./TimeHeader */ "./components/vc-picker/panels/TimePanel/TimeHeader.tsx"); /* harmony import */ var _TimeBody__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./TimeBody */ "./components/vc-picker/panels/TimePanel/TimeBody.tsx"); /* harmony import */ var _utils_uiUtil__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../utils/uiUtil */ "./components/vc-picker/utils/uiUtil.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _hooks_useMergeProps__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../hooks/useMergeProps */ "./components/vc-picker/hooks/useMergeProps.ts"); const countBoolean = boolList => boolList.filter(bool => bool !== false).length; function TimePanel(_props) { const props = (0,_hooks_useMergeProps__WEBPACK_IMPORTED_MODULE_2__["default"])(_props); const { generateConfig, format = 'HH:mm:ss', prefixCls, active, operationRef, showHour, showMinute, showSecond, use12Hours = false, onSelect, value } = props; const panelPrefixCls = `${prefixCls}-time-panel`; const bodyOperationRef = (0,vue__WEBPACK_IMPORTED_MODULE_1__.ref)(); // ======================= Keyboard ======================= const activeColumnIndex = (0,vue__WEBPACK_IMPORTED_MODULE_1__.ref)(-1); const columnsCount = countBoolean([showHour, showMinute, showSecond, use12Hours]); operationRef.value = { onKeydown: event => (0,_utils_uiUtil__WEBPACK_IMPORTED_MODULE_3__.createKeydownHandler)(event, { onLeftRight: diff => { activeColumnIndex.value = (activeColumnIndex.value + diff + columnsCount) % columnsCount; }, onUpDown: diff => { if (activeColumnIndex.value === -1) { activeColumnIndex.value = 0; } else if (bodyOperationRef.value) { bodyOperationRef.value.onUpDown(diff); } }, onEnter: () => { onSelect(value || generateConfig.getNow(), 'key'); activeColumnIndex.value = -1; } }), onBlur: () => { activeColumnIndex.value = -1; } }; return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_4__["default"])(panelPrefixCls, { [`${panelPrefixCls}-active`]: active }) }, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_TimeHeader__WEBPACK_IMPORTED_MODULE_5__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props), {}, { "format": format, "prefixCls": prefixCls }), null), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_TimeBody__WEBPACK_IMPORTED_MODULE_6__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props), {}, { "prefixCls": prefixCls, "activeColumnIndex": activeColumnIndex.value, "operationRef": bodyOperationRef }), null)]); } TimePanel.displayName = 'TimePanel'; TimePanel.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TimePanel); /***/ }), /***/ "./components/vc-picker/panels/WeekPanel/index.tsx": /*!*********************************************************!*\ !*** ./components/vc-picker/panels/WeekPanel/index.tsx ***! \*********************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _DatePanel__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../DatePanel */ "./components/vc-picker/panels/DatePanel/index.tsx"); /* harmony import */ var _utils_dateUtil__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../utils/dateUtil */ "./components/vc-picker/utils/dateUtil.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _hooks_useMergeProps__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../hooks/useMergeProps */ "./components/vc-picker/hooks/useMergeProps.ts"); function WeekPanel(_props) { const props = (0,_hooks_useMergeProps__WEBPACK_IMPORTED_MODULE_2__["default"])(_props); const { prefixCls, generateConfig, locale, value } = props; // Render additional column const cellPrefixCls = `${prefixCls}-cell`; const prefixColumn = date => (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("td", { "key": "week", "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_3__["default"])(cellPrefixCls, `${cellPrefixCls}-week`) }, [generateConfig.locale.getWeek(locale.locale, date)]); // Add row className const rowPrefixCls = `${prefixCls}-week-panel-row`; const rowClassName = date => (0,_util_classNames__WEBPACK_IMPORTED_MODULE_3__["default"])(rowPrefixCls, { [`${rowPrefixCls}-selected`]: (0,_utils_dateUtil__WEBPACK_IMPORTED_MODULE_4__.isSameWeek)(generateConfig, locale.locale, value, date) }); return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_DatePanel__WEBPACK_IMPORTED_MODULE_5__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props), {}, { "panelName": "week", "prefixColumn": prefixColumn, "rowClassName": rowClassName, "keyboardConfig": { onLeftRight: null } }), null); } WeekPanel.displayName = 'WeekPanel'; WeekPanel.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (WeekPanel); /***/ }), /***/ "./components/vc-picker/panels/YearPanel/YearBody.tsx": /*!************************************************************!*\ !*** ./components/vc-picker/panels/YearPanel/YearBody.tsx ***! \************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ YEAR_COL_COUNT: () => (/* binding */ YEAR_COL_COUNT), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var ___WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! . */ "./components/vc-picker/panels/YearPanel/index.tsx"); /* harmony import */ var _hooks_useCellClassName__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../hooks/useCellClassName */ "./components/vc-picker/hooks/useCellClassName.ts"); /* harmony import */ var _utils_dateUtil__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../utils/dateUtil */ "./components/vc-picker/utils/dateUtil.ts"); /* harmony import */ var _RangeContext__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../RangeContext */ "./components/vc-picker/RangeContext.tsx"); /* harmony import */ var _PanelBody__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../PanelBody */ "./components/vc-picker/panels/PanelBody.tsx"); /* harmony import */ var _hooks_useMergeProps__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../hooks/useMergeProps */ "./components/vc-picker/hooks/useMergeProps.ts"); const YEAR_COL_COUNT = 3; const YEAR_ROW_COUNT = 4; function YearBody(_props) { const props = (0,_hooks_useMergeProps__WEBPACK_IMPORTED_MODULE_2__["default"])(_props); const { prefixCls, value, viewDate, locale, generateConfig } = props; const { rangedValue, hoverRangedValue } = (0,_RangeContext__WEBPACK_IMPORTED_MODULE_3__.useInjectRange)(); const yearPrefixCls = `${prefixCls}-cell`; // =============================== Year =============================== const yearNumber = generateConfig.getYear(viewDate); const startYear = Math.floor(yearNumber / ___WEBPACK_IMPORTED_MODULE_4__.YEAR_DECADE_COUNT) * ___WEBPACK_IMPORTED_MODULE_4__.YEAR_DECADE_COUNT; const endYear = startYear + ___WEBPACK_IMPORTED_MODULE_4__.YEAR_DECADE_COUNT - 1; const baseYear = generateConfig.setYear(viewDate, startYear - Math.ceil((YEAR_COL_COUNT * YEAR_ROW_COUNT - ___WEBPACK_IMPORTED_MODULE_4__.YEAR_DECADE_COUNT) / 2)); const isInView = date => { const currentYearNumber = generateConfig.getYear(date); return startYear <= currentYearNumber && currentYearNumber <= endYear; }; const getCellClassName = (0,_hooks_useCellClassName__WEBPACK_IMPORTED_MODULE_5__["default"])({ cellPrefixCls: yearPrefixCls, value, generateConfig, rangedValue: rangedValue.value, hoverRangedValue: hoverRangedValue.value, isSameCell: (current, target) => (0,_utils_dateUtil__WEBPACK_IMPORTED_MODULE_6__.isSameYear)(generateConfig, current, target), isInView, offsetCell: (date, offset) => generateConfig.addYear(date, offset) }); return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_PanelBody__WEBPACK_IMPORTED_MODULE_7__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props), {}, { "rowNum": YEAR_ROW_COUNT, "colNum": YEAR_COL_COUNT, "baseDate": baseYear, "getCellText": generateConfig.getYear, "getCellClassName": getCellClassName, "getCellDate": generateConfig.addYear, "titleCell": date => (0,_utils_dateUtil__WEBPACK_IMPORTED_MODULE_6__.formatValue)(date, { locale, format: 'YYYY', generateConfig }) }), null); } YearBody.displayName = 'YearBody'; YearBody.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (YearBody); /***/ }), /***/ "./components/vc-picker/panels/YearPanel/YearHeader.tsx": /*!**************************************************************!*\ !*** ./components/vc-picker/panels/YearPanel/YearHeader.tsx ***! \**************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _Header__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../Header */ "./components/vc-picker/panels/Header.tsx"); /* harmony import */ var ___WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! . */ "./components/vc-picker/panels/YearPanel/index.tsx"); /* harmony import */ var _PanelContext__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../PanelContext */ "./components/vc-picker/PanelContext.tsx"); /* harmony import */ var _hooks_useMergeProps__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../hooks/useMergeProps */ "./components/vc-picker/hooks/useMergeProps.ts"); function YearHeader(_props) { const props = (0,_hooks_useMergeProps__WEBPACK_IMPORTED_MODULE_2__["default"])(_props); const { prefixCls, generateConfig, viewDate, onPrevDecade, onNextDecade, onDecadeClick } = props; const { hideHeader } = (0,_PanelContext__WEBPACK_IMPORTED_MODULE_3__.useInjectPanel)(); if (hideHeader.value) { return null; } const headerPrefixCls = `${prefixCls}-header`; const yearNumber = generateConfig.getYear(viewDate); const startYear = Math.floor(yearNumber / ___WEBPACK_IMPORTED_MODULE_4__.YEAR_DECADE_COUNT) * ___WEBPACK_IMPORTED_MODULE_4__.YEAR_DECADE_COUNT; const endYear = startYear + ___WEBPACK_IMPORTED_MODULE_4__.YEAR_DECADE_COUNT - 1; return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_Header__WEBPACK_IMPORTED_MODULE_5__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props), {}, { "prefixCls": headerPrefixCls, "onSuperPrev": onPrevDecade, "onSuperNext": onNextDecade }), { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("button", { "type": "button", "onClick": onDecadeClick, "class": `${prefixCls}-decade-btn` }, [startYear, (0,vue__WEBPACK_IMPORTED_MODULE_1__.createTextVNode)("-"), endYear])] }); } YearHeader.displayName = 'YearHeader'; YearHeader.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (YearHeader); /***/ }), /***/ "./components/vc-picker/panels/YearPanel/index.tsx": /*!*********************************************************!*\ !*** ./components/vc-picker/panels/YearPanel/index.tsx ***! \*********************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ YEAR_DECADE_COUNT: () => (/* binding */ YEAR_DECADE_COUNT), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _YearHeader__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./YearHeader */ "./components/vc-picker/panels/YearPanel/YearHeader.tsx"); /* harmony import */ var _YearBody__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./YearBody */ "./components/vc-picker/panels/YearPanel/YearBody.tsx"); /* harmony import */ var _utils_uiUtil__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../utils/uiUtil */ "./components/vc-picker/utils/uiUtil.ts"); /* harmony import */ var _hooks_useMergeProps__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../hooks/useMergeProps */ "./components/vc-picker/hooks/useMergeProps.ts"); const YEAR_DECADE_COUNT = 10; function YearPanel(_props) { const props = (0,_hooks_useMergeProps__WEBPACK_IMPORTED_MODULE_2__["default"])(_props); const { prefixCls, operationRef, onViewDateChange, generateConfig, value, viewDate, sourceMode, onSelect, onPanelChange } = props; const panelPrefixCls = `${prefixCls}-year-panel`; // ======================= Keyboard ======================= operationRef.value = { onKeydown: event => (0,_utils_uiUtil__WEBPACK_IMPORTED_MODULE_3__.createKeydownHandler)(event, { onLeftRight: diff => { onSelect(generateConfig.addYear(value || viewDate, diff), 'key'); }, onCtrlLeftRight: diff => { onSelect(generateConfig.addYear(value || viewDate, diff * YEAR_DECADE_COUNT), 'key'); }, onUpDown: diff => { onSelect(generateConfig.addYear(value || viewDate, diff * _YearBody__WEBPACK_IMPORTED_MODULE_4__.YEAR_COL_COUNT), 'key'); }, onEnter: () => { onPanelChange(sourceMode === 'date' ? 'date' : 'month', value || viewDate); } }) }; // ==================== View Operation ==================== const onDecadeChange = diff => { const newDate = generateConfig.addYear(viewDate, diff * 10); onViewDateChange(newDate); onPanelChange(null, newDate); }; return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": panelPrefixCls }, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_YearHeader__WEBPACK_IMPORTED_MODULE_5__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props), {}, { "prefixCls": prefixCls, "onPrevDecade": () => { onDecadeChange(-1); }, "onNextDecade": () => { onDecadeChange(1); }, "onDecadeClick": () => { onPanelChange('decade', viewDate); } }), null), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_YearBody__WEBPACK_IMPORTED_MODULE_4__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props), {}, { "prefixCls": prefixCls, "onSelect": date => { onPanelChange(sourceMode === 'date' ? 'date' : 'month', date); onSelect(date, 'mouse'); } }), null)]); } YearPanel.displayName = 'YearPanel'; YearPanel.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (YearPanel); /***/ }), /***/ "./components/vc-picker/utils/dateUtil.ts": /*!************************************************!*\ !*** ./components/vc-picker/utils/dateUtil.ts ***! \************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ WEEK_DAY_COUNT: () => (/* binding */ WEEK_DAY_COUNT), /* harmony export */ formatValue: () => (/* binding */ formatValue), /* harmony export */ getCellDateDisabled: () => (/* binding */ getCellDateDisabled), /* harmony export */ getClosingViewDate: () => (/* binding */ getClosingViewDate), /* harmony export */ getQuarter: () => (/* binding */ getQuarter), /* harmony export */ getWeekStartDate: () => (/* binding */ getWeekStartDate), /* harmony export */ isEqual: () => (/* binding */ isEqual), /* harmony export */ isInRange: () => (/* binding */ isInRange), /* harmony export */ isNullEqual: () => (/* binding */ isNullEqual), /* harmony export */ isSameDate: () => (/* binding */ isSameDate), /* harmony export */ isSameDecade: () => (/* binding */ isSameDecade), /* harmony export */ isSameMonth: () => (/* binding */ isSameMonth), /* harmony export */ isSameQuarter: () => (/* binding */ isSameQuarter), /* harmony export */ isSameTime: () => (/* binding */ isSameTime), /* harmony export */ isSameWeek: () => (/* binding */ isSameWeek), /* harmony export */ isSameYear: () => (/* binding */ isSameYear), /* harmony export */ parseValue: () => (/* binding */ parseValue) /* harmony export */ }); /* harmony import */ var _panels_DecadePanel_index__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../panels/DecadePanel/index */ "./components/vc-picker/panels/DecadePanel/index.tsx"); const WEEK_DAY_COUNT = 7; function isNullEqual(value1, value2) { if (!value1 && !value2) { return true; } if (!value1 || !value2) { return false; } return undefined; } function isSameDecade(generateConfig, decade1, decade2) { const equal = isNullEqual(decade1, decade2); if (typeof equal === 'boolean') { return equal; } const num1 = Math.floor(generateConfig.getYear(decade1) / 10); const num2 = Math.floor(generateConfig.getYear(decade2) / 10); return num1 === num2; } function isSameYear(generateConfig, year1, year2) { const equal = isNullEqual(year1, year2); if (typeof equal === 'boolean') { return equal; } return generateConfig.getYear(year1) === generateConfig.getYear(year2); } function getQuarter(generateConfig, date) { const quota = Math.floor(generateConfig.getMonth(date) / 3); return quota + 1; } function isSameQuarter(generateConfig, quarter1, quarter2) { const equal = isNullEqual(quarter1, quarter2); if (typeof equal === 'boolean') { return equal; } return isSameYear(generateConfig, quarter1, quarter2) && getQuarter(generateConfig, quarter1) === getQuarter(generateConfig, quarter2); } function isSameMonth(generateConfig, month1, month2) { const equal = isNullEqual(month1, month2); if (typeof equal === 'boolean') { return equal; } return isSameYear(generateConfig, month1, month2) && generateConfig.getMonth(month1) === generateConfig.getMonth(month2); } function isSameDate(generateConfig, date1, date2) { const equal = isNullEqual(date1, date2); if (typeof equal === 'boolean') { return equal; } return generateConfig.getYear(date1) === generateConfig.getYear(date2) && generateConfig.getMonth(date1) === generateConfig.getMonth(date2) && generateConfig.getDate(date1) === generateConfig.getDate(date2); } function isSameTime(generateConfig, time1, time2) { const equal = isNullEqual(time1, time2); if (typeof equal === 'boolean') { return equal; } return generateConfig.getHour(time1) === generateConfig.getHour(time2) && generateConfig.getMinute(time1) === generateConfig.getMinute(time2) && generateConfig.getSecond(time1) === generateConfig.getSecond(time2); } function isSameWeek(generateConfig, locale, date1, date2) { const equal = isNullEqual(date1, date2); if (typeof equal === 'boolean') { return equal; } return generateConfig.locale.getWeek(locale, date1) === generateConfig.locale.getWeek(locale, date2); } function isEqual(generateConfig, value1, value2) { return isSameDate(generateConfig, value1, value2) && isSameTime(generateConfig, value1, value2); } /** Between in date but not equal of date */ function isInRange(generateConfig, startDate, endDate, current) { if (!startDate || !endDate || !current) { return false; } return !isSameDate(generateConfig, startDate, current) && !isSameDate(generateConfig, endDate, current) && generateConfig.isAfter(current, startDate) && generateConfig.isAfter(endDate, current); } function getWeekStartDate(locale, generateConfig, value) { const weekFirstDay = generateConfig.locale.getWeekFirstDay(locale); const monthStartDate = generateConfig.setDate(value, 1); const startDateWeekDay = generateConfig.getWeekDay(monthStartDate); let alignStartDate = generateConfig.addDate(monthStartDate, weekFirstDay - startDateWeekDay); if (generateConfig.getMonth(alignStartDate) === generateConfig.getMonth(value) && generateConfig.getDate(alignStartDate) > 1) { alignStartDate = generateConfig.addDate(alignStartDate, -7); } return alignStartDate; } function getClosingViewDate(viewDate, picker, generateConfig) { let offset = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1; switch (picker) { case 'year': return generateConfig.addYear(viewDate, offset * 10); case 'quarter': case 'month': return generateConfig.addYear(viewDate, offset); default: return generateConfig.addMonth(viewDate, offset); } } function formatValue(value, _ref) { let { generateConfig, locale, format } = _ref; return typeof format === 'function' ? format(value) : generateConfig.locale.format(locale.locale, value, format); } function parseValue(value, _ref2) { let { generateConfig, locale, formatList } = _ref2; if (!value || typeof formatList[0] === 'function') { return null; } return generateConfig.locale.parse(locale.locale, value, formatList); } // eslint-disable-next-line consistent-return function getCellDateDisabled(_ref3) { let { cellDate, mode, disabledDate, generateConfig } = _ref3; if (!disabledDate) return false; // Whether cellDate is disabled in range const getDisabledFromRange = (currentMode, start, end) => { let current = start; while (current <= end) { let date; switch (currentMode) { case 'date': { date = generateConfig.setDate(cellDate, current); if (!disabledDate(date)) { return false; } break; } case 'month': { date = generateConfig.setMonth(cellDate, current); if (!getCellDateDisabled({ cellDate: date, mode: 'month', generateConfig, disabledDate })) { return false; } break; } case 'year': { date = generateConfig.setYear(cellDate, current); if (!getCellDateDisabled({ cellDate: date, mode: 'year', generateConfig, disabledDate })) { return false; } break; } } current += 1; } return true; }; switch (mode) { case 'date': case 'week': { return disabledDate(cellDate); } case 'month': { const startDate = 1; const endDate = generateConfig.getDate(generateConfig.getEndDate(cellDate)); return getDisabledFromRange('date', startDate, endDate); } case 'quarter': { const startMonth = Math.floor(generateConfig.getMonth(cellDate) / 3) * 3; const endMonth = startMonth + 2; return getDisabledFromRange('month', startMonth, endMonth); } case 'year': { return getDisabledFromRange('month', 0, 11); } case 'decade': { const year = generateConfig.getYear(cellDate); const startYear = Math.floor(year / _panels_DecadePanel_index__WEBPACK_IMPORTED_MODULE_0__.DECADE_UNIT_DIFF) * _panels_DecadePanel_index__WEBPACK_IMPORTED_MODULE_0__.DECADE_UNIT_DIFF; const endYear = startYear + _panels_DecadePanel_index__WEBPACK_IMPORTED_MODULE_0__.DECADE_UNIT_DIFF - 1; return getDisabledFromRange('year', startYear, endYear); } } } /***/ }), /***/ "./components/vc-picker/utils/getExtraFooter.tsx": /*!*******************************************************!*\ !*** ./components/vc-picker/utils/getExtraFooter.tsx ***! \*******************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ getExtraFooter) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); function getExtraFooter(prefixCls, mode, renderExtraFooter) { if (!renderExtraFooter) { return null; } return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", { "class": `${prefixCls}-footer-extra` }, [renderExtraFooter(mode)]); } /***/ }), /***/ "./components/vc-picker/utils/getRanges.tsx": /*!**************************************************!*\ !*** ./components/vc-picker/utils/getRanges.tsx ***! \**************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ getRanges) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); function getRanges(_ref) { let { prefixCls, components = {}, needConfirmButton, onNow, onOk, okDisabled, showNow, locale } = _ref; let presetNode; let okNode; if (needConfirmButton) { const Button = components.button || 'button'; if (onNow && showNow !== false) { presetNode = (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("li", { "class": `${prefixCls}-now` }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("a", { "class": `${prefixCls}-now-btn`, "onClick": onNow }, [locale.now])]); } okNode = needConfirmButton && (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("li", { "class": `${prefixCls}-ok` }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(Button, { "disabled": okDisabled, "onClick": e => { e.stopPropagation(); onOk && onOk(); } }, { default: () => [locale.ok] })]); } if (!presetNode && !okNode) { return null; } return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("ul", { "class": `${prefixCls}-ranges` }, [presetNode, okNode]); } /***/ }), /***/ "./components/vc-picker/utils/miscUtil.ts": /*!************************************************!*\ !*** ./components/vc-picker/utils/miscUtil.ts ***! \************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ getDataOrAriaProps), /* harmony export */ getValue: () => (/* binding */ getValue), /* harmony export */ leftPad: () => (/* binding */ leftPad), /* harmony export */ toArray: () => (/* binding */ toArray), /* harmony export */ tuple: () => (/* binding */ tuple), /* harmony export */ updateValues: () => (/* binding */ updateValues) /* harmony export */ }); function leftPad(str, length) { let fill = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '0'; let current = String(str); while (current.length < length) { current = `${fill}${str}`; } return current; } const tuple = function () { for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) { args[_key] = arguments[_key]; } return args; }; function toArray(val) { if (val === null || val === undefined) { return []; } return Array.isArray(val) ? val : [val]; } function getDataOrAriaProps(props) { const retProps = {}; Object.keys(props).forEach(key => { if ((key.startsWith('data-') || key.startsWith('aria-') || key === 'role' || key === 'name') && !key.startsWith('data-__')) { retProps[key] = props[key]; } }); return retProps; } function getValue(values, index) { return values ? values[index] : null; } function updateValues(values, value, index) { const newValues = [getValue(values, 0), getValue(values, 1)]; newValues[index] = typeof value === 'function' ? value(newValues[index]) : value; if (!newValues[0] && !newValues[1]) { return null; } return newValues; } /***/ }), /***/ "./components/vc-picker/utils/timeUtil.ts": /*!************************************************!*\ !*** ./components/vc-picker/utils/timeUtil.ts ***! \************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ getLastDay: () => (/* binding */ getLastDay), /* harmony export */ getLowerBoundTime: () => (/* binding */ getLowerBoundTime), /* harmony export */ setDateTime: () => (/* binding */ setDateTime), /* harmony export */ setTime: () => (/* binding */ setTime) /* harmony export */ }); function setTime(generateConfig, date, hour, minute, second) { let nextTime = generateConfig.setHour(date, hour); nextTime = generateConfig.setMinute(nextTime, minute); nextTime = generateConfig.setSecond(nextTime, second); return nextTime; } function setDateTime(generateConfig, date, defaultDate) { if (!defaultDate) { return date; } let newDate = date; newDate = generateConfig.setHour(newDate, generateConfig.getHour(defaultDate)); newDate = generateConfig.setMinute(newDate, generateConfig.getMinute(defaultDate)); newDate = generateConfig.setSecond(newDate, generateConfig.getSecond(defaultDate)); return newDate; } function getLowerBoundTime(hour, minute, second, hourStep, minuteStep, secondStep) { const lowerBoundHour = Math.floor(hour / hourStep) * hourStep; if (lowerBoundHour < hour) { return [lowerBoundHour, 60 - minuteStep, 60 - secondStep]; } const lowerBoundMinute = Math.floor(minute / minuteStep) * minuteStep; if (lowerBoundMinute < minute) { return [lowerBoundHour, lowerBoundMinute, 60 - secondStep]; } const lowerBoundSecond = Math.floor(second / secondStep) * secondStep; return [lowerBoundHour, lowerBoundMinute, lowerBoundSecond]; } function getLastDay(generateConfig, date) { const year = generateConfig.getYear(date); const month = generateConfig.getMonth(date) + 1; const endDate = generateConfig.getEndDate(generateConfig.getFixedDate(`${year}-${month}-01`)); const lastDay = generateConfig.getDate(endDate); const monthShow = month < 10 ? `0${month}` : `${month}`; return `${year}-${monthShow}-${lastDay}`; } /***/ }), /***/ "./components/vc-picker/utils/uiUtil.ts": /*!**********************************************!*\ !*** ./components/vc-picker/utils/uiUtil.ts ***! \**********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ PickerModeMap: () => (/* binding */ PickerModeMap), /* harmony export */ addGlobalMousedownEvent: () => (/* binding */ addGlobalMousedownEvent), /* harmony export */ createKeydownHandler: () => (/* binding */ createKeydownHandler), /* harmony export */ elementsContains: () => (/* binding */ elementsContains), /* harmony export */ getDefaultFormat: () => (/* binding */ getDefaultFormat), /* harmony export */ getInputSize: () => (/* binding */ getInputSize), /* harmony export */ getTargetFromEvent: () => (/* binding */ getTargetFromEvent), /* harmony export */ scrollTo: () => (/* binding */ scrollTo), /* harmony export */ waitElementReady: () => (/* binding */ waitElementReady) /* harmony export */ }); /* harmony import */ var _vc_util_Dom_isVisible__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../vc-util/Dom/isVisible */ "./components/vc-util/Dom/isVisible.ts"); /* harmony import */ var _util_KeyCode__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../_util/KeyCode */ "./components/_util/KeyCode.ts"); /* harmony import */ var _util_raf__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../_util/raf */ "./components/_util/raf.ts"); const scrollIds = new Map(); /** Trigger when element is visible in view */ function waitElementReady(element, callback) { let id; function tryOrNextFrame() { if ((0,_vc_util_Dom_isVisible__WEBPACK_IMPORTED_MODULE_0__["default"])(element)) { callback(); } else { id = (0,_util_raf__WEBPACK_IMPORTED_MODULE_1__["default"])(() => { tryOrNextFrame(); }); } } tryOrNextFrame(); return () => { _util_raf__WEBPACK_IMPORTED_MODULE_1__["default"].cancel(id); }; } /* eslint-disable no-param-reassign */ function scrollTo(element, to, duration) { if (scrollIds.get(element)) { _util_raf__WEBPACK_IMPORTED_MODULE_1__["default"].cancel(scrollIds.get(element)); } // jump to target if duration zero if (duration <= 0) { scrollIds.set(element, (0,_util_raf__WEBPACK_IMPORTED_MODULE_1__["default"])(() => { element.scrollTop = to; })); return; } const difference = to - element.scrollTop; const perTick = difference / duration * 10; scrollIds.set(element, (0,_util_raf__WEBPACK_IMPORTED_MODULE_1__["default"])(() => { element.scrollTop += perTick; if (element.scrollTop !== to) { scrollTo(element, to, duration - 10); } })); } function createKeydownHandler(event, _ref) { let { onLeftRight, onCtrlLeftRight, onUpDown, onPageUpDown, onEnter } = _ref; const { which, ctrlKey, metaKey } = event; switch (which) { case _util_KeyCode__WEBPACK_IMPORTED_MODULE_2__["default"].LEFT: if (ctrlKey || metaKey) { if (onCtrlLeftRight) { onCtrlLeftRight(-1); return true; } } else if (onLeftRight) { onLeftRight(-1); return true; } /* istanbul ignore next */ break; case _util_KeyCode__WEBPACK_IMPORTED_MODULE_2__["default"].RIGHT: if (ctrlKey || metaKey) { if (onCtrlLeftRight) { onCtrlLeftRight(1); return true; } } else if (onLeftRight) { onLeftRight(1); return true; } /* istanbul ignore next */ break; case _util_KeyCode__WEBPACK_IMPORTED_MODULE_2__["default"].UP: if (onUpDown) { onUpDown(-1); return true; } /* istanbul ignore next */ break; case _util_KeyCode__WEBPACK_IMPORTED_MODULE_2__["default"].DOWN: if (onUpDown) { onUpDown(1); return true; } /* istanbul ignore next */ break; case _util_KeyCode__WEBPACK_IMPORTED_MODULE_2__["default"].PAGE_UP: if (onPageUpDown) { onPageUpDown(-1); return true; } /* istanbul ignore next */ break; case _util_KeyCode__WEBPACK_IMPORTED_MODULE_2__["default"].PAGE_DOWN: if (onPageUpDown) { onPageUpDown(1); return true; } /* istanbul ignore next */ break; case _util_KeyCode__WEBPACK_IMPORTED_MODULE_2__["default"].ENTER: if (onEnter) { onEnter(); return true; } /* istanbul ignore next */ break; } return false; } // ===================== Format ===================== function getDefaultFormat(format, picker, showTime, use12Hours) { let mergedFormat = format; if (!mergedFormat) { switch (picker) { case 'time': mergedFormat = use12Hours ? 'hh:mm:ss a' : 'HH:mm:ss'; break; case 'week': mergedFormat = 'gggg-wo'; break; case 'month': mergedFormat = 'YYYY-MM'; break; case 'quarter': mergedFormat = 'YYYY-[Q]Q'; break; case 'year': mergedFormat = 'YYYY'; break; default: mergedFormat = showTime ? 'YYYY-MM-DD HH:mm:ss' : 'YYYY-MM-DD'; } } return mergedFormat; } function getInputSize(picker, format, generateConfig) { const defaultSize = picker === 'time' ? 8 : 10; const length = typeof format === 'function' ? format(generateConfig.getNow()).length : format.length; return Math.max(defaultSize, length) + 2; } let globalClickFunc = null; const clickCallbacks = new Set(); function addGlobalMousedownEvent(callback) { if (!globalClickFunc && typeof window !== 'undefined' && window.addEventListener) { globalClickFunc = e => { // Clone a new list to avoid repeat trigger events [...clickCallbacks].forEach(queueFunc => { queueFunc(e); }); }; window.addEventListener('mousedown', globalClickFunc); } clickCallbacks.add(callback); return () => { clickCallbacks.delete(callback); if (clickCallbacks.size === 0) { window.removeEventListener('mousedown', globalClickFunc); globalClickFunc = null; } }; } function getTargetFromEvent(e) { var _a; const target = e.target; // get target if in shadow dom if (e.composed && target.shadowRoot) { return ((_a = e.composedPath) === null || _a === void 0 ? void 0 : _a.call(e)[0]) || target; } return target; } // ====================== Mode ====================== const getYearNextMode = next => { if (next === 'month' || next === 'date') { return 'year'; } return next; }; const getMonthNextMode = next => { if (next === 'date') { return 'month'; } return next; }; const getQuarterNextMode = next => { if (next === 'month' || next === 'date') { return 'quarter'; } return next; }; const getWeekNextMode = next => { if (next === 'date') { return 'week'; } return next; }; const PickerModeMap = { year: getYearNextMode, month: getMonthNextMode, quarter: getQuarterNextMode, week: getWeekNextMode, time: null, date: null }; function elementsContains(elements, target) { if (false) {} return elements.some(ele => ele && ele.contains(target)); } /***/ }), /***/ "./components/vc-picker/utils/warnUtil.ts": /*!************************************************!*\ !*** ./components/vc-picker/utils/warnUtil.ts ***! \************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ legacyPropsWarning: () => (/* binding */ legacyPropsWarning) /* harmony export */ }); /* harmony import */ var _vc_util_warning__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../vc-util/warning */ "./components/vc-util/warning.ts"); function legacyPropsWarning(props) { const { picker, disabledHours, disabledMinutes, disabledSeconds } = props; if (picker === 'time' && (disabledHours || disabledMinutes || disabledSeconds)) { (0,_vc_util_warning__WEBPACK_IMPORTED_MODULE_0__.warning)(false, `'disabledHours', 'disabledMinutes', 'disabledSeconds' will be removed in the next major version, please use 'disabledTime' instead.`); } } /***/ }), /***/ "./components/vc-progress/src/Circle.tsx": /*!***********************************************!*\ !*** ./components/vc-progress/src/Circle.tsx ***! \***********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _common__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./common */ "./components/vc-progress/src/common.ts"); /* harmony import */ var _types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./types */ "./components/vc-progress/src/types.ts"); /* harmony import */ var _util_props_util_initDefaultProps__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../_util/props-util/initDefaultProps */ "./components/_util/props-util/initDefaultProps.ts"); /* harmony import */ var _util_hooks_useRefs__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../_util/hooks/useRefs */ "./components/_util/hooks/useRefs.ts"); var __rest = undefined && undefined.__rest || function (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; }; let gradientSeed = 0; function stripPercentToNumber(percent) { return +percent.replace('%', ''); } function toArray(value) { return Array.isArray(value) ? value : [value]; } function getPathStyles(offset, percent, strokeColor, strokeWidth) { let gapDegree = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0; let gapPosition = arguments.length > 5 ? arguments[5] : undefined; const radius = 50 - strokeWidth / 2; let beginPositionX = 0; let beginPositionY = -radius; let endPositionX = 0; let endPositionY = -2 * radius; switch (gapPosition) { case 'left': beginPositionX = -radius; beginPositionY = 0; endPositionX = 2 * radius; endPositionY = 0; break; case 'right': beginPositionX = radius; beginPositionY = 0; endPositionX = -2 * radius; endPositionY = 0; break; case 'bottom': beginPositionY = radius; endPositionY = 2 * radius; break; default: } const pathString = `M 50,50 m ${beginPositionX},${beginPositionY} a ${radius},${radius} 0 1 1 ${endPositionX},${-endPositionY} a ${radius},${radius} 0 1 1 ${-endPositionX},${endPositionY}`; const len = Math.PI * 2 * radius; const pathStyle = { stroke: strokeColor, strokeDasharray: `${percent / 100 * (len - gapDegree)}px ${len}px`, strokeDashoffset: `-${gapDegree / 2 + offset / 100 * (len - gapDegree)}px`, transition: 'stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s' // eslint-disable-line }; return { pathString, pathStyle }; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'VCCircle', props: (0,_util_props_util_initDefaultProps__WEBPACK_IMPORTED_MODULE_2__["default"])(_types__WEBPACK_IMPORTED_MODULE_3__.propTypes, _common__WEBPACK_IMPORTED_MODULE_4__.defaultProps), setup(props) { gradientSeed += 1; const gradientId = (0,vue__WEBPACK_IMPORTED_MODULE_1__.ref)(gradientSeed); const percentList = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => toArray(props.percent)); const strokeColorList = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => toArray(props.strokeColor)); const [setRef, paths] = (0,_util_hooks_useRefs__WEBPACK_IMPORTED_MODULE_5__["default"])(); (0,_common__WEBPACK_IMPORTED_MODULE_4__.useTransitionDuration)(paths); const getStokeList = () => { const { prefixCls, strokeWidth, strokeLinecap, gapDegree, gapPosition } = props; let stackPtg = 0; return percentList.value.map((ptg, index) => { const color = strokeColorList.value[index] || strokeColorList.value[strokeColorList.value.length - 1]; const stroke = Object.prototype.toString.call(color) === '[object Object]' ? `url(#${prefixCls}-gradient-${gradientId.value})` : ''; const { pathString, pathStyle } = getPathStyles(stackPtg, ptg, color, strokeWidth, gapDegree, gapPosition); stackPtg += ptg; const pathProps = { key: index, d: pathString, stroke, 'stroke-linecap': strokeLinecap, 'stroke-width': strokeWidth, opacity: ptg === 0 ? 0 : 1, 'fill-opacity': '0', class: `${prefixCls}-circle-path`, style: pathStyle }; return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("path", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "ref": setRef(index) }, pathProps), null); }); }; return () => { const { prefixCls, strokeWidth, trailWidth, gapDegree, gapPosition, trailColor, strokeLinecap, strokeColor } = props, restProps = __rest(props, ["prefixCls", "strokeWidth", "trailWidth", "gapDegree", "gapPosition", "trailColor", "strokeLinecap", "strokeColor"]); const { pathString, pathStyle } = getPathStyles(0, 100, trailColor, strokeWidth, gapDegree, gapPosition); delete restProps.percent; const gradient = strokeColorList.value.find(color => Object.prototype.toString.call(color) === '[object Object]'); const pathFirst = { d: pathString, stroke: trailColor, 'stroke-linecap': strokeLinecap, 'stroke-width': trailWidth || strokeWidth, 'fill-opacity': '0', class: `${prefixCls}-circle-trail`, style: pathStyle }; return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("svg", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "class": `${prefixCls}-circle`, "viewBox": "0 0 100 100" }, restProps), [gradient && (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("defs", null, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("linearGradient", { "id": `${prefixCls}-gradient-${gradientId.value}`, "x1": "100%", "y1": "0%", "x2": "0%", "y2": "0%" }, [Object.keys(gradient).sort((a, b) => stripPercentToNumber(a) - stripPercentToNumber(b)).map((key, index) => (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("stop", { "key": index, "offset": key, "stop-color": gradient[key] }, null))])]), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("path", pathFirst, null), getStokeList().reverse()]); }; } })); /***/ }), /***/ "./components/vc-progress/src/common.ts": /*!**********************************************!*\ !*** ./components/vc-progress/src/common.ts ***! \**********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ defaultProps: () => (/* binding */ defaultProps), /* harmony export */ useTransitionDuration: () => (/* binding */ useTransitionDuration) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); const defaultProps = { percent: 0, prefixCls: 'vc-progress', strokeColor: '#2db7f5', strokeLinecap: 'round', strokeWidth: 1, trailColor: '#D9D9D9', trailWidth: 1 }; const useTransitionDuration = paths => { const prevTimeStamp = (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)(null); (0,vue__WEBPACK_IMPORTED_MODULE_0__.onUpdated)(() => { const now = Date.now(); let updated = false; paths.value.forEach(val => { const path = (val === null || val === void 0 ? void 0 : val.$el) || val; if (!path) { return; } updated = true; const pathStyle = path.style; pathStyle.transitionDuration = '.3s, .3s, .3s, .06s'; if (prevTimeStamp.value && now - prevTimeStamp.value < 100) { pathStyle.transitionDuration = '0s, 0s'; } }); if (updated) { prevTimeStamp.value = Date.now(); } }); return paths; }; /***/ }), /***/ "./components/vc-progress/src/types.ts": /*!*********************************************!*\ !*** ./components/vc-progress/src/types.ts ***! \*********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ propTypes: () => (/* binding */ propTypes) /* harmony export */ }); const propTypes = { gapDegree: Number, gapPosition: { type: String }, percent: { type: [Array, Number] }, prefixCls: String, strokeColor: { type: [Object, String, Array] }, strokeLinecap: { type: String }, strokeWidth: Number, trailColor: String, trailWidth: Number, transition: String }; /***/ }), /***/ "./components/vc-resize-observer/index.tsx": /*!*************************************************!*\ !*** ./components/vc-resize-observer/index.tsx ***! \*************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var resize_observer_polyfill__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! resize-observer-polyfill */ "./node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/index.ts"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'ResizeObserver', props: { disabled: Boolean, onResize: Function }, emits: ['resize'], setup(props, _ref) { let { slots } = _ref; const state = (0,vue__WEBPACK_IMPORTED_MODULE_2__.reactive)({ width: 0, height: 0, offsetHeight: 0, offsetWidth: 0 }); let currentElement = null; let resizeObserver = null; const destroyObserver = () => { if (resizeObserver) { resizeObserver.disconnect(); resizeObserver = null; } }; const onResize = entries => { const { onResize } = props; const target = entries[0].target; const { width, height } = target.getBoundingClientRect(); const { offsetWidth, offsetHeight } = target; /** * Resize observer trigger when content size changed. * In most case we just care about element size, * let's use `boundary` instead of `contentRect` here to avoid shaking. */ const fixedWidth = Math.floor(width); const fixedHeight = Math.floor(height); if (state.width !== fixedWidth || state.height !== fixedHeight || state.offsetWidth !== offsetWidth || state.offsetHeight !== offsetHeight) { const size = { width: fixedWidth, height: fixedHeight, offsetWidth, offsetHeight }; (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])(state, size); if (onResize) { // defer the callback but not defer to next frame Promise.resolve().then(() => { onResize((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, size), { offsetWidth, offsetHeight }), target); }); } } }; const instance = (0,vue__WEBPACK_IMPORTED_MODULE_2__.getCurrentInstance)(); const registerObserver = () => { const { disabled } = props; // Unregister if disabled if (disabled) { destroyObserver(); return; } // Unregister if element changed const element = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_3__.findDOMNode)(instance); const elementChanged = element !== currentElement; if (elementChanged) { destroyObserver(); currentElement = element; } if (!resizeObserver && element) { resizeObserver = new resize_observer_polyfill__WEBPACK_IMPORTED_MODULE_1__["default"](onResize); resizeObserver.observe(element); } }; (0,vue__WEBPACK_IMPORTED_MODULE_2__.onMounted)(() => { registerObserver(); }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.onUpdated)(() => { registerObserver(); }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.onUnmounted)(() => { destroyObserver(); }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)(() => props.disabled, () => { registerObserver(); }, { flush: 'post' }); return () => { var _a; return (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)[0]; }; } })); /***/ }), /***/ "./components/vc-select/BaseSelect.tsx": /*!*********************************************!*\ !*** ./components/vc-select/BaseSelect.tsx ***! \*********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ baseSelectPropsWithoutPrivate: () => (/* binding */ baseSelectPropsWithoutPrivate), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ isMultiple: () => (/* binding */ isMultiple) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _utils_valueUtil__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./utils/valueUtil */ "./components/vc-select/utils/valueUtil.ts"); /* harmony import */ var _SelectTrigger__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./SelectTrigger */ "./components/vc-select/SelectTrigger.tsx"); /* harmony import */ var _Selector__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./Selector */ "./components/vc-select/Selector/index.tsx"); /* harmony import */ var _hooks_useSelectTriggerControl__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./hooks/useSelectTriggerControl */ "./components/vc-select/hooks/useSelectTriggerControl.ts"); /* harmony import */ var _hooks_useDelayReset__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./hooks/useDelayReset */ "./components/vc-select/hooks/useDelayReset.ts"); /* harmony import */ var _TransBtn__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./TransBtn */ "./components/vc-select/TransBtn.tsx"); /* harmony import */ var _hooks_useLock__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./hooks/useLock */ "./components/vc-select/hooks/useLock.ts"); /* harmony import */ var _hooks_useBaseProps__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./hooks/useBaseProps */ "./components/vc-select/hooks/useBaseProps.ts"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/initDefaultProps.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/index.ts"); /* harmony import */ var _vc_util_isMobile__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../vc-util/isMobile */ "./components/vc-util/isMobile.ts"); /* harmony import */ var _util_KeyCode__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../_util/KeyCode */ "./components/_util/KeyCode.ts"); /* harmony import */ var _util_toReactive__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../_util/toReactive */ "./components/_util/toReactive.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _util_createRef__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../_util/createRef */ "./components/_util/createRef.ts"); /* harmony import */ var _vc_tree_select_LegacyContext__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../vc-tree-select/LegacyContext */ "./components/vc-tree-select/LegacyContext.tsx"); /* harmony import */ var _util_vnode__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../_util/vnode */ "./components/_util/vnode.ts"); var __rest = undefined && undefined.__rest || function (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; }; const DEFAULT_OMIT_PROPS = ['value', 'onChange', 'removeIcon', 'placeholder', 'autofocus', 'maxTagCount', 'maxTagTextLength', 'maxTagPlaceholder', 'choiceTransitionName', 'onInputKeyDown', 'onPopupScroll', 'tabindex', 'OptionList', 'notFoundContent']; const baseSelectPrivateProps = () => { return { prefixCls: String, id: String, omitDomProps: Array, // >>> Value displayValues: Array, onDisplayValuesChange: Function, // >>> Active /** Current dropdown list active item string value */ activeValue: String, /** Link search input with target element */ activeDescendantId: String, onActiveValueChange: Function, // >>> Search searchValue: String, /** Trigger onSearch, return false to prevent trigger open event */ onSearch: Function, /** Trigger when search text match the `tokenSeparators`. Will provide split content */ onSearchSplit: Function, maxLength: Number, OptionList: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].any, /** Tell if provided `options` is empty */ emptyOptions: Boolean }; }; const baseSelectPropsWithoutPrivate = () => { return { showSearch: { type: Boolean, default: undefined }, tagRender: { type: Function }, optionLabelRender: { type: Function }, direction: { type: String }, // MISC tabindex: Number, autofocus: Boolean, notFoundContent: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].any, placeholder: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].any, onClear: Function, choiceTransitionName: String, // >>> Mode mode: String, // >>> Status disabled: { type: Boolean, default: undefined }, loading: { type: Boolean, default: undefined }, // >>> Open open: { type: Boolean, default: undefined }, defaultOpen: { type: Boolean, default: undefined }, onDropdownVisibleChange: { type: Function }, // >>> Customize Input /** @private Internal usage. Do not use in your production. */ getInputElement: { type: Function }, /** @private Internal usage. Do not use in your production. */ getRawInputElement: { type: Function }, // >>> Selector maxTagTextLength: Number, maxTagCount: { type: [String, Number] }, maxTagPlaceholder: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].any, // >>> Search tokenSeparators: { type: Array }, // >>> Icons allowClear: { type: Boolean, default: undefined }, showArrow: { type: Boolean, default: undefined }, inputIcon: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].any, /** Clear all icon */ clearIcon: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].any, /** Selector remove icon */ removeIcon: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].any, // >>> Dropdown animation: String, transitionName: String, dropdownStyle: { type: Object }, dropdownClassName: String, dropdownMatchSelectWidth: { type: [Boolean, Number], default: undefined }, dropdownRender: { type: Function }, dropdownAlign: Object, placement: { type: String }, getPopupContainer: { type: Function }, // >>> Focus showAction: { type: Array }, onBlur: { type: Function }, onFocus: { type: Function }, // >>> Rest Events onKeyup: Function, onKeydown: Function, onMousedown: Function, onPopupScroll: Function, onInputKeyDown: Function, onMouseenter: Function, onMouseleave: Function, onClick: Function }; }; const baseSelectProps = () => { return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, baseSelectPrivateProps()), baseSelectPropsWithoutPrivate()); }; function isMultiple(mode) { return mode === 'tags' || mode === 'multiple'; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'BaseSelect', inheritAttrs: false, props: (0,_util_props_util__WEBPACK_IMPORTED_MODULE_4__["default"])(baseSelectProps(), { showAction: [], notFoundContent: 'Not Found' }), setup(props, _ref) { let { attrs, expose, slots } = _ref; const multiple = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => isMultiple(props.mode)); const mergedShowSearch = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.showSearch !== undefined ? props.showSearch : multiple.value || props.mode === 'combobox'); const mobile = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(false); (0,vue__WEBPACK_IMPORTED_MODULE_2__.onMounted)(() => { mobile.value = (0,_vc_util_isMobile__WEBPACK_IMPORTED_MODULE_5__["default"])(); }); const legacyTreeSelectContext = (0,_vc_tree_select_LegacyContext__WEBPACK_IMPORTED_MODULE_6__["default"])(); // ============================== Refs ============================== const containerRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(null); const selectorDomRef = (0,_util_createRef__WEBPACK_IMPORTED_MODULE_7__["default"])(); const triggerRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(null); const selectorRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(null); const listRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(null); const blurRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(false); /** Used for component focused management */ const [mockFocused, setMockFocused, cancelSetMockFocused] = (0,_hooks_useDelayReset__WEBPACK_IMPORTED_MODULE_8__["default"])(); const focus = () => { var _a; (_a = selectorRef.value) === null || _a === void 0 ? void 0 : _a.focus(); }; const blur = () => { var _a; (_a = selectorRef.value) === null || _a === void 0 ? void 0 : _a.blur(); }; expose({ focus, blur, scrollTo: arg => { var _a; return (_a = listRef.value) === null || _a === void 0 ? void 0 : _a.scrollTo(arg); } }); const mergedSearchValue = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { var _a; if (props.mode !== 'combobox') { return props.searchValue; } const val = (_a = props.displayValues[0]) === null || _a === void 0 ? void 0 : _a.value; return typeof val === 'string' || typeof val === 'number' ? String(val) : ''; }); // ============================== Open ============================== const initOpen = props.open !== undefined ? props.open : props.defaultOpen; const innerOpen = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(initOpen); const mergedOpen = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(initOpen); const setInnerOpen = val => { innerOpen.value = props.open !== undefined ? props.open : val; mergedOpen.value = innerOpen.value; }; (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)(() => props.open, () => { setInnerOpen(props.open); }); // Not trigger `open` in `combobox` when `notFoundContent` is empty const emptyListContent = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => !props.notFoundContent && props.emptyOptions); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watchEffect)(() => { mergedOpen.value = innerOpen.value; if (props.disabled || emptyListContent.value && mergedOpen.value && props.mode === 'combobox') { mergedOpen.value = false; } }); const triggerOpen = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => emptyListContent.value ? false : mergedOpen.value); const onToggleOpen = newOpen => { const nextOpen = newOpen !== undefined ? newOpen : !mergedOpen.value; if (mergedOpen.value !== nextOpen && !props.disabled) { setInnerOpen(nextOpen); props.onDropdownVisibleChange && props.onDropdownVisibleChange(nextOpen); if (!nextOpen && popupFocused.value) { popupFocused.value = false; setMockFocused(false, () => { focusRef.value = false; blurRef.value = false; }); } } }; const tokenWithEnter = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => (props.tokenSeparators || []).some(tokenSeparator => ['\n', '\r\n'].includes(tokenSeparator))); const onInternalSearch = (searchText, fromTyping, isCompositing) => { var _a, _b; let ret = true; let newSearchText = searchText; (_a = props.onActiveValueChange) === null || _a === void 0 ? void 0 : _a.call(props, null); // Check if match the `tokenSeparators` const patchLabels = isCompositing ? null : (0,_utils_valueUtil__WEBPACK_IMPORTED_MODULE_9__.getSeparatedContent)(searchText, props.tokenSeparators); // Ignore combobox since it's not split-able if (props.mode !== 'combobox' && patchLabels) { newSearchText = ''; (_b = props.onSearchSplit) === null || _b === void 0 ? void 0 : _b.call(props, patchLabels); // Should close when paste finish onToggleOpen(false); // Tell Selector that break next actions ret = false; } if (props.onSearch && mergedSearchValue.value !== newSearchText) { props.onSearch(newSearchText, { source: fromTyping ? 'typing' : 'effect' }); } return ret; }; // Only triggered when menu is closed & mode is tags // If menu is open, OptionList will take charge // If mode isn't tags, press enter is not meaningful when you can't see any option const onInternalSearchSubmit = searchText => { var _a; // prevent empty tags from appearing when you click the Enter button if (!searchText || !searchText.trim()) { return; } (_a = props.onSearch) === null || _a === void 0 ? void 0 : _a.call(props, searchText, { source: 'submit' }); }; // Close will clean up single mode search text (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)(mergedOpen, () => { if (!mergedOpen.value && !multiple.value && props.mode !== 'combobox') { onInternalSearch('', false, false); } }, { immediate: true, flush: 'post' }); // ============================ Disabled ============================ // Close dropdown & remove focus state when disabled change (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)(() => props.disabled, () => { if (innerOpen.value && !!props.disabled) { setInnerOpen(false); } if (props.disabled && !blurRef.value) { setMockFocused(false); } }, { immediate: true }); // ============================ Keyboard ============================ /** * We record input value here to check if can press to clean up by backspace * - null: Key is not down, this is reset by key up * - true: Search text is empty when first time backspace down * - false: Search text is not empty when first time backspace down */ const [getClearLock, setClearLock] = (0,_hooks_useLock__WEBPACK_IMPORTED_MODULE_10__["default"])(); // KeyDown const onInternalKeyDown = function (event) { var _a; const clearLock = getClearLock(); const { which } = event; if (which === _util_KeyCode__WEBPACK_IMPORTED_MODULE_11__["default"].ENTER) { // Do not submit form when type in the input if (props.mode !== 'combobox') { event.preventDefault(); } // We only manage open state here, close logic should handle by list component if (!mergedOpen.value) { onToggleOpen(true); } } setClearLock(!!mergedSearchValue.value); // Remove value by `backspace` if (which === _util_KeyCode__WEBPACK_IMPORTED_MODULE_11__["default"].BACKSPACE && !clearLock && multiple.value && !mergedSearchValue.value && props.displayValues.length) { const cloneDisplayValues = [...props.displayValues]; let removedDisplayValue = null; for (let i = cloneDisplayValues.length - 1; i >= 0; i -= 1) { const current = cloneDisplayValues[i]; if (!current.disabled) { cloneDisplayValues.splice(i, 1); removedDisplayValue = current; break; } } if (removedDisplayValue) { props.onDisplayValuesChange(cloneDisplayValues, { type: 'remove', values: [removedDisplayValue] }); } } for (var _len = arguments.length, rest = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) { rest[_key - 1] = arguments[_key]; } if (mergedOpen.value && listRef.value) { listRef.value.onKeydown(event, ...rest); } (_a = props.onKeydown) === null || _a === void 0 ? void 0 : _a.call(props, event, ...rest); }; // KeyUp const onInternalKeyUp = function (event) { for (var _len2 = arguments.length, rest = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) { rest[_key2 - 1] = arguments[_key2]; } if (mergedOpen.value && listRef.value) { listRef.value.onKeyup(event, ...rest); } if (props.onKeyup) { props.onKeyup(event, ...rest); } }; // ============================ Selector ============================ const onSelectorRemove = val => { const newValues = props.displayValues.filter(i => i !== val); props.onDisplayValuesChange(newValues, { type: 'remove', values: [val] }); }; // ========================== Focus / Blur ========================== /** Record real focus status */ const focusRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(false); const onContainerFocus = function () { setMockFocused(true); if (!props.disabled) { if (props.onFocus && !focusRef.value) { props.onFocus(...arguments); } // `showAction` should handle `focus` if set if (props.showAction && props.showAction.includes('focus')) { onToggleOpen(true); } } focusRef.value = true; }; const popupFocused = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(false); const onContainerBlur = function () { if (popupFocused.value) { return; } blurRef.value = true; setMockFocused(false, () => { focusRef.value = false; blurRef.value = false; onToggleOpen(false); }); if (props.disabled) { return; } const searchVal = mergedSearchValue.value; if (searchVal) { // `tags` mode should move `searchValue` into values if (props.mode === 'tags') { props.onSearch(searchVal, { source: 'submit' }); } else if (props.mode === 'multiple') { // `multiple` mode only clean the search value but not trigger event props.onSearch('', { source: 'blur' }); } } if (props.onBlur) { props.onBlur(...arguments); } }; const onPopupFocusin = () => { popupFocused.value = true; }; const onPopupFocusout = () => { popupFocused.value = false; }; (0,vue__WEBPACK_IMPORTED_MODULE_2__.provide)('VCSelectContainerEvent', { focus: onContainerFocus, blur: onContainerBlur }); // Give focus back of Select const activeTimeoutIds = []; (0,vue__WEBPACK_IMPORTED_MODULE_2__.onMounted)(() => { activeTimeoutIds.forEach(timeoutId => clearTimeout(timeoutId)); activeTimeoutIds.splice(0, activeTimeoutIds.length); }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.onBeforeUnmount)(() => { activeTimeoutIds.forEach(timeoutId => clearTimeout(timeoutId)); activeTimeoutIds.splice(0, activeTimeoutIds.length); }); const onInternalMouseDown = function (event) { var _a, _b; const { target } = event; const popupElement = (_a = triggerRef.value) === null || _a === void 0 ? void 0 : _a.getPopupElement(); // We should give focus back to selector if clicked item is not focusable if (popupElement && popupElement.contains(target)) { const timeoutId = setTimeout(() => { var _a; const index = activeTimeoutIds.indexOf(timeoutId); if (index !== -1) { activeTimeoutIds.splice(index, 1); } cancelSetMockFocused(); if (!mobile.value && !popupElement.contains(document.activeElement)) { (_a = selectorRef.value) === null || _a === void 0 ? void 0 : _a.focus(); } }); activeTimeoutIds.push(timeoutId); } for (var _len3 = arguments.length, restArgs = new Array(_len3 > 1 ? _len3 - 1 : 0), _key3 = 1; _key3 < _len3; _key3++) { restArgs[_key3 - 1] = arguments[_key3]; } (_b = props.onMousedown) === null || _b === void 0 ? void 0 : _b.call(props, event, ...restArgs); }; // ============================= Dropdown ============================== const containerWidth = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(null); // const instance = getCurrentInstance(); const onPopupMouseEnter = () => { // We need force update here since popup dom is render async // instance.update(); }; (0,vue__WEBPACK_IMPORTED_MODULE_2__.onMounted)(() => { (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)(triggerOpen, () => { var _a; if (triggerOpen.value) { const newWidth = Math.ceil((_a = containerRef.value) === null || _a === void 0 ? void 0 : _a.offsetWidth); if (containerWidth.value !== newWidth && !Number.isNaN(newWidth)) { containerWidth.value = newWidth; } } }, { immediate: true, flush: 'post' }); }); // Close when click on non-select element (0,_hooks_useSelectTriggerControl__WEBPACK_IMPORTED_MODULE_12__["default"])([containerRef, triggerRef], triggerOpen, onToggleOpen); (0,_hooks_useBaseProps__WEBPACK_IMPORTED_MODULE_13__.useProvideBaseSelectProps)((0,_util_toReactive__WEBPACK_IMPORTED_MODULE_14__.toReactive)((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, (0,vue__WEBPACK_IMPORTED_MODULE_2__.toRefs)(props)), { open: mergedOpen, triggerOpen, showSearch: mergedShowSearch, multiple, toggleOpen: onToggleOpen }))); return () => { const _a = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, props), attrs), { prefixCls, id, open, defaultOpen, mode, // Search related showSearch, searchValue, onSearch, // Icons allowClear, clearIcon, showArrow, inputIcon, // Others disabled, loading, getInputElement, getPopupContainer, placement, // Dropdown animation, transitionName, dropdownStyle, dropdownClassName, dropdownMatchSelectWidth, dropdownRender, dropdownAlign, showAction, direction, // Tags tokenSeparators, tagRender, optionLabelRender, // Events onPopupScroll, onDropdownVisibleChange, onFocus, onBlur, onKeyup, onKeydown, onMousedown, onClear, omitDomProps, getRawInputElement, displayValues, onDisplayValuesChange, emptyOptions, activeDescendantId, activeValue, OptionList } = _a, restProps = __rest(_a, ["prefixCls", "id", "open", "defaultOpen", "mode", "showSearch", "searchValue", "onSearch", "allowClear", "clearIcon", "showArrow", "inputIcon", "disabled", "loading", "getInputElement", "getPopupContainer", "placement", "animation", "transitionName", "dropdownStyle", "dropdownClassName", "dropdownMatchSelectWidth", "dropdownRender", "dropdownAlign", "showAction", "direction", "tokenSeparators", "tagRender", "optionLabelRender", "onPopupScroll", "onDropdownVisibleChange", "onFocus", "onBlur", "onKeyup", "onKeydown", "onMousedown", "onClear", "omitDomProps", "getRawInputElement", "displayValues", "onDisplayValuesChange", "emptyOptions", "activeDescendantId", "activeValue", "OptionList"]); // ============================= Input ============================== // Only works in `combobox` const customizeInputElement = mode === 'combobox' && getInputElement && getInputElement() || null; // Used for customize replacement for `vc-cascader` const customizeRawInputElement = typeof getRawInputElement === 'function' && getRawInputElement(); const domProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, restProps); // Used for raw custom input trigger let onTriggerVisibleChange; if (customizeRawInputElement) { onTriggerVisibleChange = newOpen => { onToggleOpen(newOpen); }; } DEFAULT_OMIT_PROPS.forEach(propName => { delete domProps[propName]; }); omitDomProps === null || omitDomProps === void 0 ? void 0 : omitDomProps.forEach(propName => { delete domProps[propName]; }); // ============================= Arrow ============================== const mergedShowArrow = showArrow !== undefined ? showArrow : loading || !multiple.value && mode !== 'combobox'; let arrowNode; if (mergedShowArrow) { arrowNode = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_TransBtn__WEBPACK_IMPORTED_MODULE_15__["default"], { "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_16__["default"])(`${prefixCls}-arrow`, { [`${prefixCls}-arrow-loading`]: loading }), "customizeIcon": inputIcon, "customizeIconProps": { loading, searchValue: mergedSearchValue.value, open: mergedOpen.value, focused: mockFocused.value, showSearch: mergedShowSearch.value } }, null); } // ============================= Clear ============================== let clearNode; const onClearMouseDown = () => { onClear === null || onClear === void 0 ? void 0 : onClear(); onDisplayValuesChange([], { type: 'clear', values: displayValues }); onInternalSearch('', false, false); }; if (!disabled && allowClear && (displayValues.length || mergedSearchValue.value)) { clearNode = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_TransBtn__WEBPACK_IMPORTED_MODULE_15__["default"], { "class": `${prefixCls}-clear`, "onMousedown": onClearMouseDown, "customizeIcon": clearIcon }, { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createTextVNode)("\xD7")] }); } // =========================== OptionList =========================== const optionList = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(OptionList, { "ref": listRef }, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, legacyTreeSelectContext.customSlots), { option: slots.option })); // ============================= Select ============================= const mergedClassName = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_16__["default"])(prefixCls, attrs.class, { [`${prefixCls}-focused`]: mockFocused.value, [`${prefixCls}-multiple`]: multiple.value, [`${prefixCls}-single`]: !multiple.value, [`${prefixCls}-allow-clear`]: allowClear, [`${prefixCls}-show-arrow`]: mergedShowArrow, [`${prefixCls}-disabled`]: disabled, [`${prefixCls}-loading`]: loading, [`${prefixCls}-open`]: mergedOpen.value, [`${prefixCls}-customize-input`]: customizeInputElement, [`${prefixCls}-show-search`]: mergedShowSearch.value }); // >>> Selector const selectorNode = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_SelectTrigger__WEBPACK_IMPORTED_MODULE_17__["default"], { "ref": triggerRef, "disabled": disabled, "prefixCls": prefixCls, "visible": triggerOpen.value, "popupElement": optionList, "containerWidth": containerWidth.value, "animation": animation, "transitionName": transitionName, "dropdownStyle": dropdownStyle, "dropdownClassName": dropdownClassName, "direction": direction, "dropdownMatchSelectWidth": dropdownMatchSelectWidth, "dropdownRender": dropdownRender, "dropdownAlign": dropdownAlign, "placement": placement, "getPopupContainer": getPopupContainer, "empty": emptyOptions, "getTriggerDOMNode": () => selectorDomRef.current, "onPopupVisibleChange": onTriggerVisibleChange, "onPopupMouseEnter": onPopupMouseEnter, "onPopupFocusin": onPopupFocusin, "onPopupFocusout": onPopupFocusout }, { default: () => { return customizeRawInputElement ? (0,_util_props_util__WEBPACK_IMPORTED_MODULE_18__.isValidElement)(customizeRawInputElement) && (0,_util_vnode__WEBPACK_IMPORTED_MODULE_19__.cloneElement)(customizeRawInputElement, { ref: selectorDomRef }, false, true) : (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_Selector__WEBPACK_IMPORTED_MODULE_20__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props), {}, { "domRef": selectorDomRef, "prefixCls": prefixCls, "inputElement": customizeInputElement, "ref": selectorRef, "id": id, "showSearch": mergedShowSearch.value, "mode": mode, "activeDescendantId": activeDescendantId, "tagRender": tagRender, "optionLabelRender": optionLabelRender, "values": displayValues, "open": mergedOpen.value, "onToggleOpen": onToggleOpen, "activeValue": activeValue, "searchValue": mergedSearchValue.value, "onSearch": onInternalSearch, "onSearchSubmit": onInternalSearchSubmit, "onRemove": onSelectorRemove, "tokenWithEnter": tokenWithEnter.value }), null); } }); // >>> Render let renderNode; // Render raw if (customizeRawInputElement) { renderNode = selectorNode; } else { renderNode = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, domProps), {}, { "class": mergedClassName, "ref": containerRef, "onMousedown": onInternalMouseDown, "onKeydown": onInternalKeyDown, "onKeyup": onInternalKeyUp }), [mockFocused.value && !mergedOpen.value && (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", { "style": { width: 0, height: 0, position: 'absolute', overflow: 'hidden', opacity: 0 }, "aria-live": "polite" }, [`${displayValues.map(_ref2 => { let { label, value } = _ref2; return ['number', 'string'].includes(typeof label) ? label : value; }).join(', ')}`]), selectorNode, arrowNode, clearNode]); } return renderNode; }; } })); /***/ }), /***/ "./components/vc-select/OptGroup.tsx": /*!*******************************************!*\ !*** ./components/vc-select/OptGroup.tsx ***! \*******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); const OptGroup = () => null; OptGroup.isSelectOptGroup = true; OptGroup.displayName = 'ASelectOptGroup'; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (OptGroup); /***/ }), /***/ "./components/vc-select/Option.tsx": /*!*****************************************!*\ !*** ./components/vc-select/Option.tsx ***! \*****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); const Option = () => null; Option.isSelectOption = true; Option.displayName = 'ASelectOption'; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Option); /***/ }), /***/ "./components/vc-select/OptionList.tsx": /*!*********************************************!*\ !*** ./components/vc-select/OptionList.tsx ***! \*********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _TransBtn__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./TransBtn */ "./components/vc-select/TransBtn.tsx"); /* harmony import */ var _util_KeyCode__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../_util/KeyCode */ "./components/_util/KeyCode.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _util_pickAttrs__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../_util/pickAttrs */ "./components/_util/pickAttrs.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/index.ts"); /* harmony import */ var _util_createRef__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../_util/createRef */ "./components/_util/createRef.ts"); /* harmony import */ var _vc_virtual_list__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../vc-virtual-list */ "./components/vc-virtual-list/index.ts"); /* harmony import */ var _util_hooks_useMemo__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/hooks/useMemo */ "./components/_util/hooks/useMemo.ts"); /* harmony import */ var _utils_platformUtil__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./utils/platformUtil */ "./components/vc-select/utils/platformUtil.ts"); /* harmony import */ var _util_omit__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../_util/omit */ "./components/_util/omit.ts"); /* harmony import */ var _hooks_useBaseProps__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./hooks/useBaseProps */ "./components/vc-select/hooks/useBaseProps.ts"); /* harmony import */ var _SelectContext__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./SelectContext */ "./components/vc-select/SelectContext.ts"); var __rest = undefined && undefined.__rest || function (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 isTitleType(content) { return typeof content === 'string' || typeof content === 'number'; } /** * Using virtual list of option display. * Will fallback to dom if use customize render. */ const OptionList = (0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'OptionList', inheritAttrs: false, setup(_, _ref) { let { expose, slots } = _ref; const baseProps = (0,_hooks_useBaseProps__WEBPACK_IMPORTED_MODULE_2__["default"])(); const props = (0,_SelectContext__WEBPACK_IMPORTED_MODULE_3__["default"])(); const itemPrefixCls = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => `${baseProps.prefixCls}-item`); const memoFlattenOptions = (0,_util_hooks_useMemo__WEBPACK_IMPORTED_MODULE_4__["default"])(() => props.flattenOptions, [() => baseProps.open, () => props.flattenOptions], next => next[0]); // =========================== List =========================== const listRef = (0,_util_createRef__WEBPACK_IMPORTED_MODULE_5__["default"])(); const onListMouseDown = event => { event.preventDefault(); }; const scrollIntoView = args => { if (listRef.current) { listRef.current.scrollTo(typeof args === 'number' ? { index: args } : args); } }; // ========================== Active ========================== const getEnabledActiveIndex = function (index) { let offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1; const len = memoFlattenOptions.value.length; for (let i = 0; i < len; i += 1) { const current = (index + i * offset + len) % len; const { group, data } = memoFlattenOptions.value[current]; if (!group && !data.disabled) { return current; } } return -1; }; const state = (0,vue__WEBPACK_IMPORTED_MODULE_1__.reactive)({ activeIndex: getEnabledActiveIndex(0) }); const setActive = function (index) { let fromKeyboard = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false; state.activeIndex = index; const info = { source: fromKeyboard ? 'keyboard' : 'mouse' }; // Trigger active event const flattenItem = memoFlattenOptions.value[index]; if (!flattenItem) { props.onActiveValue(null, -1, info); return; } props.onActiveValue(flattenItem.value, index, info); }; // Auto active first item when list length or searchValue changed (0,vue__WEBPACK_IMPORTED_MODULE_1__.watch)([() => memoFlattenOptions.value.length, () => baseProps.searchValue], () => { setActive(props.defaultActiveFirstOption !== false ? getEnabledActiveIndex(0) : -1); }, { immediate: true }); // https://github.com/ant-design/ant-design/issues/34975 const isSelected = value => props.rawValues.has(value) && baseProps.mode !== 'combobox'; // Auto scroll to item position in single mode (0,vue__WEBPACK_IMPORTED_MODULE_1__.watch)([() => baseProps.open, () => baseProps.searchValue], () => { if (!baseProps.multiple && baseProps.open && props.rawValues.size === 1) { const value = Array.from(props.rawValues)[0]; const index = (0,vue__WEBPACK_IMPORTED_MODULE_1__.toRaw)(memoFlattenOptions.value).findIndex(_ref2 => { let { data } = _ref2; return data[props.fieldNames.value] === value; }); if (index !== -1) { setActive(index); (0,vue__WEBPACK_IMPORTED_MODULE_1__.nextTick)(() => { scrollIntoView(index); }); } } // Force trigger scrollbar visible when open if (baseProps.open) { (0,vue__WEBPACK_IMPORTED_MODULE_1__.nextTick)(() => { var _a; (_a = listRef.current) === null || _a === void 0 ? void 0 : _a.scrollTo(undefined); }); } }, { immediate: true, flush: 'post' }); // ========================== Values ========================== const onSelectValue = value => { if (value !== undefined) { props.onSelect(value, { selected: !props.rawValues.has(value) }); } // Single mode should always close by select if (!baseProps.multiple) { baseProps.toggleOpen(false); } }; const getLabel = item => typeof item.label === 'function' ? item.label() : item.label; function renderItem(index) { const item = memoFlattenOptions.value[index]; if (!item) return null; const itemData = item.data || {}; const { value } = itemData; const { group } = item; const attrs = (0,_util_pickAttrs__WEBPACK_IMPORTED_MODULE_6__["default"])(itemData, true); const mergedLabel = getLabel(item); return item ? (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "aria-label": typeof mergedLabel === 'string' && !group ? mergedLabel : null }, attrs), {}, { "key": index, "role": group ? 'presentation' : 'option', "id": `${baseProps.id}_list_${index}`, "aria-selected": isSelected(value) }), [value]) : null; } const onKeydown = event => { const { which, ctrlKey } = event; switch (which) { // >>> Arrow keys & ctrl + n/p on Mac case _util_KeyCode__WEBPACK_IMPORTED_MODULE_7__["default"].N: case _util_KeyCode__WEBPACK_IMPORTED_MODULE_7__["default"].P: case _util_KeyCode__WEBPACK_IMPORTED_MODULE_7__["default"].UP: case _util_KeyCode__WEBPACK_IMPORTED_MODULE_7__["default"].DOWN: { let offset = 0; if (which === _util_KeyCode__WEBPACK_IMPORTED_MODULE_7__["default"].UP) { offset = -1; } else if (which === _util_KeyCode__WEBPACK_IMPORTED_MODULE_7__["default"].DOWN) { offset = 1; } else if ((0,_utils_platformUtil__WEBPACK_IMPORTED_MODULE_8__.isPlatformMac)() && ctrlKey) { if (which === _util_KeyCode__WEBPACK_IMPORTED_MODULE_7__["default"].N) { offset = 1; } else if (which === _util_KeyCode__WEBPACK_IMPORTED_MODULE_7__["default"].P) { offset = -1; } } if (offset !== 0) { const nextActiveIndex = getEnabledActiveIndex(state.activeIndex + offset, offset); scrollIntoView(nextActiveIndex); setActive(nextActiveIndex, true); } break; } // >>> Select case _util_KeyCode__WEBPACK_IMPORTED_MODULE_7__["default"].ENTER: { // value const item = memoFlattenOptions.value[state.activeIndex]; if (item && !item.data.disabled) { onSelectValue(item.value); } else { onSelectValue(undefined); } if (baseProps.open) { event.preventDefault(); } break; } // >>> Close case _util_KeyCode__WEBPACK_IMPORTED_MODULE_7__["default"].ESC: { baseProps.toggleOpen(false); if (baseProps.open) { event.stopPropagation(); } } } }; const onKeyup = () => {}; const scrollTo = index => { scrollIntoView(index); }; expose({ onKeydown, onKeyup, scrollTo }); return () => { // const { // renderItem, // listRef, // onListMouseDown, // itemPrefixCls, // setActive, // onSelectValue, // memoFlattenOptions, // $slots, // } = this as any; const { id, notFoundContent, onPopupScroll } = baseProps; const { menuItemSelectedIcon, fieldNames, virtual, listHeight, listItemHeight } = props; const renderOption = slots.option; const { activeIndex } = state; const omitFieldNameList = Object.keys(fieldNames).map(key => fieldNames[key]); // ========================== Render ========================== if (memoFlattenOptions.value.length === 0) { return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "role": "listbox", "id": `${id}_list`, "class": `${itemPrefixCls.value}-empty`, "onMousedown": onListMouseDown }, [notFoundContent]); } return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_1__.Fragment, null, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "role": "listbox", "id": `${id}_list`, "style": { height: 0, width: 0, overflow: 'hidden' } }, [renderItem(activeIndex - 1), renderItem(activeIndex), renderItem(activeIndex + 1)]), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_vc_virtual_list__WEBPACK_IMPORTED_MODULE_9__["default"], { "itemKey": "key", "ref": listRef, "data": memoFlattenOptions.value, "height": listHeight, "itemHeight": listItemHeight, "fullHeight": false, "onMousedown": onListMouseDown, "onScroll": onPopupScroll, "virtual": virtual }, { default: (item, itemIndex) => { var _a; const { group, groupOption, data, value } = item; const { key } = data; const label = typeof item.label === 'function' ? item.label() : item.label; // Group if (group) { const groupTitle = (_a = data.title) !== null && _a !== void 0 ? _a : isTitleType(label) && label; return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_10__["default"])(itemPrefixCls.value, `${itemPrefixCls.value}-group`), "title": groupTitle }, [renderOption ? renderOption(data) : label !== undefined ? label : key]); } const { disabled, title, children, style, class: cls, className } = data, otherProps = __rest(data, ["disabled", "title", "children", "style", "class", "className"]); const passedProps = (0,_util_omit__WEBPACK_IMPORTED_MODULE_11__["default"])(otherProps, omitFieldNameList); // Option const selected = isSelected(value); const optionPrefixCls = `${itemPrefixCls.value}-option`; const optionClassName = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_10__["default"])(itemPrefixCls.value, optionPrefixCls, cls, className, { [`${optionPrefixCls}-grouped`]: groupOption, [`${optionPrefixCls}-active`]: activeIndex === itemIndex && !disabled, [`${optionPrefixCls}-disabled`]: disabled, [`${optionPrefixCls}-selected`]: selected }); const mergedLabel = getLabel(item); const iconVisible = !menuItemSelectedIcon || typeof menuItemSelectedIcon === 'function' || selected; // https://github.com/ant-design/ant-design/issues/34145 const content = typeof mergedLabel === 'number' ? mergedLabel : mergedLabel || value; // https://github.com/ant-design/ant-design/issues/26717 let optionTitle = isTitleType(content) ? content.toString() : undefined; if (title !== undefined) { optionTitle = title; } return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, passedProps), {}, { "aria-selected": selected, "class": optionClassName, "title": optionTitle, "onMousemove": e => { if (otherProps.onMousemove) { otherProps.onMousemove(e); } if (activeIndex === itemIndex || disabled) { return; } setActive(itemIndex); }, "onClick": e => { if (!disabled) { onSelectValue(value); } if (otherProps.onClick) { otherProps.onClick(e); } }, "style": style }), [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${optionPrefixCls}-content` }, [renderOption ? renderOption(data) : content]), (0,_util_props_util__WEBPACK_IMPORTED_MODULE_12__.isValidElement)(menuItemSelectedIcon) || selected, iconVisible && (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_TransBtn__WEBPACK_IMPORTED_MODULE_13__["default"], { "class": `${itemPrefixCls.value}-option-state`, "customizeIcon": menuItemSelectedIcon, "customizeIconProps": { isSelected: selected } }, { default: () => [selected ? '✓' : null] })]); } })]); }; } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (OptionList); /***/ }), /***/ "./components/vc-select/Select.tsx": /*!*****************************************!*\ !*** ./components/vc-select/Select.tsx ***! \*****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ selectProps: () => (/* binding */ selectProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _BaseSelect__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./BaseSelect */ "./components/vc-select/BaseSelect.tsx"); /* harmony import */ var _OptionList__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./OptionList */ "./components/vc-select/OptionList.tsx"); /* harmony import */ var _hooks_useOptions__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./hooks/useOptions */ "./components/vc-select/hooks/useOptions.ts"); /* harmony import */ var _SelectContext__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./SelectContext */ "./components/vc-select/SelectContext.ts"); /* harmony import */ var _hooks_useId__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./hooks/useId */ "./components/vc-select/hooks/useId.ts"); /* harmony import */ var _utils_valueUtil__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./utils/valueUtil */ "./components/vc-select/utils/valueUtil.ts"); /* harmony import */ var _utils_warningPropsUtil__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./utils/warningPropsUtil */ "./components/vc-select/utils/warningPropsUtil.ts"); /* harmony import */ var _utils_commonUtil__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./utils/commonUtil */ "./components/vc-select/utils/commonUtil.ts"); /* harmony import */ var _hooks_useFilterOptions__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./hooks/useFilterOptions */ "./components/vc-select/hooks/useFilterOptions.ts"); /* harmony import */ var _hooks_useCache__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./hooks/useCache */ "./components/vc-select/hooks/useCache.ts"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/initDefaultProps.ts"); /* harmony import */ var _util_hooks_useMergedState__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../_util/hooks/useMergedState */ "./components/_util/hooks/useMergedState.ts"); /* harmony import */ var _util_hooks_useState__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../_util/hooks/useState */ "./components/_util/hooks/useState.ts"); /* harmony import */ var _util_toReactive__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../_util/toReactive */ "./components/_util/toReactive.ts"); /* harmony import */ var _util_omit__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../_util/omit */ "./components/_util/omit.ts"); /** * To match accessibility requirement, we always provide an input in the component. * Other element will not set `tabindex` to avoid `onBlur` sequence problem. * For focused select, we set `aria-live="polite"` to update the accessibility content. * * ref: * - keyboard: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/listbox_role#Keyboard_interactions * * New api: * - listHeight * - listItemHeight * - component * * Remove deprecated api: * - multiple * - tags * - combobox * - firstActiveValue * - dropdownMenuStyle * - openClassName (Not list in api) * * Update: * - `backfill` only support `combobox` mode * - `combobox` mode not support `labelInValue` since it's meaningless * - `getInputElement` only support `combobox` mode * - `onChange` return OptionData instead of ReactNode * - `filterOption` `onChange` `onSelect` accept OptionData instead of ReactNode * - `combobox` mode trigger `onChange` will get `undefined` if no `value` match in Option * - `combobox` mode not support `optionLabelProp` */ const OMIT_DOM_PROPS = ['inputValue']; function selectProps() { return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, (0,_BaseSelect__WEBPACK_IMPORTED_MODULE_3__.baseSelectPropsWithoutPrivate)()), { prefixCls: String, id: String, backfill: { type: Boolean, default: undefined }, // >>> Field Names fieldNames: Object, // >>> Search /** @deprecated Use `searchValue` instead */ inputValue: String, searchValue: String, onSearch: Function, autoClearSearchValue: { type: Boolean, default: undefined }, // >>> Select onSelect: Function, onDeselect: Function, // >>> Options /** * In Select, `false` means do nothing. * In TreeSelect, `false` will highlight match item. * It's by design. */ filterOption: { type: [Boolean, Function], default: undefined }, filterSort: Function, optionFilterProp: String, optionLabelProp: String, options: Array, defaultActiveFirstOption: { type: Boolean, default: undefined }, virtual: { type: Boolean, default: undefined }, listHeight: Number, listItemHeight: Number, // >>> Icon menuItemSelectedIcon: _util_vue_types__WEBPACK_IMPORTED_MODULE_4__["default"].any, mode: String, labelInValue: { type: Boolean, default: undefined }, value: _util_vue_types__WEBPACK_IMPORTED_MODULE_4__["default"].any, defaultValue: _util_vue_types__WEBPACK_IMPORTED_MODULE_4__["default"].any, onChange: Function, children: Array }); } function isRawValue(value) { return !value || typeof value !== 'object'; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'VcSelect', inheritAttrs: false, props: (0,_util_props_util__WEBPACK_IMPORTED_MODULE_5__["default"])(selectProps(), { prefixCls: 'vc-select', autoClearSearchValue: true, listHeight: 200, listItemHeight: 20, dropdownMatchSelectWidth: true }), setup(props, _ref) { let { expose, attrs, slots } = _ref; const mergedId = (0,_hooks_useId__WEBPACK_IMPORTED_MODULE_6__["default"])((0,vue__WEBPACK_IMPORTED_MODULE_2__.toRef)(props, 'id')); const multiple = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => (0,_BaseSelect__WEBPACK_IMPORTED_MODULE_3__.isMultiple)(props.mode)); const childrenAsData = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => !!(!props.options && props.children)); const mergedFilterOption = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { if (props.filterOption === undefined && props.mode === 'combobox') { return false; } return props.filterOption; }); // ========================= FieldNames ========================= const mergedFieldNames = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => (0,_utils_valueUtil__WEBPACK_IMPORTED_MODULE_7__.fillFieldNames)(props.fieldNames, childrenAsData.value)); // =========================== Search =========================== const [mergedSearchValue, setSearchValue] = (0,_util_hooks_useMergedState__WEBPACK_IMPORTED_MODULE_8__["default"])('', { value: (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.searchValue !== undefined ? props.searchValue : props.inputValue), postState: search => search || '' }); // =========================== Option =========================== const parsedOptions = (0,_hooks_useOptions__WEBPACK_IMPORTED_MODULE_9__["default"])((0,vue__WEBPACK_IMPORTED_MODULE_2__.toRef)(props, 'options'), (0,vue__WEBPACK_IMPORTED_MODULE_2__.toRef)(props, 'children'), mergedFieldNames); const { valueOptions, labelOptions, options: mergedOptions } = parsedOptions; // ========================= Wrap Value ========================= const convert2LabelValues = draftValues => { // Convert to array const valueList = (0,_utils_commonUtil__WEBPACK_IMPORTED_MODULE_10__.toArray)(draftValues); // Convert to labelInValue type return valueList.map(val => { var _a, _b; let rawValue; let rawLabel; let rawKey; let rawDisabled; // Fill label & value if (isRawValue(val)) { rawValue = val; } else { rawKey = val.key; rawLabel = val.label; rawValue = (_a = val.value) !== null && _a !== void 0 ? _a : rawKey; } const option = valueOptions.value.get(rawValue); if (option) { // Fill missing props if (rawLabel === undefined) rawLabel = option === null || option === void 0 ? void 0 : option[props.optionLabelProp || mergedFieldNames.value.label]; if (rawKey === undefined) rawKey = (_b = option === null || option === void 0 ? void 0 : option.key) !== null && _b !== void 0 ? _b : rawValue; rawDisabled = option === null || option === void 0 ? void 0 : option.disabled; // Warning if label not same as provided // if (process.env.NODE_ENV !== 'production' && !isRawValue(val)) { // const optionLabel = option?.[mergedFieldNames.value.label]; // if (optionLabel !== undefined && optionLabel !== rawLabel) { // warning(false, '`label` of `value` is not same as `label` in Select options.'); // } // } } return { label: rawLabel, value: rawValue, key: rawKey, disabled: rawDisabled, option }; }); }; // =========================== Values =========================== const [internalValue, setInternalValue] = (0,_util_hooks_useMergedState__WEBPACK_IMPORTED_MODULE_8__["default"])(props.defaultValue, { value: (0,vue__WEBPACK_IMPORTED_MODULE_2__.toRef)(props, 'value') }); // Merged value with LabelValueType const rawLabeledValues = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { var _a; const values = convert2LabelValues(internalValue.value); // combobox no need save value when it's empty if (props.mode === 'combobox' && !((_a = values[0]) === null || _a === void 0 ? void 0 : _a.value)) { return []; } return values; }); // Fill label with cache to avoid option remove const [mergedValues, getMixedOption] = (0,_hooks_useCache__WEBPACK_IMPORTED_MODULE_11__["default"])(rawLabeledValues, valueOptions); const displayValues = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { // `null` need show as placeholder instead // https://github.com/ant-design/ant-design/issues/25057 if (!props.mode && mergedValues.value.length === 1) { const firstValue = mergedValues.value[0]; if (firstValue.value === null && (firstValue.label === null || firstValue.label === undefined)) { return []; } } return mergedValues.value.map(item => { var _a; return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, item), { label: (_a = typeof item.label === 'function' ? item.label() : item.label) !== null && _a !== void 0 ? _a : item.value }); }); }); /** Convert `displayValues` to raw value type set */ const rawValues = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => new Set(mergedValues.value.map(val => val.value))); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watchEffect)(() => { var _a; if (props.mode === 'combobox') { const strValue = (_a = mergedValues.value[0]) === null || _a === void 0 ? void 0 : _a.value; if (strValue !== undefined && strValue !== null) { setSearchValue(String(strValue)); } } }, { flush: 'post' }); // ======================= Display Option ======================= // Create a placeholder item if not exist in `options` const createTagOption = (val, label) => { const mergedLabel = label !== null && label !== void 0 ? label : val; return { [mergedFieldNames.value.value]: val, [mergedFieldNames.value.label]: mergedLabel }; }; // Fill tag as option if mode is `tags` const filledTagOptions = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watchEffect)(() => { if (props.mode !== 'tags') { filledTagOptions.value = mergedOptions.value; return; } // >>> Tag mode const cloneOptions = mergedOptions.value.slice(); // Check if value exist in options (include new patch item) const existOptions = val => valueOptions.value.has(val); // Fill current value as option [...mergedValues.value].sort((a, b) => a.value < b.value ? -1 : 1).forEach(item => { const val = item.value; if (!existOptions(val)) { cloneOptions.push(createTagOption(val, item.label)); } }); filledTagOptions.value = cloneOptions; }); const filteredOptions = (0,_hooks_useFilterOptions__WEBPACK_IMPORTED_MODULE_12__["default"])(filledTagOptions, mergedFieldNames, mergedSearchValue, mergedFilterOption, (0,vue__WEBPACK_IMPORTED_MODULE_2__.toRef)(props, 'optionFilterProp')); // Fill options with search value if needed const filledSearchOptions = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { if (props.mode !== 'tags' || !mergedSearchValue.value || filteredOptions.value.some(item => item[props.optionFilterProp || 'value'] === mergedSearchValue.value)) { return filteredOptions.value; } // Fill search value as option return [createTagOption(mergedSearchValue.value), ...filteredOptions.value]; }); const orderedFilteredOptions = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { if (!props.filterSort) { return filledSearchOptions.value; } return [...filledSearchOptions.value].sort((a, b) => props.filterSort(a, b)); }); const displayOptions = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => (0,_utils_valueUtil__WEBPACK_IMPORTED_MODULE_7__.flattenOptions)(orderedFilteredOptions.value, { fieldNames: mergedFieldNames.value, childrenAsData: childrenAsData.value })); // =========================== Change =========================== const triggerChange = values => { const labeledValues = convert2LabelValues(values); setInternalValue(labeledValues); if (props.onChange && ( // Trigger event only when value changed labeledValues.length !== mergedValues.value.length || labeledValues.some((newVal, index) => { var _a; return ((_a = mergedValues.value[index]) === null || _a === void 0 ? void 0 : _a.value) !== (newVal === null || newVal === void 0 ? void 0 : newVal.value); }))) { const returnValues = props.labelInValue ? labeledValues.map(v => { return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, v), { originLabel: v.label, label: typeof v.label === 'function' ? v.label() : v.label }); }) : labeledValues.map(v => v.value); const returnOptions = labeledValues.map(v => (0,_utils_valueUtil__WEBPACK_IMPORTED_MODULE_7__.injectPropsWithOption)(getMixedOption(v.value))); props.onChange( // Value multiple.value ? returnValues : returnValues[0], // Option multiple.value ? returnOptions : returnOptions[0]); } }; // ======================= Accessibility ======================== const [activeValue, setActiveValue] = (0,_util_hooks_useState__WEBPACK_IMPORTED_MODULE_13__["default"])(null); const [accessibilityIndex, setAccessibilityIndex] = (0,_util_hooks_useState__WEBPACK_IMPORTED_MODULE_13__["default"])(0); const mergedDefaultActiveFirstOption = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.defaultActiveFirstOption !== undefined ? props.defaultActiveFirstOption : props.mode !== 'combobox'); const onActiveValue = function (active, index) { let { source = 'keyboard' } = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {}; setAccessibilityIndex(index); if (props.backfill && props.mode === 'combobox' && active !== null && source === 'keyboard') { setActiveValue(String(active)); } }; // ========================= OptionList ========================= const triggerSelect = (val, selected) => { const getSelectEnt = () => { var _a; const option = getMixedOption(val); const originLabel = option === null || option === void 0 ? void 0 : option[mergedFieldNames.value.label]; return [props.labelInValue ? { label: typeof originLabel === 'function' ? originLabel() : originLabel, originLabel, value: val, key: (_a = option === null || option === void 0 ? void 0 : option.key) !== null && _a !== void 0 ? _a : val } : val, (0,_utils_valueUtil__WEBPACK_IMPORTED_MODULE_7__.injectPropsWithOption)(option)]; }; if (selected && props.onSelect) { const [wrappedValue, option] = getSelectEnt(); props.onSelect(wrappedValue, option); } else if (!selected && props.onDeselect) { const [wrappedValue, option] = getSelectEnt(); props.onDeselect(wrappedValue, option); } }; // Used for OptionList selection const onInternalSelect = (val, info) => { let cloneValues; // Single mode always trigger select only with option list const mergedSelect = multiple.value ? info.selected : true; if (mergedSelect) { cloneValues = multiple.value ? [...mergedValues.value, val] : [val]; } else { cloneValues = mergedValues.value.filter(v => v.value !== val); } triggerChange(cloneValues); triggerSelect(val, mergedSelect); // Clean search value if single or configured if (props.mode === 'combobox') { // setSearchValue(String(val)); setActiveValue(''); } else if (!multiple.value || props.autoClearSearchValue) { setSearchValue(''); setActiveValue(''); } }; // ======================= Display Change ======================= // BaseSelect display values change const onDisplayValuesChange = (nextValues, info) => { triggerChange(nextValues); if (info.type === 'remove' || info.type === 'clear') { info.values.forEach(item => { triggerSelect(item.value, false); }); } }; // =========================== Search =========================== const onInternalSearch = (searchText, info) => { var _a; setSearchValue(searchText); setActiveValue(null); // [Submit] Tag mode should flush input if (info.source === 'submit') { const formatted = (searchText || '').trim(); // prevent empty tags from appearing when you click the Enter button if (formatted) { const newRawValues = Array.from(new Set([...rawValues.value, formatted])); triggerChange(newRawValues); triggerSelect(formatted, true); setSearchValue(''); } return; } if (info.source !== 'blur') { if (props.mode === 'combobox') { triggerChange(searchText); } (_a = props.onSearch) === null || _a === void 0 ? void 0 : _a.call(props, searchText); } }; const onInternalSearchSplit = words => { let patchValues = words; if (props.mode !== 'tags') { patchValues = words.map(word => { const opt = labelOptions.value.get(word); return opt === null || opt === void 0 ? void 0 : opt.value; }).filter(val => val !== undefined); } const newRawValues = Array.from(new Set([...rawValues.value, ...patchValues])); triggerChange(newRawValues); newRawValues.forEach(newRawValue => { triggerSelect(newRawValue, true); }); }; const realVirtual = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.virtual !== false && props.dropdownMatchSelectWidth !== false); (0,_SelectContext__WEBPACK_IMPORTED_MODULE_14__.useProvideSelectProps)((0,_util_toReactive__WEBPACK_IMPORTED_MODULE_15__.toReactive)((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, parsedOptions), { flattenOptions: displayOptions, onActiveValue, defaultActiveFirstOption: mergedDefaultActiveFirstOption, onSelect: onInternalSelect, menuItemSelectedIcon: (0,vue__WEBPACK_IMPORTED_MODULE_2__.toRef)(props, 'menuItemSelectedIcon'), rawValues, fieldNames: mergedFieldNames, virtual: realVirtual, listHeight: (0,vue__WEBPACK_IMPORTED_MODULE_2__.toRef)(props, 'listHeight'), listItemHeight: (0,vue__WEBPACK_IMPORTED_MODULE_2__.toRef)(props, 'listItemHeight'), childrenAsData }))); // ========================== Warning =========================== if (true) { (0,vue__WEBPACK_IMPORTED_MODULE_2__.watchEffect)(() => { (0,_utils_warningPropsUtil__WEBPACK_IMPORTED_MODULE_16__["default"])(props); }, { flush: 'post' }); } const selectRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(); expose({ focus() { var _a; (_a = selectRef.value) === null || _a === void 0 ? void 0 : _a.focus(); }, blur() { var _a; (_a = selectRef.value) === null || _a === void 0 ? void 0 : _a.blur(); }, scrollTo(arg) { var _a; (_a = selectRef.value) === null || _a === void 0 ? void 0 : _a.scrollTo(arg); } }); const pickProps = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { return (0,_util_omit__WEBPACK_IMPORTED_MODULE_17__["default"])(props, ['id', 'mode', 'prefixCls', 'backfill', 'fieldNames', // Search 'inputValue', 'searchValue', 'onSearch', 'autoClearSearchValue', // Select 'onSelect', 'onDeselect', 'dropdownMatchSelectWidth', // Options 'filterOption', 'filterSort', 'optionFilterProp', 'optionLabelProp', 'options', 'children', 'defaultActiveFirstOption', 'menuItemSelectedIcon', 'virtual', 'listHeight', 'listItemHeight', // Value 'value', 'defaultValue', 'labelInValue', 'onChange']); }); return () => { return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_BaseSelect__WEBPACK_IMPORTED_MODULE_3__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, pickProps.value), attrs), {}, { "id": mergedId, "prefixCls": props.prefixCls, "ref": selectRef, "omitDomProps": OMIT_DOM_PROPS, "mode": props.mode, "displayValues": displayValues.value, "onDisplayValuesChange": onDisplayValuesChange, "searchValue": mergedSearchValue.value, "onSearch": onInternalSearch, "onSearchSplit": onInternalSearchSplit, "dropdownMatchSelectWidth": props.dropdownMatchSelectWidth, "OptionList": _OptionList__WEBPACK_IMPORTED_MODULE_18__["default"], "emptyOptions": !displayOptions.value.length, "activeValue": activeValue.value, "activeDescendantId": `${mergedId}_list_${accessibilityIndex.value}` }), slots); }; } })); /***/ }), /***/ "./components/vc-select/SelectContext.ts": /*!***********************************************!*\ !*** ./components/vc-select/SelectContext.ts ***! \***********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ useSelectProps), /* harmony export */ useProvideSelectProps: () => (/* binding */ useProvideSelectProps) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /** * BaseSelect provide some parsed data into context. * You can use this hooks to get them. */ const SelectContextKey = Symbol('SelectContextKey'); function useProvideSelectProps(props) { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.provide)(SelectContextKey, props); } function useSelectProps() { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.inject)(SelectContextKey, {}); } /***/ }), /***/ "./components/vc-select/SelectTrigger.tsx": /*!************************************************!*\ !*** ./components/vc-select/SelectTrigger.tsx ***! \************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _vc_trigger__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../vc-trigger */ "./components/vc-trigger/index.ts"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); var __rest = undefined && undefined.__rest || function (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; }; const getBuiltInPlacements = dropdownMatchSelectWidth => { // Enable horizontal overflow auto-adjustment when a custom dropdown width is provided const adjustX = dropdownMatchSelectWidth === true ? 0 : 1; return { bottomLeft: { points: ['tl', 'bl'], offset: [0, 4], overflow: { adjustX, adjustY: 1 } }, bottomRight: { points: ['tr', 'br'], offset: [0, 4], overflow: { adjustX, adjustY: 1 } }, topLeft: { points: ['bl', 'tl'], offset: [0, -4], overflow: { adjustX, adjustY: 1 } }, topRight: { points: ['br', 'tr'], offset: [0, -4], overflow: { adjustX, adjustY: 1 } } }; }; const SelectTrigger = (0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ name: 'SelectTrigger', inheritAttrs: false, props: { dropdownAlign: Object, visible: { type: Boolean, default: undefined }, disabled: { type: Boolean, default: undefined }, dropdownClassName: String, dropdownStyle: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].object, placement: String, empty: { type: Boolean, default: undefined }, prefixCls: String, popupClassName: String, animation: String, transitionName: String, getPopupContainer: Function, dropdownRender: Function, containerWidth: Number, dropdownMatchSelectWidth: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].oneOfType([Number, Boolean]).def(true), popupElement: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].any, direction: String, getTriggerDOMNode: Function, onPopupVisibleChange: Function, onPopupMouseEnter: Function, onPopupFocusin: Function, onPopupFocusout: Function }, setup(props, _ref) { let { slots, attrs, expose } = _ref; const builtInPlacements = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { const { dropdownMatchSelectWidth } = props; return getBuiltInPlacements(dropdownMatchSelectWidth); }); const popupRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(); expose({ getPopupElement: () => { return popupRef.value; } }); return () => { const _a = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, props), attrs), { empty = false } = _a, restProps = __rest(_a, ["empty"]); const { visible, dropdownAlign, prefixCls, popupElement, dropdownClassName, dropdownStyle, direction = 'ltr', placement, dropdownMatchSelectWidth, containerWidth, dropdownRender, animation, transitionName, getPopupContainer, getTriggerDOMNode, onPopupVisibleChange, onPopupMouseEnter, onPopupFocusin, onPopupFocusout } = restProps; const dropdownPrefixCls = `${prefixCls}-dropdown`; let popupNode = popupElement; if (dropdownRender) { popupNode = dropdownRender({ menuNode: popupElement, props }); } const mergedTransitionName = animation ? `${dropdownPrefixCls}-${animation}` : transitionName; const popupStyle = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({ minWidth: `${containerWidth}px` }, dropdownStyle); if (typeof dropdownMatchSelectWidth === 'number') { popupStyle.width = `${dropdownMatchSelectWidth}px`; } else if (dropdownMatchSelectWidth) { popupStyle.width = `${containerWidth}px`; } return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_vc_trigger__WEBPACK_IMPORTED_MODULE_4__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props), {}, { "showAction": onPopupVisibleChange ? ['click'] : [], "hideAction": onPopupVisibleChange ? ['click'] : [], "popupPlacement": placement || (direction === 'rtl' ? 'bottomRight' : 'bottomLeft'), "builtinPlacements": builtInPlacements.value, "prefixCls": dropdownPrefixCls, "popupTransitionName": mergedTransitionName, "popupAlign": dropdownAlign, "popupVisible": visible, "getPopupContainer": getPopupContainer, "popupClassName": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_5__["default"])(dropdownClassName, { [`${dropdownPrefixCls}-empty`]: empty }), "popupStyle": popupStyle, "getTriggerDOMNode": getTriggerDOMNode, "onPopupVisibleChange": onPopupVisibleChange }), { default: slots.default, popup: () => (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "ref": popupRef, "onMouseenter": onPopupMouseEnter, "onFocusin": onPopupFocusin, "onFocusout": onPopupFocusout }, [popupNode]) }); }; } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SelectTrigger); /***/ }), /***/ "./components/vc-select/Selector/Input.tsx": /*!*************************************************!*\ !*** ./components/vc-select/Selector/Input.tsx ***! \*************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ inputProps: () => (/* binding */ inputProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_vnode__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../_util/vnode */ "./components/_util/vnode.ts"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _util_BaseInput__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../_util/BaseInput */ "./components/_util/BaseInput.tsx"); const inputProps = { inputRef: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].any, prefixCls: String, id: String, inputElement: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].VueNode, disabled: { type: Boolean, default: undefined }, autofocus: { type: Boolean, default: undefined }, autocomplete: String, editable: { type: Boolean, default: undefined }, activeDescendantId: String, value: String, open: { type: Boolean, default: undefined }, tabindex: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].oneOfType([_util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].number, _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].string]), /** Pass accessibility props to input */ attrs: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].object, onKeydown: { type: Function }, onMousedown: { type: Function }, onChange: { type: Function }, onPaste: { type: Function }, onCompositionstart: { type: Function }, onCompositionend: { type: Function }, onFocus: { type: Function }, onBlur: { type: Function } }; const Input = (0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'SelectInput', inheritAttrs: false, props: inputProps, setup(props) { let blurTimeout = null; const VCSelectContainerEvent = (0,vue__WEBPACK_IMPORTED_MODULE_1__.inject)('VCSelectContainerEvent'); return () => { var _a; const { prefixCls, id, inputElement, disabled, tabindex, autofocus, autocomplete, editable, activeDescendantId, value, onKeydown, onMousedown, onChange, onPaste, onCompositionstart, onCompositionend, onFocus, onBlur, open, inputRef, attrs } = props; let inputNode = inputElement || (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_util_BaseInput__WEBPACK_IMPORTED_MODULE_3__["default"], null, null); const inputProps = inputNode.props || {}; const { onKeydown: onOriginKeyDown, onInput: onOriginInput, onFocus: onOriginFocus, onBlur: onOriginBlur, onMousedown: onOriginMouseDown, onCompositionstart: onOriginCompositionStart, onCompositionend: onOriginCompositionEnd, style } = inputProps; inputNode = (0,_util_vnode__WEBPACK_IMPORTED_MODULE_4__.cloneElement)(inputNode, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ type: 'search' }, inputProps), { id, ref: inputRef, disabled, tabindex, lazy: false, autocomplete: autocomplete || 'off', autofocus, class: (0,_util_classNames__WEBPACK_IMPORTED_MODULE_5__["default"])(`${prefixCls}-selection-search-input`, (_a = inputNode === null || inputNode === void 0 ? void 0 : inputNode.props) === null || _a === void 0 ? void 0 : _a.class), role: 'combobox', 'aria-expanded': open, 'aria-haspopup': 'listbox', 'aria-owns': `${id}_list`, 'aria-autocomplete': 'list', 'aria-controls': `${id}_list`, 'aria-activedescendant': activeDescendantId }), attrs), { value: editable ? value : '', readonly: !editable, unselectable: !editable ? 'on' : null, style: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, style), { opacity: editable ? null : 0 }), onKeydown: event => { onKeydown(event); if (onOriginKeyDown) { onOriginKeyDown(event); } }, onMousedown: event => { onMousedown(event); if (onOriginMouseDown) { onOriginMouseDown(event); } }, onInput: event => { onChange(event); if (onOriginInput) { onOriginInput(event); } }, onCompositionstart(event) { onCompositionstart(event); if (onOriginCompositionStart) { onOriginCompositionStart(event); } }, onCompositionend(event) { onCompositionend(event); if (onOriginCompositionEnd) { onOriginCompositionEnd(event); } }, onPaste, onFocus: function () { clearTimeout(blurTimeout); onOriginFocus && onOriginFocus(arguments.length <= 0 ? undefined : arguments[0]); onFocus && onFocus(arguments.length <= 0 ? undefined : arguments[0]); VCSelectContainerEvent === null || VCSelectContainerEvent === void 0 ? void 0 : VCSelectContainerEvent.focus(arguments.length <= 0 ? undefined : arguments[0]); }, onBlur: function () { for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) { args[_key] = arguments[_key]; } blurTimeout = setTimeout(() => { onOriginBlur && onOriginBlur(args[0]); onBlur && onBlur(args[0]); VCSelectContainerEvent === null || VCSelectContainerEvent === void 0 ? void 0 : VCSelectContainerEvent.blur(args[0]); }, 100); } }), inputNode.type === 'textarea' ? {} : { type: 'search' }), true, true); return inputNode; }; } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Input); /***/ }), /***/ "./components/vc-select/Selector/MultipleSelector.tsx": /*!************************************************************!*\ !*** ./components/vc-select/Selector/MultipleSelector.tsx ***! \************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _TransBtn__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../TransBtn */ "./components/vc-select/TransBtn.tsx"); /* harmony import */ var _Input__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Input */ "./components/vc-select/Selector/Input.tsx"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _util_pickAttrs__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../_util/pickAttrs */ "./components/_util/pickAttrs.ts"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _vc_overflow__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../vc-overflow */ "./components/vc-overflow/index.ts"); /* harmony import */ var _vc_tree_select_LegacyContext__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../vc-tree-select/LegacyContext */ "./components/vc-tree-select/LegacyContext.tsx"); const props = { id: String, prefixCls: String, values: _util_vue_types__WEBPACK_IMPORTED_MODULE_1__["default"].array, open: { type: Boolean, default: undefined }, searchValue: String, inputRef: _util_vue_types__WEBPACK_IMPORTED_MODULE_1__["default"].any, placeholder: _util_vue_types__WEBPACK_IMPORTED_MODULE_1__["default"].any, disabled: { type: Boolean, default: undefined }, mode: String, showSearch: { type: Boolean, default: undefined }, autofocus: { type: Boolean, default: undefined }, autocomplete: String, activeDescendantId: String, tabindex: _util_vue_types__WEBPACK_IMPORTED_MODULE_1__["default"].oneOfType([_util_vue_types__WEBPACK_IMPORTED_MODULE_1__["default"].number, _util_vue_types__WEBPACK_IMPORTED_MODULE_1__["default"].string]), compositionStatus: Boolean, removeIcon: _util_vue_types__WEBPACK_IMPORTED_MODULE_1__["default"].any, choiceTransitionName: String, maxTagCount: _util_vue_types__WEBPACK_IMPORTED_MODULE_1__["default"].oneOfType([_util_vue_types__WEBPACK_IMPORTED_MODULE_1__["default"].number, _util_vue_types__WEBPACK_IMPORTED_MODULE_1__["default"].string]), maxTagTextLength: Number, maxTagPlaceholder: _util_vue_types__WEBPACK_IMPORTED_MODULE_1__["default"].any.def(() => omittedValues => `+ ${omittedValues.length} ...`), tagRender: Function, onToggleOpen: { type: Function }, onRemove: Function, onInputChange: Function, onInputPaste: Function, onInputKeyDown: Function, onInputMouseDown: Function, onInputCompositionStart: Function, onInputCompositionEnd: Function }; const onPreventMouseDown = event => { event.preventDefault(); event.stopPropagation(); }; const SelectSelector = (0,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)({ name: 'MultipleSelectSelector', inheritAttrs: false, props: props, setup(props) { const measureRef = (0,vue__WEBPACK_IMPORTED_MODULE_0__.shallowRef)(); const inputWidth = (0,vue__WEBPACK_IMPORTED_MODULE_0__.shallowRef)(0); const focused = (0,vue__WEBPACK_IMPORTED_MODULE_0__.shallowRef)(false); const legacyTreeSelectContext = (0,_vc_tree_select_LegacyContext__WEBPACK_IMPORTED_MODULE_2__["default"])(); const selectionPrefixCls = (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => `${props.prefixCls}-selection`); // ===================== Search ====================== const inputValue = (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => props.open || props.mode === 'tags' ? props.searchValue : ''); const inputEditable = (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => props.mode === 'tags' || props.showSearch && (props.open || focused.value)); const targetValue = (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)(''); (0,vue__WEBPACK_IMPORTED_MODULE_0__.watchEffect)(() => { targetValue.value = inputValue.value; }); // We measure width and set to the input immediately (0,vue__WEBPACK_IMPORTED_MODULE_0__.onMounted)(() => { (0,vue__WEBPACK_IMPORTED_MODULE_0__.watch)(targetValue, () => { inputWidth.value = measureRef.value.scrollWidth; }, { flush: 'post', immediate: true }); }); // ===================== Render ====================== // >>> Render Selector Node. Includes Item & Rest function defaultRenderSelector(title, content, itemDisabled, closable, onClose) { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("span", { "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_3__["default"])(`${selectionPrefixCls.value}-item`, { [`${selectionPrefixCls.value}-item-disabled`]: itemDisabled }), "title": typeof title === 'string' || typeof title === 'number' ? title.toString() : undefined }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("span", { "class": `${selectionPrefixCls.value}-item-content` }, [content]), closable && (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_TransBtn__WEBPACK_IMPORTED_MODULE_4__["default"], { "class": `${selectionPrefixCls.value}-item-remove`, "onMousedown": onPreventMouseDown, "onClick": onClose, "customizeIcon": props.removeIcon }, { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createTextVNode)("\xD7")] })]); } function customizeRenderSelector(value, content, itemDisabled, closable, onClose, option) { var _a; const onMouseDown = e => { onPreventMouseDown(e); props.onToggleOpen(!open); }; let originData = option; // For TreeSelect if (legacyTreeSelectContext.keyEntities) { originData = ((_a = legacyTreeSelectContext.keyEntities[value]) === null || _a === void 0 ? void 0 : _a.node) || {}; } return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("span", { "key": value, "onMousedown": onMouseDown }, [props.tagRender({ label: content, value, disabled: itemDisabled, closable, onClose, option: originData })]); } function renderItem(valueItem) { const { disabled: itemDisabled, label, value, option } = valueItem; const closable = !props.disabled && !itemDisabled; let displayLabel = label; if (typeof props.maxTagTextLength === 'number') { if (typeof label === 'string' || typeof label === 'number') { const strLabel = String(displayLabel); if (strLabel.length > props.maxTagTextLength) { displayLabel = `${strLabel.slice(0, props.maxTagTextLength)}...`; } } } const onClose = event => { var _a; if (event) event.stopPropagation(); (_a = props.onRemove) === null || _a === void 0 ? void 0 : _a.call(props, valueItem); }; return typeof props.tagRender === 'function' ? customizeRenderSelector(value, displayLabel, itemDisabled, closable, onClose, option) : defaultRenderSelector(label, displayLabel, itemDisabled, closable, onClose); } function renderRest(omittedValues) { const { maxTagPlaceholder = omittedValues => `+ ${omittedValues.length} ...` } = props; const content = typeof maxTagPlaceholder === 'function' ? maxTagPlaceholder(omittedValues) : maxTagPlaceholder; return defaultRenderSelector(content, content, false); } const handleInput = e => { const composing = e.target.composing; targetValue.value = e.target.value; if (!composing) { props.onInputChange(e); } }; return () => { const { id, prefixCls, values, open, inputRef, placeholder, disabled, autofocus, autocomplete, activeDescendantId, tabindex, compositionStatus, onInputPaste, onInputKeyDown, onInputMouseDown, onInputCompositionStart, onInputCompositionEnd } = props; // >>> Input Node const inputNode = (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", { "class": `${selectionPrefixCls.value}-search`, "style": { width: inputWidth.value + 'px' }, "key": "input" }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_Input__WEBPACK_IMPORTED_MODULE_5__["default"], { "inputRef": inputRef, "open": open, "prefixCls": prefixCls, "id": id, "inputElement": null, "disabled": disabled, "autofocus": autofocus, "autocomplete": autocomplete, "editable": inputEditable.value, "activeDescendantId": activeDescendantId, "value": targetValue.value, "onKeydown": onInputKeyDown, "onMousedown": onInputMouseDown, "onChange": handleInput, "onPaste": onInputPaste, "onCompositionstart": onInputCompositionStart, "onCompositionend": onInputCompositionEnd, "tabindex": tabindex, "attrs": (0,_util_pickAttrs__WEBPACK_IMPORTED_MODULE_6__["default"])(props, true), "onFocus": () => focused.value = true, "onBlur": () => focused.value = false }, null), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("span", { "ref": measureRef, "class": `${selectionPrefixCls.value}-search-mirror`, "aria-hidden": true }, [targetValue.value, (0,vue__WEBPACK_IMPORTED_MODULE_0__.createTextVNode)("\xA0")])]); // >>> Selections const selectionNode = (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_vc_overflow__WEBPACK_IMPORTED_MODULE_7__["default"], { "prefixCls": `${selectionPrefixCls.value}-overflow`, "data": values, "renderItem": renderItem, "renderRest": renderRest, "suffix": inputNode, "itemKey": "key", "maxCount": props.maxTagCount, "key": "overflow" }, null); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, [selectionNode, !values.length && !inputValue.value && !compositionStatus && (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("span", { "class": `${selectionPrefixCls.value}-placeholder` }, [placeholder])]); }; } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SelectSelector); /***/ }), /***/ "./components/vc-select/Selector/SingleSelector.tsx": /*!**********************************************************!*\ !*** ./components/vc-select/Selector/SingleSelector.tsx ***! \**********************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_pickAttrs__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../_util/pickAttrs */ "./components/_util/pickAttrs.ts"); /* harmony import */ var _Input__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Input */ "./components/vc-select/Selector/Input.tsx"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _vc_tree_select_LegacyContext__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../vc-tree-select/LegacyContext */ "./components/vc-tree-select/LegacyContext.tsx"); const props = { inputElement: _util_vue_types__WEBPACK_IMPORTED_MODULE_1__["default"].any, id: String, prefixCls: String, values: _util_vue_types__WEBPACK_IMPORTED_MODULE_1__["default"].array, open: { type: Boolean, default: undefined }, searchValue: String, inputRef: _util_vue_types__WEBPACK_IMPORTED_MODULE_1__["default"].any, placeholder: _util_vue_types__WEBPACK_IMPORTED_MODULE_1__["default"].any, compositionStatus: { type: Boolean, default: undefined }, disabled: { type: Boolean, default: undefined }, mode: String, showSearch: { type: Boolean, default: undefined }, autofocus: { type: Boolean, default: undefined }, autocomplete: String, activeDescendantId: String, tabindex: _util_vue_types__WEBPACK_IMPORTED_MODULE_1__["default"].oneOfType([_util_vue_types__WEBPACK_IMPORTED_MODULE_1__["default"].number, _util_vue_types__WEBPACK_IMPORTED_MODULE_1__["default"].string]), activeValue: String, backfill: { type: Boolean, default: undefined }, optionLabelRender: Function, onInputChange: Function, onInputPaste: Function, onInputKeyDown: Function, onInputMouseDown: Function, onInputCompositionStart: Function, onInputCompositionEnd: Function }; const SingleSelector = (0,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)({ name: 'SingleSelector', setup(props) { const inputChanged = (0,vue__WEBPACK_IMPORTED_MODULE_0__.shallowRef)(false); const combobox = (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => props.mode === 'combobox'); const inputEditable = (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => combobox.value || props.showSearch); const inputValue = (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => { let inputValue = props.searchValue || ''; if (combobox.value && props.activeValue && !inputChanged.value) { inputValue = props.activeValue; } return inputValue; }); const legacyTreeSelectContext = (0,_vc_tree_select_LegacyContext__WEBPACK_IMPORTED_MODULE_2__["default"])(); (0,vue__WEBPACK_IMPORTED_MODULE_0__.watch)([combobox, () => props.activeValue], () => { if (combobox.value) { inputChanged.value = false; } }, { immediate: true }); // Not show text when closed expect combobox mode const hasTextInput = (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => props.mode !== 'combobox' && !props.open && !props.showSearch ? false : !!inputValue.value || props.compositionStatus); const title = (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => { const item = props.values[0]; return item && (typeof item.label === 'string' || typeof item.label === 'number') ? item.label.toString() : undefined; }); const renderPlaceholder = () => { if (props.values[0]) { return null; } const hiddenStyle = hasTextInput.value ? { visibility: 'hidden' } : undefined; return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("span", { "class": `${props.prefixCls}-selection-placeholder`, "style": hiddenStyle }, [props.placeholder]); }; const handleInput = e => { const composing = e.target.composing; if (!composing) { inputChanged.value = true; props.onInputChange(e); } }; return () => { var _a, _b, _c, _d; const { inputElement, prefixCls, id, values, inputRef, disabled, autofocus, autocomplete, activeDescendantId, open, tabindex, optionLabelRender, onInputKeyDown, onInputMouseDown, onInputPaste, onInputCompositionStart, onInputCompositionEnd } = props; const item = values[0]; let titleNode = null; // custom tree-select title by slot // For TreeSelect if (item && legacyTreeSelectContext.customSlots) { const key = (_a = item.key) !== null && _a !== void 0 ? _a : item.value; const originData = ((_b = legacyTreeSelectContext.keyEntities[key]) === null || _b === void 0 ? void 0 : _b.node) || {}; titleNode = legacyTreeSelectContext.customSlots[(_c = originData.slots) === null || _c === void 0 ? void 0 : _c.title] || legacyTreeSelectContext.customSlots.title || item.label; if (typeof titleNode === 'function') { titleNode = titleNode(originData); } // else if (treeSelectContext.value.slots.titleRender) { // // 因历史 title 是覆盖逻辑,新增 titleRender,所有的 title 都走一遍 titleRender // titleNode = treeSelectContext.value.slots.titleRender(item.option?.data || {}); // } } else { titleNode = optionLabelRender && item ? optionLabelRender(item.option) : item === null || item === void 0 ? void 0 : item.label; } return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("span", { "class": `${prefixCls}-selection-search` }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_Input__WEBPACK_IMPORTED_MODULE_3__["default"], { "inputRef": inputRef, "prefixCls": prefixCls, "id": id, "open": open, "inputElement": inputElement, "disabled": disabled, "autofocus": autofocus, "autocomplete": autocomplete, "editable": inputEditable.value, "activeDescendantId": activeDescendantId, "value": inputValue.value, "onKeydown": onInputKeyDown, "onMousedown": onInputMouseDown, "onChange": handleInput, "onPaste": onInputPaste, "onCompositionstart": onInputCompositionStart, "onCompositionend": onInputCompositionEnd, "tabindex": tabindex, "attrs": (0,_util_pickAttrs__WEBPACK_IMPORTED_MODULE_4__["default"])(props, true) }, null)]), !combobox.value && item && !hasTextInput.value && (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("span", { "class": `${prefixCls}-selection-item`, "title": title.value }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_0__.Fragment, { "key": (_d = item.key) !== null && _d !== void 0 ? _d : item.value }, [titleNode])]), renderPlaceholder()]); }; } }); SingleSelector.props = props; SingleSelector.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SingleSelector); /***/ }), /***/ "./components/vc-select/Selector/index.tsx": /*!*************************************************!*\ !*** ./components/vc-select/Selector/index.tsx ***! \*************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_KeyCode__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../_util/KeyCode */ "./components/_util/KeyCode.ts"); /* harmony import */ var _MultipleSelector__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./MultipleSelector */ "./components/vc-select/Selector/MultipleSelector.tsx"); /* harmony import */ var _SingleSelector__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./SingleSelector */ "./components/vc-select/Selector/SingleSelector.tsx"); /* harmony import */ var _utils_keyUtil__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../utils/keyUtil */ "./components/vc-select/utils/keyUtil.ts"); /* harmony import */ var _hooks_useLock__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../hooks/useLock */ "./components/vc-select/hooks/useLock.ts"); /* harmony import */ var _util_createRef__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../_util/createRef */ "./components/_util/createRef.ts"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../_util/vue-types */ "./components/_util/vue-types/index.ts"); /** * Cursor rule: * 1. Only `showSearch` enabled * 2. Only `open` is `true` * 3. When typing, set `open` to `true` which hit rule of 2 * * Accessibility: * - https://www.w3.org/TR/wai-aria-practices/examples/combobox/aria1.1pattern/listbox-combo.html */ const Selector = (0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ name: 'Selector', inheritAttrs: false, props: { id: String, prefixCls: String, showSearch: { type: Boolean, default: undefined }, open: { type: Boolean, default: undefined }, /** Display in the Selector value, it's not same as `value` prop */ values: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].array, multiple: { type: Boolean, default: undefined }, mode: String, searchValue: String, activeValue: String, inputElement: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].any, autofocus: { type: Boolean, default: undefined }, activeDescendantId: String, tabindex: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].oneOfType([_util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].number, _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].string]), disabled: { type: Boolean, default: undefined }, placeholder: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].any, removeIcon: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].any, // Tags maxTagCount: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].oneOfType([_util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].number, _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].string]), maxTagTextLength: Number, maxTagPlaceholder: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].any, tagRender: Function, optionLabelRender: Function, /** Check if `tokenSeparators` contains `\n` or `\r\n` */ tokenWithEnter: { type: Boolean, default: undefined }, // Motion choiceTransitionName: String, onToggleOpen: { type: Function }, /** `onSearch` returns go next step boolean to check if need do toggle open */ onSearch: Function, onSearchSubmit: Function, onRemove: Function, onInputKeyDown: { type: Function }, /** * @private get real dom for trigger align. * This may be removed after React provides replacement of `findDOMNode` */ domRef: Function }, setup(props, _ref) { let { expose } = _ref; const inputRef = (0,_util_createRef__WEBPACK_IMPORTED_MODULE_3__["default"])(); const compositionStatus = (0,vue__WEBPACK_IMPORTED_MODULE_1__.ref)(false); // ====================== Input ====================== const [getInputMouseDown, setInputMouseDown] = (0,_hooks_useLock__WEBPACK_IMPORTED_MODULE_4__["default"])(0); const onInternalInputKeyDown = event => { const { which } = event; if (which === _util_KeyCode__WEBPACK_IMPORTED_MODULE_5__["default"].UP || which === _util_KeyCode__WEBPACK_IMPORTED_MODULE_5__["default"].DOWN) { event.preventDefault(); } if (props.onInputKeyDown) { props.onInputKeyDown(event); } if (which === _util_KeyCode__WEBPACK_IMPORTED_MODULE_5__["default"].ENTER && props.mode === 'tags' && !compositionStatus.value && !props.open) { // When menu isn't open, OptionList won't trigger a value change // So when enter is pressed, the tag's input value should be emitted here to let selector know props.onSearchSubmit(event.target.value); } if ((0,_utils_keyUtil__WEBPACK_IMPORTED_MODULE_6__.isValidateOpenKey)(which)) { props.onToggleOpen(true); } }; /** * We can not use `findDOMNode` sine it will get warning, * have to use timer to check if is input element. */ const onInternalInputMouseDown = () => { setInputMouseDown(true); }; // When paste come, ignore next onChange let pastedText = null; const triggerOnSearch = value => { if (props.onSearch(value, true, compositionStatus.value) !== false) { props.onToggleOpen(true); } }; const onInputCompositionStart = () => { compositionStatus.value = true; }; const onInputCompositionEnd = e => { compositionStatus.value = false; // Trigger search again to support `tokenSeparators` with typewriting if (props.mode !== 'combobox') { triggerOnSearch(e.target.value); } }; const onInputChange = event => { let { target: { value } } = event; // Pasted text should replace back to origin content if (props.tokenWithEnter && pastedText && /[\r\n]/.test(pastedText)) { // CRLF will be treated as a single space for input element const replacedText = pastedText.replace(/[\r\n]+$/, '').replace(/\r\n/g, ' ').replace(/[\r\n]/g, ' '); value = value.replace(replacedText, pastedText); } pastedText = null; triggerOnSearch(value); }; const onInputPaste = e => { const { clipboardData } = e; const value = clipboardData.getData('text'); pastedText = value; }; const onClick = _ref2 => { let { target } = _ref2; if (target !== inputRef.current) { // Should focus input if click the selector const isIE = document.body.style.msTouchAction !== undefined; if (isIE) { setTimeout(() => { inputRef.current.focus(); }); } else { inputRef.current.focus(); } } }; const onMousedown = event => { const inputMouseDown = getInputMouseDown(); if (event.target !== inputRef.current && !inputMouseDown) { event.preventDefault(); } if (props.mode !== 'combobox' && (!props.showSearch || !inputMouseDown) || !props.open) { if (props.open) { props.onSearch('', true, false); } props.onToggleOpen(); } }; expose({ focus: () => { inputRef.current.focus(); }, blur: () => { inputRef.current.blur(); } }); return () => { const { prefixCls, domRef, mode } = props; const sharedProps = { inputRef, onInputKeyDown: onInternalInputKeyDown, onInputMouseDown: onInternalInputMouseDown, onInputChange, onInputPaste, compositionStatus: compositionStatus.value, onInputCompositionStart, onInputCompositionEnd }; const selectNode = mode === 'multiple' || mode === 'tags' ? (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_MultipleSelector__WEBPACK_IMPORTED_MODULE_7__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props), sharedProps), null) : (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_SingleSelector__WEBPACK_IMPORTED_MODULE_8__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props), sharedProps), null); return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "ref": domRef, "class": `${prefixCls}-selector`, "onClick": onClick, "onMousedown": onMousedown }, [selectNode]); }; } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Selector); /***/ }), /***/ "./components/vc-select/TransBtn.tsx": /*!*******************************************!*\ !*** ./components/vc-select/TransBtn.tsx ***! \*******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); const TransBtn = (props, _ref) => { let { slots } = _ref; var _a; const { class: className, customizeIcon, customizeIconProps, onMousedown, onClick } = props; let icon; if (typeof customizeIcon === 'function') { icon = customizeIcon(customizeIconProps); } else { icon = (0,vue__WEBPACK_IMPORTED_MODULE_0__.isVNode)(customizeIcon) ? (0,vue__WEBPACK_IMPORTED_MODULE_0__.cloneVNode)(customizeIcon) : customizeIcon; } return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("span", { "class": className, "onMousedown": event => { event.preventDefault(); if (onMousedown) { onMousedown(event); } }, "style": { userSelect: 'none', WebkitUserSelect: 'none' }, "unselectable": "on", "onClick": onClick, "aria-hidden": true }, [icon !== undefined ? icon : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("span", { "class": className.split(/\s+/).map(cls => `${cls}-icon`) }, [(_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)])]); }; TransBtn.inheritAttrs = false; TransBtn.displayName = 'TransBtn'; TransBtn.props = { class: String, customizeIcon: _util_vue_types__WEBPACK_IMPORTED_MODULE_1__["default"].any, customizeIconProps: _util_vue_types__WEBPACK_IMPORTED_MODULE_1__["default"].any, onMousedown: Function, onClick: Function }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TransBtn); /***/ }), /***/ "./components/vc-select/hooks/useBaseProps.ts": /*!****************************************************!*\ !*** ./components/vc-select/hooks/useBaseProps.ts ***! \****************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ useBaseProps), /* harmony export */ useProvideBaseSelectProps: () => (/* binding */ useProvideBaseSelectProps) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /** * BaseSelect provide some parsed data into context. * You can use this hooks to get them. */ const BaseSelectContextKey = Symbol('BaseSelectContextKey'); function useProvideBaseSelectProps(props) { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.provide)(BaseSelectContextKey, props); } function useBaseProps() { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.inject)(BaseSelectContextKey, {}); } /***/ }), /***/ "./components/vc-select/hooks/useCache.ts": /*!************************************************!*\ !*** ./components/vc-select/hooks/useCache.ts ***! \************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /** * Cache `value` related LabeledValue & options. */ /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((labeledValues, valueOptions) => { const cacheRef = (0,vue__WEBPACK_IMPORTED_MODULE_1__.shallowRef)({ values: new Map(), options: new Map() }); const filledLabeledValues = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { const { values: prevValueCache, options: prevOptionCache } = cacheRef.value; // Fill label by cache const patchedValues = labeledValues.value.map(item => { var _a; if (item.label === undefined) { return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, item), { label: (_a = prevValueCache.get(item.value)) === null || _a === void 0 ? void 0 : _a.label }); } return item; }); // Refresh cache const valueCache = new Map(); const optionCache = new Map(); patchedValues.forEach(item => { valueCache.set(item.value, item); optionCache.set(item.value, valueOptions.value.get(item.value) || prevOptionCache.get(item.value)); }); cacheRef.value.values = valueCache; cacheRef.value.options = optionCache; return patchedValues; }); const getOption = val => valueOptions.value.get(val) || cacheRef.value.options.get(val); return [filledLabeledValues, getOption]; }); /***/ }), /***/ "./components/vc-select/hooks/useDelayReset.ts": /*!*****************************************************!*\ !*** ./components/vc-select/hooks/useDelayReset.ts ***! \*****************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ useDelayReset) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /** * Similar with `useLock`, but this hook will always execute last value. * When set to `true`, it will keep `true` for a short time even if `false` is set. */ function useDelayReset() { let timeout = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 10; const bool = (0,vue__WEBPACK_IMPORTED_MODULE_0__.shallowRef)(false); let delay; const cancelLatest = () => { clearTimeout(delay); }; (0,vue__WEBPACK_IMPORTED_MODULE_0__.onMounted)(() => { cancelLatest(); }); const delaySetBool = (value, callback) => { cancelLatest(); delay = setTimeout(() => { bool.value = value; if (callback) { callback(); } }, timeout); }; return [bool, delaySetBool, cancelLatest]; } /***/ }), /***/ "./components/vc-select/hooks/useFilterOptions.ts": /*!********************************************************!*\ !*** ./components/vc-select/hooks/useFilterOptions.ts ***! \********************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _utils_commonUtil__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils/commonUtil */ "./components/vc-select/utils/commonUtil.ts"); /* harmony import */ var _utils_valueUtil__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils/valueUtil */ "./components/vc-select/utils/valueUtil.ts"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); function includes(test, search) { return (0,_utils_commonUtil__WEBPACK_IMPORTED_MODULE_2__.toArray)(test).join('').toUpperCase().includes(search); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((options, fieldNames, searchValue, filterOption, optionFilterProp) => (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { const searchValueVal = searchValue.value; const optionFilterPropValue = optionFilterProp === null || optionFilterProp === void 0 ? void 0 : optionFilterProp.value; const filterOptionValue = filterOption === null || filterOption === void 0 ? void 0 : filterOption.value; if (!searchValueVal || filterOptionValue === false) { return options.value; } const { options: fieldOptions, label: fieldLabel, value: fieldValue } = fieldNames.value; const filteredOptions = []; const customizeFilter = typeof filterOptionValue === 'function'; const upperSearch = searchValueVal.toUpperCase(); const filterFunc = customizeFilter ? filterOptionValue : (_, option) => { // Use provided `optionFilterProp` if (optionFilterPropValue) { return includes(option[optionFilterPropValue], upperSearch); } // Auto select `label` or `value` by option type if (option[fieldOptions]) { // hack `fieldLabel` since `OptionGroup` children is not `label` return includes(option[fieldLabel !== 'children' ? fieldLabel : 'label'], upperSearch); } return includes(option[fieldValue], upperSearch); }; const wrapOption = customizeFilter ? opt => (0,_utils_valueUtil__WEBPACK_IMPORTED_MODULE_3__.injectPropsWithOption)(opt) : opt => opt; options.value.forEach(item => { // Group should check child options if (item[fieldOptions]) { // Check group first const matchGroup = filterFunc(searchValueVal, wrapOption(item)); if (matchGroup) { filteredOptions.push(item); } else { // Check option const subOptions = item[fieldOptions].filter(subItem => filterFunc(searchValueVal, wrapOption(subItem))); if (subOptions.length) { filteredOptions.push((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, item), { [fieldOptions]: subOptions })); } } return; } if (filterFunc(searchValueVal, wrapOption(item))) { filteredOptions.push(item); } }); return filteredOptions; })); /***/ }), /***/ "./components/vc-select/hooks/useId.ts": /*!*********************************************!*\ !*** ./components/vc-select/hooks/useId.ts ***! \*********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ useId), /* harmony export */ getUUID: () => (/* binding */ getUUID), /* harmony export */ isBrowserClient: () => (/* binding */ isBrowserClient) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_canUseDom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../_util/canUseDom */ "./components/_util/canUseDom.ts"); let uuid = 0; /** Is client side and not jsdom */ const isBrowserClient = true && (0,_util_canUseDom__WEBPACK_IMPORTED_MODULE_1__["default"])(); /** Get unique id for accessibility usage */ function getUUID() { let retId; // Test never reach /* istanbul ignore if */ if (isBrowserClient) { retId = uuid; uuid += 1; } else { retId = 'TEST_OR_SSR'; } return retId; } function useId() { let id = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)(''); // Inner id for accessibility usage. Only work in client side const innerId = `rc_select_${getUUID()}`; return id.value || innerId; } /***/ }), /***/ "./components/vc-select/hooks/useLock.ts": /*!***********************************************!*\ !*** ./components/vc-select/hooks/useLock.ts ***! \***********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ useLock) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /** * Locker return cached mark. * If set to `true`, will return `true` in a short time even if set `false`. * If set to `false` and then set to `true`, will change to `true`. * And after time duration, it will back to `null` automatically. */ function useLock() { let duration = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 250; let lock = null; let timeout; (0,vue__WEBPACK_IMPORTED_MODULE_0__.onBeforeUnmount)(() => { clearTimeout(timeout); }); function doLock(locked) { if (locked || lock === null) { lock = locked; } clearTimeout(timeout); timeout = setTimeout(() => { lock = null; }, duration); } return [() => lock, doLock]; } /***/ }), /***/ "./components/vc-select/hooks/useOptions.ts": /*!**************************************************!*\ !*** ./components/vc-select/hooks/useOptions.ts ***! \**************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ useOptions) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _utils_legacyUtil__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../utils/legacyUtil */ "./components/vc-select/utils/legacyUtil.ts"); /** * Parse `children` to `options` if `options` is not provided. * Then flatten the `options`. */ function useOptions(options, children, fieldNames) { const mergedOptions = (0,vue__WEBPACK_IMPORTED_MODULE_0__.shallowRef)(); const valueOptions = (0,vue__WEBPACK_IMPORTED_MODULE_0__.shallowRef)(); const labelOptions = (0,vue__WEBPACK_IMPORTED_MODULE_0__.shallowRef)(); const tempMergedOptions = (0,vue__WEBPACK_IMPORTED_MODULE_0__.shallowRef)([]); (0,vue__WEBPACK_IMPORTED_MODULE_0__.watch)([options, children], () => { if (options.value) { tempMergedOptions.value = (0,vue__WEBPACK_IMPORTED_MODULE_0__.toRaw)(options.value).slice(); } else { tempMergedOptions.value = (0,_utils_legacyUtil__WEBPACK_IMPORTED_MODULE_1__.convertChildrenToData)(children.value); } }, { immediate: true, deep: true }); (0,vue__WEBPACK_IMPORTED_MODULE_0__.watchEffect)(() => { const newOptions = tempMergedOptions.value; const newValueOptions = new Map(); const newLabelOptions = new Map(); const fieldNamesValue = fieldNames.value; function dig(optionList) { let isChildren = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false; // for loop to speed up collection speed for (let i = 0; i < optionList.length; i += 1) { const option = optionList[i]; if (!option[fieldNamesValue.options] || isChildren) { newValueOptions.set(option[fieldNamesValue.value], option); newLabelOptions.set(option[fieldNamesValue.label], option); } else { dig(option[fieldNamesValue.options], true); } } } dig(newOptions); mergedOptions.value = newOptions; valueOptions.value = newValueOptions; labelOptions.value = newLabelOptions; }); return { options: mergedOptions, valueOptions, labelOptions }; } /***/ }), /***/ "./components/vc-select/hooks/useSelectTriggerControl.ts": /*!***************************************************************!*\ !*** ./components/vc-select/hooks/useSelectTriggerControl.ts ***! \***************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ useSelectTriggerControl) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); function useSelectTriggerControl(refs, open, triggerOpen) { function onGlobalMouseDown(event) { var _a, _b, _c; let target = event.target; if (target.shadowRoot && event.composed) { target = event.composedPath()[0] || target; } const elements = [(_a = refs[0]) === null || _a === void 0 ? void 0 : _a.value, (_c = (_b = refs[1]) === null || _b === void 0 ? void 0 : _b.value) === null || _c === void 0 ? void 0 : _c.getPopupElement()]; if (open.value && elements.every(element => element && !element.contains(target) && element !== target)) { // Should trigger close triggerOpen(false); } } (0,vue__WEBPACK_IMPORTED_MODULE_0__.onMounted)(() => { window.addEventListener('mousedown', onGlobalMouseDown); }); (0,vue__WEBPACK_IMPORTED_MODULE_0__.onBeforeUnmount)(() => { window.removeEventListener('mousedown', onGlobalMouseDown); }); } /***/ }), /***/ "./components/vc-select/index.ts": /*!***************************************!*\ !*** ./components/vc-select/index.ts ***! \***************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ BaseSelect: () => (/* reexport safe */ _BaseSelect__WEBPACK_IMPORTED_MODULE_3__["default"]), /* harmony export */ OptGroup: () => (/* reexport safe */ _OptGroup__WEBPACK_IMPORTED_MODULE_1__["default"]), /* harmony export */ Option: () => (/* reexport safe */ _Option__WEBPACK_IMPORTED_MODULE_0__["default"]), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ selectProps: () => (/* reexport safe */ _Select__WEBPACK_IMPORTED_MODULE_2__.selectProps), /* harmony export */ useBaseProps: () => (/* reexport safe */ _hooks_useBaseProps__WEBPACK_IMPORTED_MODULE_4__["default"]) /* harmony export */ }); /* harmony import */ var _Select__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Select */ "./components/vc-select/Select.tsx"); /* harmony import */ var _Option__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Option */ "./components/vc-select/Option.tsx"); /* harmony import */ var _OptGroup__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./OptGroup */ "./components/vc-select/OptGroup.tsx"); /* harmony import */ var _BaseSelect__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./BaseSelect */ "./components/vc-select/BaseSelect.tsx"); /* harmony import */ var _hooks_useBaseProps__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./hooks/useBaseProps */ "./components/vc-select/hooks/useBaseProps.ts"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_Select__WEBPACK_IMPORTED_MODULE_2__["default"]); /***/ }), /***/ "./components/vc-select/utils/commonUtil.ts": /*!**************************************************!*\ !*** ./components/vc-select/utils/commonUtil.ts ***! \**************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ isBrowserClient: () => (/* binding */ isBrowserClient), /* harmony export */ isClient: () => (/* binding */ isClient), /* harmony export */ toArray: () => (/* binding */ toArray) /* harmony export */ }); function toArray(value) { if (Array.isArray(value)) { return value; } return value !== undefined ? [value] : []; } const isClient = typeof window !== 'undefined' && window.document && window.document.documentElement; /** Is client side and not jsdom */ const isBrowserClient = true && isClient; /***/ }), /***/ "./components/vc-select/utils/keyUtil.ts": /*!***********************************************!*\ !*** ./components/vc-select/utils/keyUtil.ts ***! \***********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ isValidateOpenKey: () => (/* binding */ isValidateOpenKey) /* harmony export */ }); /* harmony import */ var _util_KeyCode__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../_util/KeyCode */ "./components/_util/KeyCode.ts"); /** keyCode Judgment function */ function isValidateOpenKey(currentKeyCode) { return ![ // System function button _util_KeyCode__WEBPACK_IMPORTED_MODULE_0__["default"].ESC, _util_KeyCode__WEBPACK_IMPORTED_MODULE_0__["default"].SHIFT, _util_KeyCode__WEBPACK_IMPORTED_MODULE_0__["default"].BACKSPACE, _util_KeyCode__WEBPACK_IMPORTED_MODULE_0__["default"].TAB, _util_KeyCode__WEBPACK_IMPORTED_MODULE_0__["default"].WIN_KEY, _util_KeyCode__WEBPACK_IMPORTED_MODULE_0__["default"].ALT, _util_KeyCode__WEBPACK_IMPORTED_MODULE_0__["default"].META, _util_KeyCode__WEBPACK_IMPORTED_MODULE_0__["default"].WIN_KEY_RIGHT, _util_KeyCode__WEBPACK_IMPORTED_MODULE_0__["default"].CTRL, _util_KeyCode__WEBPACK_IMPORTED_MODULE_0__["default"].SEMICOLON, _util_KeyCode__WEBPACK_IMPORTED_MODULE_0__["default"].EQUALS, _util_KeyCode__WEBPACK_IMPORTED_MODULE_0__["default"].CAPS_LOCK, _util_KeyCode__WEBPACK_IMPORTED_MODULE_0__["default"].CONTEXT_MENU, // F1-F12 _util_KeyCode__WEBPACK_IMPORTED_MODULE_0__["default"].F1, _util_KeyCode__WEBPACK_IMPORTED_MODULE_0__["default"].F2, _util_KeyCode__WEBPACK_IMPORTED_MODULE_0__["default"].F3, _util_KeyCode__WEBPACK_IMPORTED_MODULE_0__["default"].F4, _util_KeyCode__WEBPACK_IMPORTED_MODULE_0__["default"].F5, _util_KeyCode__WEBPACK_IMPORTED_MODULE_0__["default"].F6, _util_KeyCode__WEBPACK_IMPORTED_MODULE_0__["default"].F7, _util_KeyCode__WEBPACK_IMPORTED_MODULE_0__["default"].F8, _util_KeyCode__WEBPACK_IMPORTED_MODULE_0__["default"].F9, _util_KeyCode__WEBPACK_IMPORTED_MODULE_0__["default"].F10, _util_KeyCode__WEBPACK_IMPORTED_MODULE_0__["default"].F11, _util_KeyCode__WEBPACK_IMPORTED_MODULE_0__["default"].F12].includes(currentKeyCode); } /***/ }), /***/ "./components/vc-select/utils/legacyUtil.ts": /*!**************************************************!*\ !*** ./components/vc-select/utils/legacyUtil.ts ***! \**************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ convertChildrenToData: () => (/* binding */ convertChildrenToData) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../_util/props-util */ "./components/_util/props-util/index.ts"); var __rest = undefined && undefined.__rest || function (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 convertNodeToOption(node) { const _a = node, { key, children } = _a, _b = _a.props, { value, disabled } = _b, restProps = __rest(_b, ["value", "disabled"]); const child = children === null || children === void 0 ? void 0 : children.default; return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ key, value: value !== undefined ? value : key, children: child, disabled: disabled || disabled === '' }, restProps); } function convertChildrenToData(nodes) { let optionOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false; const dd = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_1__.flattenChildren)(nodes).map((node, index) => { var _a; if (!(0,_util_props_util__WEBPACK_IMPORTED_MODULE_1__.isValidElement)(node) || !node.type) { return null; } const { type: { isSelectOptGroup }, key, children, props } = node; if (optionOnly || !isSelectOptGroup) { return convertNodeToOption(node); } const child = children && children.default ? children.default() : undefined; const label = (props === null || props === void 0 ? void 0 : props.label) || ((_a = children.label) === null || _a === void 0 ? void 0 : _a.call(children)) || key; return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ key: `__RC_SELECT_GRP__${key === null ? index : String(key)}__` }, props), { label, options: convertChildrenToData(child || []) }); }).filter(data => data); return dd; } /***/ }), /***/ "./components/vc-select/utils/platformUtil.ts": /*!****************************************************!*\ !*** ./components/vc-select/utils/platformUtil.ts ***! \****************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ isPlatformMac: () => (/* binding */ isPlatformMac) /* harmony export */ }); /* istanbul ignore file */ function isPlatformMac() { return /(mac\sos|macintosh)/i.test(navigator.appVersion); } /***/ }), /***/ "./components/vc-select/utils/valueUtil.ts": /*!*************************************************!*\ !*** ./components/vc-select/utils/valueUtil.ts ***! \*************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ fillFieldNames: () => (/* binding */ fillFieldNames), /* harmony export */ flattenOptions: () => (/* binding */ flattenOptions), /* harmony export */ getSeparatedContent: () => (/* binding */ getSeparatedContent), /* harmony export */ injectPropsWithOption: () => (/* binding */ injectPropsWithOption) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _vc_util_warning__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../vc-util/warning */ "./components/vc-util/warning.ts"); function getKey(data, index) { const { key } = data; let value; if ('value' in data) { ({ value } = data); } if (key !== null && key !== undefined) { return key; } if (value !== undefined) { return value; } return `rc-index-key-${index}`; } function fillFieldNames(fieldNames, childrenAsData) { const { label, value, options } = fieldNames || {}; return { label: label || (childrenAsData ? 'children' : 'label'), value: value || 'value', options: options || 'options' }; } /** * Flat options into flatten list. * We use `optionOnly` here is aim to avoid user use nested option group. * Here is simply set `key` to the index if not provided. */ function flattenOptions(options) { let { fieldNames, childrenAsData } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; const flattenList = []; const { label: fieldLabel, value: fieldValue, options: fieldOptions } = fillFieldNames(fieldNames, false); function dig(list, isGroupOption) { list.forEach(data => { const label = data[fieldLabel]; if (isGroupOption || !(fieldOptions in data)) { const value = data[fieldValue]; // Option flattenList.push({ key: getKey(data, flattenList.length), groupOption: isGroupOption, data, label, value }); } else { let grpLabel = label; if (grpLabel === undefined && childrenAsData) { grpLabel = data.label; } // Option Group flattenList.push({ key: getKey(data, flattenList.length), group: true, data, label: grpLabel }); dig(data[fieldOptions], true); } }); } dig(options, false); return flattenList; } /** * Inject `props` into `option` for legacy usage */ function injectPropsWithOption(option) { const newOption = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, option); if (!('props' in newOption)) { Object.defineProperty(newOption, 'props', { get() { (0,_vc_util_warning__WEBPACK_IMPORTED_MODULE_1__.warning)(false, 'Return type is option instead of Option instance. Please read value directly instead of reading from `props`.'); return newOption; } }); } return newOption; } function getSeparatedContent(text, tokens) { if (!tokens || !tokens.length) { return null; } let match = false; function separate(str, _ref) { let [token, ...restTokens] = _ref; if (!token) { return [str]; } const list = str.split(token); match = match || list.length > 1; return list.reduce((prevList, unitStr) => [...prevList, ...separate(unitStr, restTokens)], []).filter(unit => unit); } const list = separate(text, tokens); return match ? list : null; } /***/ }), /***/ "./components/vc-select/utils/warningPropsUtil.ts": /*!********************************************************!*\ !*** ./components/vc-select/utils/warningPropsUtil.ts ***! \********************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _vc_util_warning__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../vc-util/warning */ "./components/vc-util/warning.ts"); /* harmony import */ var _legacyUtil__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./legacyUtil */ "./components/vc-select/utils/legacyUtil.ts"); /* harmony import */ var _commonUtil__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./commonUtil */ "./components/vc-select/utils/commonUtil.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../_util/props-util */ "./components/_util/props-util/index.ts"); /* harmony import */ var _BaseSelect__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../BaseSelect */ "./components/vc-select/BaseSelect.tsx"); function warningProps(props) { const { mode, options, children, backfill, allowClear, placeholder, getInputElement, showSearch, onSearch, defaultOpen, autofocus, labelInValue, value, inputValue, optionLabelProp } = props; const multiple = (0,_BaseSelect__WEBPACK_IMPORTED_MODULE_0__.isMultiple)(mode); const mergedShowSearch = showSearch !== undefined ? showSearch : multiple || mode === 'combobox'; const mergedOptions = options || (0,_legacyUtil__WEBPACK_IMPORTED_MODULE_1__.convertChildrenToData)(children); // `tags` should not set option as disabled (0,_vc_util_warning__WEBPACK_IMPORTED_MODULE_2__["default"])(mode !== 'tags' || mergedOptions.every(opt => !opt.disabled), 'Please avoid setting option to disabled in tags mode since user can always type text as tag.'); // `combobox` should not use `optionLabelProp` (0,_vc_util_warning__WEBPACK_IMPORTED_MODULE_2__["default"])(mode !== 'combobox' || !optionLabelProp, '`combobox` mode not support `optionLabelProp`. Please set `value` on Option directly.'); // Only `combobox` support `backfill` (0,_vc_util_warning__WEBPACK_IMPORTED_MODULE_2__["default"])(mode === 'combobox' || !backfill, '`backfill` only works with `combobox` mode.'); // Only `combobox` support `getInputElement` (0,_vc_util_warning__WEBPACK_IMPORTED_MODULE_2__["default"])(mode === 'combobox' || !getInputElement, '`getInputElement` only work with `combobox` mode.'); // Customize `getInputElement` should not use `allowClear` & `placeholder` (0,_vc_util_warning__WEBPACK_IMPORTED_MODULE_2__.noteOnce)(mode !== 'combobox' || !getInputElement || !allowClear || !placeholder, 'Customize `getInputElement` should customize clear and placeholder logic instead of configuring `allowClear` and `placeholder`.'); // `onSearch` should use in `combobox` or `showSearch` if (onSearch && !mergedShowSearch && mode !== 'combobox' && mode !== 'tags') { (0,_vc_util_warning__WEBPACK_IMPORTED_MODULE_2__["default"])(false, '`onSearch` should work with `showSearch` instead of use alone.'); } (0,_vc_util_warning__WEBPACK_IMPORTED_MODULE_2__.noteOnce)(!defaultOpen || autofocus, '`defaultOpen` makes Select open without focus which means it will not close by click outside. You can set `autofocus` if needed.'); if (value !== undefined && value !== null) { const values = (0,_commonUtil__WEBPACK_IMPORTED_MODULE_3__.toArray)(value); (0,_vc_util_warning__WEBPACK_IMPORTED_MODULE_2__["default"])(!labelInValue || values.every(val => typeof val === 'object' && ('key' in val || 'value' in val)), '`value` should in shape of `{ value: string | number, label?: any }` when you set `labelInValue` to `true`'); (0,_vc_util_warning__WEBPACK_IMPORTED_MODULE_2__["default"])(!multiple || Array.isArray(value), '`value` should be array when `mode` is `multiple` or `tags`'); } // Syntactic sugar should use correct children type if (children) { let invalidateChildType = null; children.some(node => { var _a; if (!(0,_util_props_util__WEBPACK_IMPORTED_MODULE_4__.isValidElement)(node) || !node.type) { return false; } const { type } = node; if (type.isSelectOption) { return false; } if (type.isSelectOptGroup) { const childs = ((_a = node.children) === null || _a === void 0 ? void 0 : _a.default()) || []; const allChildrenValid = childs.every(subNode => { if (!(0,_util_props_util__WEBPACK_IMPORTED_MODULE_4__.isValidElement)(subNode) || !node.type || subNode.type.isSelectOption) { return true; } invalidateChildType = subNode.type; return false; }); if (allChildrenValid) { return false; } return true; } invalidateChildType = type; return true; }); if (invalidateChildType) { (0,_vc_util_warning__WEBPACK_IMPORTED_MODULE_2__["default"])(false, `\`children\` should be \`Select.Option\` or \`Select.OptGroup\` instead of \`${invalidateChildType.displayName || invalidateChildType.name || invalidateChildType}\`.`); } (0,_vc_util_warning__WEBPACK_IMPORTED_MODULE_2__["default"])(inputValue === undefined, '`inputValue` is deprecated, please use `searchValue` instead.'); } } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (warningProps); /***/ }), /***/ "./components/vc-slider/src/Handle.tsx": /*!*********************************************!*\ !*** ./components/vc-slider/src/Handle.tsx ***! \*********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _vc_util_Dom_addEventListener__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../vc-util/Dom/addEventListener */ "./components/vc-util/Dom/addEventListener.js"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'Handle', inheritAttrs: false, props: { prefixCls: String, vertical: { type: Boolean, default: undefined }, offset: Number, disabled: { type: Boolean, default: undefined }, min: Number, max: Number, value: Number, tabindex: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].oneOfType([_util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].number, _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].string]), reverse: { type: Boolean, default: undefined }, ariaLabel: String, ariaLabelledBy: String, ariaValueTextFormatter: Function, onMouseenter: { type: Function }, onMouseleave: { type: Function }, onMousedown: { type: Function } }, setup(props, _ref) { let { attrs, emit, expose } = _ref; const clickFocused = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(false); const handle = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(); const handleMouseUp = () => { if (document.activeElement === handle.value) { clickFocused.value = true; } }; const handleBlur = e => { clickFocused.value = false; emit('blur', e); }; const handleKeyDown = () => { clickFocused.value = false; }; const focus = () => { var _a; (_a = handle.value) === null || _a === void 0 ? void 0 : _a.focus(); }; const blur = () => { var _a; (_a = handle.value) === null || _a === void 0 ? void 0 : _a.blur(); }; const clickFocus = () => { clickFocused.value = true; focus(); }; // when click can not focus in vue, use mousedown trigger focus const handleMousedown = e => { e.preventDefault(); focus(); emit('mousedown', e); }; expose({ focus, blur, clickFocus, ref: handle }); let onMouseUpListener = null; (0,vue__WEBPACK_IMPORTED_MODULE_2__.onMounted)(() => { onMouseUpListener = (0,_vc_util_Dom_addEventListener__WEBPACK_IMPORTED_MODULE_4__["default"])(document, 'mouseup', handleMouseUp); }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.onBeforeUnmount)(() => { onMouseUpListener === null || onMouseUpListener === void 0 ? void 0 : onMouseUpListener.remove(); }); const positionStyle = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { const { vertical, offset, reverse } = props; return vertical ? { [reverse ? 'top' : 'bottom']: `${offset}%`, [reverse ? 'bottom' : 'top']: 'auto', transform: reverse ? null : `translateY(+50%)` } : { [reverse ? 'right' : 'left']: `${offset}%`, [reverse ? 'left' : 'right']: 'auto', transform: `translateX(${reverse ? '+' : '-'}50%)` }; }); return () => { const { prefixCls, disabled, min, max, value, tabindex, ariaLabel, ariaLabelledBy, ariaValueTextFormatter, onMouseenter, onMouseleave } = props; const className = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_5__["default"])(attrs.class, { [`${prefixCls}-handle-click-focused`]: clickFocused.value }); const ariaProps = { 'aria-valuemin': min, 'aria-valuemax': max, 'aria-valuenow': value, 'aria-disabled': !!disabled }; const elStyle = [attrs.style, positionStyle.value]; let mergedTabIndex = tabindex || 0; if (disabled || tabindex === null) { mergedTabIndex = null; } let ariaValueText; if (ariaValueTextFormatter) { ariaValueText = ariaValueTextFormatter(value); } const handleProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, attrs), { role: 'slider', tabindex: mergedTabIndex }), ariaProps), { class: className, onBlur: handleBlur, onKeydown: handleKeyDown, onMousedown: handleMousedown, onMouseenter, onMouseleave, ref: handle, style: elStyle }); return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, handleProps), {}, { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-valuetext": ariaValueText }), null); }; } })); /***/ }), /***/ "./components/vc-slider/src/Range.tsx": /*!********************************************!*\ !*** ./components/vc-slider/src/Range.tsx ***! \********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _util_BaseMixin__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../_util/BaseMixin */ "./components/_util/BaseMixin.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../_util/props-util */ "./components/_util/props-util/index.ts"); /* harmony import */ var _common_Track__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./common/Track */ "./components/vc-slider/src/common/Track.tsx"); /* harmony import */ var _common_createSlider__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./common/createSlider */ "./components/vc-slider/src/common/createSlider.tsx"); /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./utils */ "./components/vc-slider/src/utils.ts"); /* harmony import */ var _util_props_util_initDefaultProps__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../_util/props-util/initDefaultProps */ "./components/_util/props-util/initDefaultProps.ts"); const trimAlignValue = _ref => { let { value, handle, bounds, props } = _ref; const { allowCross, pushable } = props; const thershold = Number(pushable); const valInRange = _utils__WEBPACK_IMPORTED_MODULE_2__.ensureValueInRange(value, props); let valNotConflict = valInRange; if (!allowCross && handle != null && bounds !== undefined) { if (handle > 0 && valInRange <= bounds[handle - 1] + thershold) { valNotConflict = bounds[handle - 1] + thershold; } if (handle < bounds.length - 1 && valInRange >= bounds[handle + 1] - thershold) { valNotConflict = bounds[handle + 1] - thershold; } } return _utils__WEBPACK_IMPORTED_MODULE_2__.ensureValuePrecision(valNotConflict, props); }; const rangeProps = { defaultValue: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].arrayOf(_util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].number), value: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].arrayOf(_util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].number), count: Number, pushable: (0,_util_vue_types__WEBPACK_IMPORTED_MODULE_3__.withUndefined)(_util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].oneOfType([_util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].looseBool, _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].number])), allowCross: { type: Boolean, default: undefined }, disabled: { type: Boolean, default: undefined }, reverse: { type: Boolean, default: undefined }, tabindex: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].arrayOf(_util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].number), prefixCls: String, min: Number, max: Number, autofocus: { type: Boolean, default: undefined }, ariaLabelGroupForHandles: Array, ariaLabelledByGroupForHandles: Array, ariaValueTextFormatterGroupForHandles: Array, draggableTrack: { type: Boolean, default: undefined } }; const Range = (0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'Range', mixins: [_util_BaseMixin__WEBPACK_IMPORTED_MODULE_4__["default"]], inheritAttrs: false, props: (0,_util_props_util_initDefaultProps__WEBPACK_IMPORTED_MODULE_5__["default"])(rangeProps, { count: 1, allowCross: true, pushable: false, tabindex: [], draggableTrack: false, ariaLabelGroupForHandles: [], ariaLabelledByGroupForHandles: [], ariaValueTextFormatterGroupForHandles: [] }), emits: ['beforeChange', 'afterChange', 'change'], displayName: 'Range', data() { const { count, min, max } = this; const initialValue = Array(...Array(count + 1)).map(() => min); const defaultValue = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_6__.hasProp)(this, 'defaultValue') ? this.defaultValue : initialValue; let { value } = this; if (value === undefined) { value = defaultValue; } const bounds = value.map((v, i) => trimAlignValue({ value: v, handle: i, props: this.$props })); const recent = bounds[0] === max ? 0 : bounds.length - 1; return { sHandle: null, recent, bounds }; }, watch: { value: { handler(val) { const { bounds } = this; this.setChangeValue(val || bounds); }, deep: true }, min() { const { value } = this; this.setChangeValue(value || this.bounds); }, max() { const { value } = this; this.setChangeValue(value || this.bounds); } }, methods: { setChangeValue(value) { const { bounds } = this; let nextBounds = value.map((v, i) => trimAlignValue({ value: v, handle: i, bounds, props: this.$props })); if (bounds.length === nextBounds.length) { if (nextBounds.every((v, i) => v === bounds[i])) { return null; } } else { nextBounds = value.map((v, i) => trimAlignValue({ value: v, handle: i, props: this.$props })); } this.setState({ bounds: nextBounds }); if (value.some(v => _utils__WEBPACK_IMPORTED_MODULE_2__.isValueOutOfRange(v, this.$props))) { const newValues = value.map(v => { return _utils__WEBPACK_IMPORTED_MODULE_2__.ensureValueInRange(v, this.$props); }); this.$emit('change', newValues); } }, onChange(state) { const isNotControlled = !(0,_util_props_util__WEBPACK_IMPORTED_MODULE_6__.hasProp)(this, 'value'); if (isNotControlled) { this.setState(state); } else { const controlledState = {}; ['sHandle', 'recent'].forEach(item => { if (state[item] !== undefined) { controlledState[item] = state[item]; } }); if (Object.keys(controlledState).length) { this.setState(controlledState); } } const data = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, this.$data), state); const changedValue = data.bounds; this.$emit('change', changedValue); }, positionGetValue(position) { const bounds = this.getValue(); const value = this.calcValueByPos(position); const closestBound = this.getClosestBound(value); const index = this.getBoundNeedMoving(value, closestBound); const prevValue = bounds[index]; if (value === prevValue) return null; const nextBounds = [...bounds]; nextBounds[index] = value; return nextBounds; }, onStart(position) { const { bounds } = this; this.$emit('beforeChange', bounds); const value = this.calcValueByPos(position); this.startValue = value; this.startPosition = position; const closestBound = this.getClosestBound(value); this.prevMovedHandleIndex = this.getBoundNeedMoving(value, closestBound); this.setState({ sHandle: this.prevMovedHandleIndex, recent: this.prevMovedHandleIndex }); const prevValue = bounds[this.prevMovedHandleIndex]; if (value === prevValue) return; const nextBounds = [...bounds]; nextBounds[this.prevMovedHandleIndex] = value; this.onChange({ bounds: nextBounds }); }, onEnd(force) { const { sHandle } = this; this.removeDocumentEvents(); if (!sHandle) { this.dragTrack = false; } if (sHandle !== null || force) { this.$emit('afterChange', this.bounds); } this.setState({ sHandle: null }); }, onMove(e, position, dragTrack, startBounds) { _utils__WEBPACK_IMPORTED_MODULE_2__.pauseEvent(e); const { $data: state, $props: props } = this; const maxValue = props.max || 100; const minValue = props.min || 0; if (dragTrack) { let pos = props.vertical ? -position : position; pos = props.reverse ? -pos : pos; const max = maxValue - Math.max(...startBounds); const min = minValue - Math.min(...startBounds); const ratio = Math.min(Math.max(pos / (this.getSliderLength() / 100), min), max); const nextBounds = startBounds.map(v => Math.floor(Math.max(Math.min(v + ratio, maxValue), minValue))); if (state.bounds.map((c, i) => c === nextBounds[i]).some(c => !c)) { this.onChange({ bounds: nextBounds }); } return; } const { bounds, sHandle } = this; const value = this.calcValueByPos(position); const oldValue = bounds[sHandle]; if (value === oldValue) return; this.moveTo(value); }, onKeyboard(e) { const { reverse, vertical } = this.$props; const valueMutator = _utils__WEBPACK_IMPORTED_MODULE_2__.getKeyboardValueMutator(e, vertical, reverse); if (valueMutator) { _utils__WEBPACK_IMPORTED_MODULE_2__.pauseEvent(e); const { bounds, sHandle } = this; const oldValue = bounds[sHandle === null ? this.recent : sHandle]; const mutatedValue = valueMutator(oldValue, this.$props); const value = trimAlignValue({ value: mutatedValue, handle: sHandle, bounds, props: this.$props }); if (value === oldValue) return; const isFromKeyboardEvent = true; this.moveTo(value, isFromKeyboardEvent); } }, getClosestBound(value) { const { bounds } = this; let closestBound = 0; for (let i = 1; i < bounds.length - 1; i += 1) { if (value >= bounds[i]) { closestBound = i; } } if (Math.abs(bounds[closestBound + 1] - value) < Math.abs(bounds[closestBound] - value)) { closestBound += 1; } return closestBound; }, getBoundNeedMoving(value, closestBound) { const { bounds, recent } = this; let boundNeedMoving = closestBound; const isAtTheSamePoint = bounds[closestBound + 1] === bounds[closestBound]; if (isAtTheSamePoint && bounds[recent] === bounds[closestBound]) { boundNeedMoving = recent; } if (isAtTheSamePoint && value !== bounds[closestBound + 1]) { boundNeedMoving = value < bounds[closestBound + 1] ? closestBound : closestBound + 1; } return boundNeedMoving; }, getLowerBound() { return this.bounds[0]; }, getUpperBound() { const { bounds } = this; return bounds[bounds.length - 1]; }, /** * Returns an array of possible slider points, taking into account both * `marks` and `step`. The result is cached. */ getPoints() { const { marks, step, min, max } = this; const cache = this.internalPointsCache; if (!cache || cache.marks !== marks || cache.step !== step) { const pointsObject = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, marks); if (step !== null) { for (let point = min; point <= max; point += step) { pointsObject[point] = point; } } const points = Object.keys(pointsObject).map(parseFloat); points.sort((a, b) => a - b); this.internalPointsCache = { marks, step, points }; } return this.internalPointsCache.points; }, moveTo(value, isFromKeyboardEvent) { const nextBounds = [...this.bounds]; const { sHandle, recent } = this; const handle = sHandle === null ? recent : sHandle; nextBounds[handle] = value; let nextHandle = handle; if (this.$props.pushable !== false) { this.pushSurroundingHandles(nextBounds, nextHandle); } else if (this.$props.allowCross) { nextBounds.sort((a, b) => a - b); nextHandle = nextBounds.indexOf(value); } this.onChange({ recent: nextHandle, sHandle: nextHandle, bounds: nextBounds }); if (isFromKeyboardEvent) { // known problem: because setState is async, // so trigger focus will invoke handler's onEnd and another handler's onStart too early, // cause onBeforeChange and onAfterChange receive wrong value. // here use setState callback to hack,but not elegant this.$emit('afterChange', nextBounds); this.setState({}, () => { this.handlesRefs[nextHandle].focus(); }); this.onEnd(); } }, pushSurroundingHandles(bounds, handle) { const value = bounds[handle]; const { pushable } = this; const threshold = Number(pushable); let direction = 0; if (bounds[handle + 1] - value < threshold) { direction = +1; // push to right } if (value - bounds[handle - 1] < threshold) { direction = -1; // push to left } if (direction === 0) { return; } const nextHandle = handle + direction; const diffToNext = direction * (bounds[nextHandle] - value); if (!this.pushHandle(bounds, nextHandle, direction, threshold - diffToNext)) { // revert to original value if pushing is impossible bounds[handle] = bounds[nextHandle] - direction * threshold; } }, pushHandle(bounds, handle, direction, amount) { const originalValue = bounds[handle]; let currentValue = bounds[handle]; while (direction * (currentValue - originalValue) < amount) { if (!this.pushHandleOnePoint(bounds, handle, direction)) { // can't push handle enough to create the needed `amount` gap, so we // revert its position to the original value bounds[handle] = originalValue; return false; } currentValue = bounds[handle]; } // the handle was pushed enough to create the needed `amount` gap return true; }, pushHandleOnePoint(bounds, handle, direction) { const points = this.getPoints(); const pointIndex = points.indexOf(bounds[handle]); const nextPointIndex = pointIndex + direction; if (nextPointIndex >= points.length || nextPointIndex < 0) { // reached the minimum or maximum available point, can't push anymore return false; } const nextHandle = handle + direction; const nextValue = points[nextPointIndex]; const { pushable } = this; const threshold = Number(pushable); const diffToNext = direction * (bounds[nextHandle] - nextValue); if (!this.pushHandle(bounds, nextHandle, direction, threshold - diffToNext)) { // couldn't push next handle, so we won't push this one either return false; } // push the handle bounds[handle] = nextValue; return true; }, trimAlignValue(value) { const { sHandle, bounds } = this; return trimAlignValue({ value, handle: sHandle, bounds, props: this.$props }); }, ensureValueNotConflict(handle, val, _ref2) { let { allowCross, pushable: thershold } = _ref2; const state = this.$data || {}; const { bounds } = state; handle = handle === undefined ? state.sHandle : handle; thershold = Number(thershold); /* eslint-disable eqeqeq */ if (!allowCross && handle != null && bounds !== undefined) { if (handle > 0 && val <= bounds[handle - 1] + thershold) { return bounds[handle - 1] + thershold; } if (handle < bounds.length - 1 && val >= bounds[handle + 1] - thershold) { return bounds[handle + 1] - thershold; } } /* eslint-enable eqeqeq */ return val; }, getTrack(_ref3) { let { bounds, prefixCls, reverse, vertical, included, offsets, trackStyle } = _ref3; return bounds.slice(0, -1).map((_, index) => { const i = index + 1; const trackClassName = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_7__["default"])({ [`${prefixCls}-track`]: true, [`${prefixCls}-track-${i}`]: true }); return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_common_Track__WEBPACK_IMPORTED_MODULE_8__["default"], { "class": trackClassName, "vertical": vertical, "reverse": reverse, "included": included, "offset": offsets[i - 1], "length": offsets[i] - offsets[i - 1], "style": trackStyle[index], "key": i }, null); }); }, renderSlider() { const { sHandle, bounds, prefixCls, vertical, included, disabled, min, max, reverse, handle, defaultHandle, trackStyle, handleStyle, tabindex, ariaLabelGroupForHandles, ariaLabelledByGroupForHandles, ariaValueTextFormatterGroupForHandles } = this; const handleGenerator = handle || defaultHandle; const offsets = bounds.map(v => this.calcOffset(v)); const handleClassName = `${prefixCls}-handle`; const handles = bounds.map((v, i) => { let mergedTabIndex = tabindex[i] || 0; if (disabled || tabindex[i] === null) { mergedTabIndex = null; } const dragging = sHandle === i; return handleGenerator({ class: (0,_util_classNames__WEBPACK_IMPORTED_MODULE_7__["default"])({ [handleClassName]: true, [`${handleClassName}-${i + 1}`]: true, [`${handleClassName}-dragging`]: dragging }), prefixCls, vertical, dragging, offset: offsets[i], value: v, index: i, tabindex: mergedTabIndex, min, max, reverse, disabled, style: handleStyle[i], ref: h => this.saveHandle(i, h), onFocus: this.onFocus, onBlur: this.onBlur, ariaLabel: ariaLabelGroupForHandles[i], ariaLabelledBy: ariaLabelledByGroupForHandles[i], ariaValueTextFormatter: ariaValueTextFormatterGroupForHandles[i] }); }); return { tracks: this.getTrack({ bounds, prefixCls, reverse, vertical, included, offsets, trackStyle }), handles }; } } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_common_createSlider__WEBPACK_IMPORTED_MODULE_9__["default"])(Range)); /***/ }), /***/ "./components/vc-slider/src/Slider.tsx": /*!*********************************************!*\ !*** ./components/vc-slider/src/Slider.tsx ***! \*********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _util_BaseMixin__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../_util/BaseMixin */ "./components/_util/BaseMixin.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../_util/props-util */ "./components/_util/props-util/index.ts"); /* harmony import */ var _common_Track__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./common/Track */ "./components/vc-slider/src/common/Track.tsx"); /* harmony import */ var _common_createSlider__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./common/createSlider */ "./components/vc-slider/src/common/createSlider.tsx"); /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./utils */ "./components/vc-slider/src/utils.ts"); const Slider = (0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'Slider', mixins: [_util_BaseMixin__WEBPACK_IMPORTED_MODULE_2__["default"]], inheritAttrs: false, props: { defaultValue: Number, value: Number, disabled: { type: Boolean, default: undefined }, autofocus: { type: Boolean, default: undefined }, tabindex: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].oneOfType([_util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].number, _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].string]), reverse: { type: Boolean, default: undefined }, min: Number, max: Number, ariaLabelForHandle: String, ariaLabelledByForHandle: String, ariaValueTextFormatterForHandle: String, startPoint: Number }, emits: ['beforeChange', 'afterChange', 'change'], data() { const defaultValue = this.defaultValue !== undefined ? this.defaultValue : this.min; const value = this.value !== undefined ? this.value : defaultValue; return { sValue: this.trimAlignValue(value), dragging: false }; }, watch: { value: { handler(val) { this.setChangeValue(val); }, deep: true }, min() { const { sValue } = this; this.setChangeValue(sValue); }, max() { const { sValue } = this; this.setChangeValue(sValue); } }, methods: { setChangeValue(value) { const newValue = value !== undefined ? value : this.sValue; const nextValue = this.trimAlignValue(newValue, this.$props); if (nextValue === this.sValue) return; this.setState({ sValue: nextValue }); if (_utils__WEBPACK_IMPORTED_MODULE_4__.isValueOutOfRange(newValue, this.$props)) { this.$emit('change', nextValue); } }, onChange(state) { const isNotControlled = !(0,_util_props_util__WEBPACK_IMPORTED_MODULE_5__.hasProp)(this, 'value'); const nextState = state.sValue > this.max ? (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, state), { sValue: this.max }) : state; if (isNotControlled) { this.setState(nextState); } const changedValue = nextState.sValue; this.$emit('change', changedValue); }, onStart(position) { this.setState({ dragging: true }); const { sValue } = this; this.$emit('beforeChange', sValue); const value = this.calcValueByPos(position); this.startValue = value; this.startPosition = position; if (value === sValue) return; this.prevMovedHandleIndex = 0; this.onChange({ sValue: value }); }, onEnd(force) { const { dragging } = this; this.removeDocumentEvents(); if (dragging || force) { this.$emit('afterChange', this.sValue); } this.setState({ dragging: false }); }, onMove(e, position) { _utils__WEBPACK_IMPORTED_MODULE_4__.pauseEvent(e); const { sValue } = this; const value = this.calcValueByPos(position); if (value === sValue) return; this.onChange({ sValue: value }); }, onKeyboard(e) { const { reverse, vertical } = this.$props; const valueMutator = _utils__WEBPACK_IMPORTED_MODULE_4__.getKeyboardValueMutator(e, vertical, reverse); if (valueMutator) { _utils__WEBPACK_IMPORTED_MODULE_4__.pauseEvent(e); const { sValue } = this; const mutatedValue = valueMutator(sValue, this.$props); const value = this.trimAlignValue(mutatedValue); if (value === sValue) return; this.onChange({ sValue: value }); this.$emit('afterChange', value); this.onEnd(); } }, getLowerBound() { const minPoint = this.$props.startPoint || this.$props.min; return this.$data.sValue > minPoint ? minPoint : this.$data.sValue; }, getUpperBound() { if (this.$data.sValue < this.$props.startPoint) { return this.$props.startPoint; } return this.$data.sValue; }, trimAlignValue(v) { let nextProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; if (v === null) { return null; } const mergedProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, this.$props), nextProps); const val = _utils__WEBPACK_IMPORTED_MODULE_4__.ensureValueInRange(v, mergedProps); return _utils__WEBPACK_IMPORTED_MODULE_4__.ensureValuePrecision(val, mergedProps); }, getTrack(_ref) { let { prefixCls, reverse, vertical, included, minimumTrackStyle, mergedTrackStyle, length, offset } = _ref; return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_common_Track__WEBPACK_IMPORTED_MODULE_6__["default"], { "class": `${prefixCls}-track`, "vertical": vertical, "included": included, "offset": offset, "reverse": reverse, "length": length, "style": (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, minimumTrackStyle), mergedTrackStyle) }, null); }, renderSlider() { const { prefixCls, vertical, included, disabled, minimumTrackStyle, trackStyle, handleStyle, tabindex, ariaLabelForHandle, ariaLabelledByForHandle, ariaValueTextFormatterForHandle, min, max, startPoint, reverse, handle, defaultHandle } = this; const handleGenerator = handle || defaultHandle; const { sValue, dragging } = this; const offset = this.calcOffset(sValue); const handles = handleGenerator({ class: `${prefixCls}-handle`, prefixCls, vertical, offset, value: sValue, dragging, disabled, min, max, reverse, index: 0, tabindex, ariaLabel: ariaLabelForHandle, ariaLabelledBy: ariaLabelledByForHandle, ariaValueTextFormatter: ariaValueTextFormatterForHandle, style: handleStyle[0] || handleStyle, ref: h => this.saveHandle(0, h), onFocus: this.onFocus, onBlur: this.onBlur }); const trackOffset = startPoint !== undefined ? this.calcOffset(startPoint) : 0; const mergedTrackStyle = trackStyle[0] || trackStyle; return { tracks: this.getTrack({ prefixCls, reverse, vertical, included, offset: trackOffset, minimumTrackStyle, mergedTrackStyle, length: offset - trackOffset }), handles }; } } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_common_createSlider__WEBPACK_IMPORTED_MODULE_7__["default"])(Slider)); /***/ }), /***/ "./components/vc-slider/src/common/Marks.tsx": /*!***************************************************!*\ !*** ./components/vc-slider/src/common/Marks.tsx ***! \***************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_supportsPassive__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../_util/supportsPassive */ "./components/_util/supportsPassive.js"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../_util/props-util */ "./components/_util/props-util/index.ts"); const Marks = (_, _ref) => { let { attrs, slots } = _ref; const { class: className, vertical, reverse, marks, included, upperBound, lowerBound, max, min, onClickLabel } = attrs; const marksKeys = Object.keys(marks); const customMark = slots.mark; const range = max - min; const elements = marksKeys.map(parseFloat).sort((a, b) => a - b).map(point => { const markPoint = typeof marks[point] === 'function' ? marks[point]() : marks[point]; const markPointIsObject = typeof markPoint === 'object' && !(0,_util_props_util__WEBPACK_IMPORTED_MODULE_3__.isValidElement)(markPoint); let markLabel = markPointIsObject ? markPoint.label : markPoint; if (!markLabel && markLabel !== 0) { return null; } if (customMark) { markLabel = customMark({ point, label: markLabel }); } const isActive = !included && point === upperBound || included && point <= upperBound && point >= lowerBound; const markClassName = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_4__["default"])({ [`${className}-text`]: true, [`${className}-text-active`]: isActive }); const bottomStyle = { marginBottom: '-50%', [reverse ? 'top' : 'bottom']: `${(point - min) / range * 100}%` }; const leftStyle = { transform: `translateX(${reverse ? `50%` : `-50%`})`, msTransform: `translateX(${reverse ? `50%` : `-50%`})`, [reverse ? 'right' : 'left']: `${(point - min) / range * 100}%` }; const style = vertical ? bottomStyle : leftStyle; const markStyle = markPointIsObject ? (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, style), markPoint.style) : style; const touchEvents = { [_util_supportsPassive__WEBPACK_IMPORTED_MODULE_5__["default"] ? 'onTouchstartPassive' : 'onTouchstart']: e => onClickLabel(e, point) }; return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "class": markClassName, "style": markStyle, "key": point, "onMousedown": e => onClickLabel(e, point) }, touchEvents), [markLabel]); }); return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": className }, [elements]); }; Marks.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Marks); /***/ }), /***/ "./components/vc-slider/src/common/Steps.tsx": /*!***************************************************!*\ !*** ./components/vc-slider/src/common/Steps.tsx ***! \***************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _util_warning__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../_util/warning */ "./components/_util/warning.ts"); const calcPoints = (_vertical, marks, dots, step, min, max) => { (0,_util_warning__WEBPACK_IMPORTED_MODULE_2__["default"])(dots ? step > 0 : true, 'Slider', '`Slider[step]` should be a positive number in order to make Slider[dots] work.'); const points = Object.keys(marks).map(parseFloat).sort((a, b) => a - b); if (dots && step) { for (let i = min; i <= max; i += step) { if (points.indexOf(i) === -1) { points.push(i); } } } return points; }; const Steps = (_, _ref) => { let { attrs } = _ref; const { prefixCls, vertical, reverse, marks, dots, step, included, lowerBound, upperBound, max, min, dotStyle, activeDotStyle } = attrs; const range = max - min; const elements = calcPoints(vertical, marks, dots, step, min, max).map(point => { const offset = `${Math.abs(point - min) / range * 100}%`; const isActived = !included && point === upperBound || included && point <= upperBound && point >= lowerBound; let style = vertical ? (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, dotStyle), { [reverse ? 'top' : 'bottom']: offset }) : (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, dotStyle), { [reverse ? 'right' : 'left']: offset }); if (isActived) { style = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, style), activeDotStyle); } const pointClassName = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_3__["default"])({ [`${prefixCls}-dot`]: true, [`${prefixCls}-dot-active`]: isActived, [`${prefixCls}-dot-reverse`]: reverse }); return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", { "class": pointClassName, "style": style, "key": point }, null); }); return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${prefixCls}-step` }, [elements]); }; Steps.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Steps); /***/ }), /***/ "./components/vc-slider/src/common/Track.tsx": /*!***************************************************!*\ !*** ./components/vc-slider/src/common/Track.tsx ***! \***************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* eslint-disable */ const Track = (_, _ref) => { let { attrs } = _ref; const { included, vertical, style, class: className } = attrs; let { length, offset, reverse } = attrs; if (length < 0) { reverse = !reverse; length = Math.abs(length); offset = 100 - offset; } const positionStyle = vertical ? { [reverse ? 'top' : 'bottom']: `${offset}%`, [reverse ? 'bottom' : 'top']: 'auto', height: `${length}%` } : { [reverse ? 'right' : 'left']: `${offset}%`, [reverse ? 'left' : 'right']: 'auto', width: `${length}%` }; const elStyle = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, style), positionStyle); return included ? (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": className, "style": elStyle }, null) : null; }; Track.inheritAttrs = false; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Track); /***/ }), /***/ "./components/vc-slider/src/common/createSlider.tsx": /*!**********************************************************!*\ !*** ./components/vc-slider/src/common/createSlider.tsx ***! \**********************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ createSlider) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _vc_util_Dom_addEventListener__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../vc-util/Dom/addEventListener */ "./components/vc-util/Dom/addEventListener.js"); /* harmony import */ var _util_warning__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../_util/warning */ "./components/_util/warning.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../_util/props-util */ "./components/_util/props-util/initDefaultProps.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../../_util/props-util */ "./components/_util/props-util/index.ts"); /* harmony import */ var _Steps__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./Steps */ "./components/vc-slider/src/common/Steps.tsx"); /* harmony import */ var _Marks__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./Marks */ "./components/vc-slider/src/common/Marks.tsx"); /* harmony import */ var _Handle__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../Handle */ "./components/vc-slider/src/Handle.tsx"); /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../utils */ "./components/vc-slider/src/utils.ts"); /* harmony import */ var _util_BaseMixin__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../_util/BaseMixin */ "./components/_util/BaseMixin.ts"); /* harmony import */ var _util_supportsPassive__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../_util/supportsPassive */ "./components/_util/supportsPassive.js"); var __rest = undefined && undefined.__rest || function (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 noop() {} function createSlider(Component) { // const displayName = `ComponentEnhancer(${Component.displayName})` const propTypes = { id: String, min: Number, max: Number, step: Number, marks: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].object, included: { type: Boolean, default: undefined }, prefixCls: String, disabled: { type: Boolean, default: undefined }, handle: Function, dots: { type: Boolean, default: undefined }, vertical: { type: Boolean, default: undefined }, reverse: { type: Boolean, default: undefined }, minimumTrackStyle: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].object, maximumTrackStyle: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].object, handleStyle: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].oneOfType([_util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].object, _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].arrayOf(_util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].object)]), trackStyle: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].oneOfType([_util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].object, _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].arrayOf(_util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].object)]), railStyle: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].object, dotStyle: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].object, activeDotStyle: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].object, autofocus: { type: Boolean, default: undefined }, draggableTrack: { type: Boolean, default: undefined } }; return (0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'CreateSlider', mixins: [_util_BaseMixin__WEBPACK_IMPORTED_MODULE_4__["default"], Component], inheritAttrs: false, props: (0,_util_props_util__WEBPACK_IMPORTED_MODULE_5__["default"])(propTypes, { prefixCls: 'rc-slider', min: 0, max: 100, step: 1, marks: {}, included: true, disabled: false, dots: false, vertical: false, reverse: false, trackStyle: [{}], handleStyle: [{}], railStyle: {}, dotStyle: {}, activeDotStyle: {} }), emits: ['change', 'blur', 'focus'], data() { const { step, max, min } = this; const isPointDiffEven = isFinite(max - min) ? (max - min) % step === 0 : true; // eslint-disable-line (0,_util_warning__WEBPACK_IMPORTED_MODULE_6__["default"])(step && Math.floor(step) === step ? isPointDiffEven : true, `Slider[max] - Slider[min] (${max - min}) should be a multiple of Slider[step] (${step})`); this.handlesRefs = {}; return {}; }, mounted() { this.$nextTick(() => { // Snapshot testing cannot handle refs, so be sure to null-check this. this.document = this.sliderRef && this.sliderRef.ownerDocument; // this.setHandleRefs() const { autofocus, disabled } = this; if (autofocus && !disabled) { this.focus(); } }); }, beforeUnmount() { this.$nextTick(() => { // if (super.componentWillUnmount) super.componentWillUnmount() this.removeDocumentEvents(); }); }, methods: { defaultHandle(_a) { var { index, directives, className, style } = _a, restProps = __rest(_a, ["index", "directives", "className", "style"]); delete restProps.dragging; if (restProps.value === null) { return null; } const handleProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, restProps), { class: className, style, key: index }); return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_Handle__WEBPACK_IMPORTED_MODULE_7__["default"], handleProps, null); }, onDown(e, position) { let p = position; const { draggableTrack, vertical: isVertical } = this.$props; const { bounds } = this.$data; const value = draggableTrack && this.positionGetValue ? this.positionGetValue(p) || [] : []; const inPoint = _utils__WEBPACK_IMPORTED_MODULE_8__.isEventFromHandle(e, this.handlesRefs); this.dragTrack = draggableTrack && bounds.length >= 2 && !inPoint && !value.map((n, i) => { const v = !i ? n >= bounds[i] : true; return i === value.length - 1 ? n <= bounds[i] : v; }).some(c => !c); if (this.dragTrack) { this.dragOffset = p; this.startBounds = [...bounds]; } else { if (!inPoint) { this.dragOffset = 0; } else { const handlePosition = _utils__WEBPACK_IMPORTED_MODULE_8__.getHandleCenterPosition(isVertical, e.target); this.dragOffset = p - handlePosition; p = handlePosition; } this.onStart(p); } }, onMouseDown(e) { if (e.button !== 0) { return; } this.removeDocumentEvents(); const isVertical = this.$props.vertical; const position = _utils__WEBPACK_IMPORTED_MODULE_8__.getMousePosition(isVertical, e); this.onDown(e, position); this.addDocumentMouseEvents(); }, onTouchStart(e) { if (_utils__WEBPACK_IMPORTED_MODULE_8__.isNotTouchEvent(e)) return; const isVertical = this.vertical; const position = _utils__WEBPACK_IMPORTED_MODULE_8__.getTouchPosition(isVertical, e); this.onDown(e, position); this.addDocumentTouchEvents(); _utils__WEBPACK_IMPORTED_MODULE_8__.pauseEvent(e); }, onFocus(e) { const { vertical } = this; if (_utils__WEBPACK_IMPORTED_MODULE_8__.isEventFromHandle(e, this.handlesRefs) && !this.dragTrack) { const handlePosition = _utils__WEBPACK_IMPORTED_MODULE_8__.getHandleCenterPosition(vertical, e.target); this.dragOffset = 0; this.onStart(handlePosition); _utils__WEBPACK_IMPORTED_MODULE_8__.pauseEvent(e); this.$emit('focus', e); } }, onBlur(e) { if (!this.dragTrack) { this.onEnd(); } this.$emit('blur', e); }, onMouseUp() { if (this.handlesRefs[this.prevMovedHandleIndex]) { this.handlesRefs[this.prevMovedHandleIndex].clickFocus(); } }, onMouseMove(e) { if (!this.sliderRef) { this.onEnd(); return; } const position = _utils__WEBPACK_IMPORTED_MODULE_8__.getMousePosition(this.vertical, e); this.onMove(e, position - this.dragOffset, this.dragTrack, this.startBounds); }, onTouchMove(e) { if (_utils__WEBPACK_IMPORTED_MODULE_8__.isNotTouchEvent(e) || !this.sliderRef) { this.onEnd(); return; } const position = _utils__WEBPACK_IMPORTED_MODULE_8__.getTouchPosition(this.vertical, e); this.onMove(e, position - this.dragOffset, this.dragTrack, this.startBounds); }, onKeyDown(e) { if (this.sliderRef && _utils__WEBPACK_IMPORTED_MODULE_8__.isEventFromHandle(e, this.handlesRefs)) { this.onKeyboard(e); } }, onClickMarkLabel(e, value) { e.stopPropagation(); this.onChange({ sValue: value }); this.setState({ sValue: value }, () => this.onEnd(true)); }, getSliderStart() { const slider = this.sliderRef; const { vertical, reverse } = this; const rect = slider.getBoundingClientRect(); if (vertical) { return reverse ? rect.bottom : rect.top; } return window.scrollX + (reverse ? rect.right : rect.left); }, getSliderLength() { const slider = this.sliderRef; if (!slider) { return 0; } const coords = slider.getBoundingClientRect(); return this.vertical ? coords.height : coords.width; }, addDocumentTouchEvents() { // just work for Chrome iOS Safari and Android Browser this.onTouchMoveListener = (0,_vc_util_Dom_addEventListener__WEBPACK_IMPORTED_MODULE_9__["default"])(this.document, 'touchmove', this.onTouchMove); this.onTouchUpListener = (0,_vc_util_Dom_addEventListener__WEBPACK_IMPORTED_MODULE_9__["default"])(this.document, 'touchend', this.onEnd); }, addDocumentMouseEvents() { this.onMouseMoveListener = (0,_vc_util_Dom_addEventListener__WEBPACK_IMPORTED_MODULE_9__["default"])(this.document, 'mousemove', this.onMouseMove); this.onMouseUpListener = (0,_vc_util_Dom_addEventListener__WEBPACK_IMPORTED_MODULE_9__["default"])(this.document, 'mouseup', this.onEnd); }, removeDocumentEvents() { /* eslint-disable no-unused-expressions */ this.onTouchMoveListener && this.onTouchMoveListener.remove(); this.onTouchUpListener && this.onTouchUpListener.remove(); this.onMouseMoveListener && this.onMouseMoveListener.remove(); this.onMouseUpListener && this.onMouseUpListener.remove(); /* eslint-enable no-unused-expressions */ }, focus() { var _a; if (this.$props.disabled) { return; } (_a = this.handlesRefs[0]) === null || _a === void 0 ? void 0 : _a.focus(); }, blur() { if (this.$props.disabled) { return; } Object.keys(this.handlesRefs).forEach(key => { var _a, _b; (_b = (_a = this.handlesRefs[key]) === null || _a === void 0 ? void 0 : _a.blur) === null || _b === void 0 ? void 0 : _b.call(_a); }); }, calcValue(offset) { const { vertical, min, max } = this; const ratio = Math.abs(Math.max(offset, 0) / this.getSliderLength()); const value = vertical ? (1 - ratio) * (max - min) + min : ratio * (max - min) + min; return value; }, calcValueByPos(position) { const sign = this.reverse ? -1 : +1; const pixelOffset = sign * (position - this.getSliderStart()); const nextValue = this.trimAlignValue(this.calcValue(pixelOffset)); return nextValue; }, calcOffset(value) { const { min, max } = this; const ratio = (value - min) / (max - min); return Math.max(0, ratio * 100); }, saveSlider(slider) { this.sliderRef = slider; }, saveHandle(index, handle) { this.handlesRefs[index] = handle; } }, render() { const { prefixCls, marks, dots, step, included, disabled, vertical, reverse, min, max, maximumTrackStyle, railStyle, dotStyle, activeDotStyle, id } = this; const { class: className, style } = this.$attrs; const { tracks, handles } = this.renderSlider(); const sliderClassName = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_10__["default"])(prefixCls, className, { [`${prefixCls}-with-marks`]: Object.keys(marks).length, [`${prefixCls}-disabled`]: disabled, [`${prefixCls}-vertical`]: vertical, [`${prefixCls}-horizontal`]: !vertical }); const markProps = { vertical, marks, included, lowerBound: this.getLowerBound(), upperBound: this.getUpperBound(), max, min, reverse, class: `${prefixCls}-mark`, onClickLabel: disabled ? noop : this.onClickMarkLabel }; const touchEvents = { [_util_supportsPassive__WEBPACK_IMPORTED_MODULE_11__["default"] ? 'onTouchstartPassive' : 'onTouchstart']: disabled ? noop : this.onTouchStart }; return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "id": id, "ref": this.saveSlider, "tabindex": "-1", "class": sliderClassName }, touchEvents), {}, { "onMousedown": disabled ? noop : this.onMouseDown, "onMouseup": disabled ? noop : this.onMouseUp, "onKeydown": disabled ? noop : this.onKeyDown, "onFocus": disabled ? noop : this.onFocus, "onBlur": disabled ? noop : this.onBlur, "style": style }), [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": `${prefixCls}-rail`, "style": (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, maximumTrackStyle), railStyle) }, null), tracks, (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_Steps__WEBPACK_IMPORTED_MODULE_12__["default"], { "prefixCls": prefixCls, "vertical": vertical, "reverse": reverse, "marks": marks, "dots": dots, "step": step, "included": included, "lowerBound": this.getLowerBound(), "upperBound": this.getUpperBound(), "max": max, "min": min, "dotStyle": dotStyle, "activeDotStyle": activeDotStyle }, null), handles, (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_Marks__WEBPACK_IMPORTED_MODULE_13__["default"], markProps, { mark: this.$slots.mark }), (0,_util_props_util__WEBPACK_IMPORTED_MODULE_14__.getSlot)(this)]); } }); } /***/ }), /***/ "./components/vc-slider/src/utils.ts": /*!*******************************************!*\ !*** ./components/vc-slider/src/utils.ts ***! \*******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ calculateNextValue: () => (/* binding */ calculateNextValue), /* harmony export */ ensureValueInRange: () => (/* binding */ ensureValueInRange), /* harmony export */ ensureValuePrecision: () => (/* binding */ ensureValuePrecision), /* harmony export */ getClosestPoint: () => (/* binding */ getClosestPoint), /* harmony export */ getHandleCenterPosition: () => (/* binding */ getHandleCenterPosition), /* harmony export */ getKeyboardValueMutator: () => (/* binding */ getKeyboardValueMutator), /* harmony export */ getMousePosition: () => (/* binding */ getMousePosition), /* harmony export */ getPrecision: () => (/* binding */ getPrecision), /* harmony export */ getTouchPosition: () => (/* binding */ getTouchPosition), /* harmony export */ isEventFromHandle: () => (/* binding */ isEventFromHandle), /* harmony export */ isNotTouchEvent: () => (/* binding */ isNotTouchEvent), /* harmony export */ isValueOutOfRange: () => (/* binding */ isValueOutOfRange), /* harmony export */ pauseEvent: () => (/* binding */ pauseEvent) /* harmony export */ }); /* harmony import */ var _util_KeyCode__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../_util/KeyCode */ "./components/_util/KeyCode.ts"); function isEventFromHandle(e, handles) { try { return Object.keys(handles).some(key => e.target === handles[key].ref); } catch (error) { return false; } } function isValueOutOfRange(value, _ref) { let { min, max } = _ref; return value < min || value > max; } function isNotTouchEvent(e) { return e.touches.length > 1 || e.type.toLowerCase() === 'touchend' && e.touches.length > 0; } function getClosestPoint(val, _ref2) { let { marks, step, min, max } = _ref2; const points = Object.keys(marks).map(parseFloat); if (step !== null) { const baseNum = Math.pow(10, getPrecision(step)); const maxSteps = Math.floor((max * baseNum - min * baseNum) / (step * baseNum)); const steps = Math.min((val - min) / step, maxSteps); const closestStep = Math.round(steps) * step + min; points.push(closestStep); } const diffs = points.map(point => Math.abs(val - point)); return points[diffs.indexOf(Math.min(...diffs))]; } function getPrecision(step) { const stepString = step.toString(); let precision = 0; if (stepString.indexOf('.') >= 0) { precision = stepString.length - stepString.indexOf('.') - 1; } return precision; } function getMousePosition(vertical, e) { let zoom = 1; if (window.visualViewport) { zoom = +(window.visualViewport.width / document.body.getBoundingClientRect().width).toFixed(2); } return (vertical ? e.clientY : e.pageX) / zoom; } function getTouchPosition(vertical, e) { let zoom = 1; if (window.visualViewport) { zoom = +(window.visualViewport.width / document.body.getBoundingClientRect().width).toFixed(2); } return (vertical ? e.touches[0].clientY : e.touches[0].pageX) / zoom; } function getHandleCenterPosition(vertical, handle) { const coords = handle.getBoundingClientRect(); return vertical ? coords.top + coords.height * 0.5 : window.scrollX + coords.left + coords.width * 0.5; } function ensureValueInRange(val, _ref3) { let { max, min } = _ref3; if (val <= min) { return min; } if (val >= max) { return max; } return val; } function ensureValuePrecision(val, props) { const { step } = props; const closestPoint = isFinite(getClosestPoint(val, props)) ? getClosestPoint(val, props) : 0; // eslint-disable-line return step === null ? closestPoint : parseFloat(closestPoint.toFixed(getPrecision(step))); } function pauseEvent(e) { e.stopPropagation(); e.preventDefault(); } function calculateNextValue(func, value, props) { const operations = { increase: (a, b) => a + b, decrease: (a, b) => a - b }; const indexToGet = operations[func](Object.keys(props.marks).indexOf(JSON.stringify(value)), 1); const keyToGet = Object.keys(props.marks)[indexToGet]; if (props.step) { return operations[func](value, props.step); } if (!!Object.keys(props.marks).length && !!props.marks[keyToGet]) { return props.marks[keyToGet]; } return value; } function getKeyboardValueMutator(e, vertical, reverse) { const increase = 'increase'; const decrease = 'decrease'; let method = increase; switch (e.keyCode) { case _util_KeyCode__WEBPACK_IMPORTED_MODULE_0__["default"].UP: method = vertical && reverse ? decrease : increase; break; case _util_KeyCode__WEBPACK_IMPORTED_MODULE_0__["default"].RIGHT: method = !vertical && reverse ? decrease : increase; break; case _util_KeyCode__WEBPACK_IMPORTED_MODULE_0__["default"].DOWN: method = vertical && reverse ? increase : decrease; break; case _util_KeyCode__WEBPACK_IMPORTED_MODULE_0__["default"].LEFT: method = !vertical && reverse ? increase : decrease; break; case _util_KeyCode__WEBPACK_IMPORTED_MODULE_0__["default"].END: return (_value, props) => props.max; case _util_KeyCode__WEBPACK_IMPORTED_MODULE_0__["default"].HOME: return (_value, props) => props.min; case _util_KeyCode__WEBPACK_IMPORTED_MODULE_0__["default"].PAGE_UP: return (value, props) => value + props.step * 2; case _util_KeyCode__WEBPACK_IMPORTED_MODULE_0__["default"].PAGE_DOWN: return (value, props) => value - props.step * 2; default: return undefined; } return (value, props) => calculateNextValue(method, value, props); } /***/ }), /***/ "./components/vc-steps/Step.tsx": /*!**************************************!*\ !*** ./components/vc-steps/Step.tsx ***! \**************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ VcStepProps: () => (/* binding */ VcStepProps), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); /* harmony import */ var _util_omit__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../_util/omit */ "./components/_util/omit.ts"); function isString(str) { return typeof str === 'string'; } function noop() {} const VcStepProps = () => ({ prefixCls: String, itemWidth: String, active: { type: Boolean, default: undefined }, disabled: { type: Boolean, default: undefined }, status: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.stringType)(), iconPrefix: String, icon: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].any, adjustMarginRight: String, stepNumber: Number, stepIndex: Number, description: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].any, title: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].any, subTitle: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].any, progressDot: (0,_util_vue_types__WEBPACK_IMPORTED_MODULE_3__.withUndefined)(_util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].oneOfType([_util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].looseBool, _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].func])), tailContent: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].any, icons: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].shape({ finish: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].any, error: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].any }).loose, onClick: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.functionType)(), onStepClick: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.functionType)(), stepIcon: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.functionType)(), itemRender: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.functionType)(), __legacy: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.booleanType)() }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'Step', inheritAttrs: false, props: VcStepProps(), setup(props, _ref) { let { slots, emit, attrs } = _ref; const onItemClick = e => { emit('click', e); emit('stepClick', props.stepIndex); }; // if (props.__legacy !== false) { // warning( // false, // 'Steps', // 'Step is deprecated, and not support inline type. Please use `items` directly. ', // ); // } const renderIconNode = _ref2 => { let { icon, title, description } = _ref2; const { prefixCls, stepNumber, status, iconPrefix, icons, progressDot = slots.progressDot, stepIcon = slots.stepIcon } = props; let iconNode; const iconClassName = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_4__["default"])(`${prefixCls}-icon`, `${iconPrefix}icon`, { [`${iconPrefix}icon-${icon}`]: icon && isString(icon), [`${iconPrefix}icon-check`]: !icon && status === 'finish' && (icons && !icons.finish || !icons), [`${iconPrefix}icon-cross`]: !icon && status === 'error' && (icons && !icons.error || !icons) }); const iconDot = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", { "class": `${prefixCls}-icon-dot` }, null); // `progressDot` enjoy the highest priority if (progressDot) { if (typeof progressDot === 'function') { iconNode = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", { "class": `${prefixCls}-icon` }, [progressDot({ iconDot, index: stepNumber - 1, status, title, description, prefixCls })]); } else { iconNode = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", { "class": `${prefixCls}-icon` }, [iconDot]); } } else if (icon && !isString(icon)) { iconNode = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", { "class": `${prefixCls}-icon` }, [icon]); } else if (icons && icons.finish && status === 'finish') { iconNode = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", { "class": `${prefixCls}-icon` }, [icons.finish]); } else if (icons && icons.error && status === 'error') { iconNode = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", { "class": `${prefixCls}-icon` }, [icons.error]); } else if (icon || status === 'finish' || status === 'error') { iconNode = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", { "class": iconClassName }, null); } else { iconNode = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", { "class": `${prefixCls}-icon` }, [stepNumber]); } if (stepIcon) { iconNode = stepIcon({ index: stepNumber - 1, status, title, description, node: iconNode }); } return iconNode; }; return () => { var _a, _b, _c, _d; const { prefixCls, itemWidth, active, status = 'wait', tailContent, adjustMarginRight, disabled, title = (_a = slots.title) === null || _a === void 0 ? void 0 : _a.call(slots), description = (_b = slots.description) === null || _b === void 0 ? void 0 : _b.call(slots), subTitle = (_c = slots.subTitle) === null || _c === void 0 ? void 0 : _c.call(slots), icon = (_d = slots.icon) === null || _d === void 0 ? void 0 : _d.call(slots), onClick, onStepClick } = props; const mergedStatus = status || 'wait'; const classString = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_4__["default"])(`${prefixCls}-item`, `${prefixCls}-item-${mergedStatus}`, { [`${prefixCls}-item-custom`]: icon, [`${prefixCls}-item-active`]: active, [`${prefixCls}-item-disabled`]: disabled === true }); const stepItemStyle = {}; if (itemWidth) { stepItemStyle.width = itemWidth; } if (adjustMarginRight) { stepItemStyle.marginRight = adjustMarginRight; } const accessibilityProps = { onClick: onClick || noop }; if (onStepClick && !disabled) { accessibilityProps.role = 'button'; accessibilityProps.tabindex = 0; accessibilityProps.onClick = onItemClick; } const stepNode = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_util_omit__WEBPACK_IMPORTED_MODULE_5__["default"])(attrs, ['__legacy'])), {}, { "class": [classString, attrs.class], "style": [attrs.style, stepItemStyle] }), [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, accessibilityProps), {}, { "class": `${prefixCls}-item-container` }), [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${prefixCls}-item-tail` }, [tailContent]), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${prefixCls}-item-icon` }, [renderIconNode({ icon, title, description })]), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${prefixCls}-item-content` }, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${prefixCls}-item-title` }, [title, subTitle && (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "title": typeof subTitle === 'string' ? subTitle : undefined, "class": `${prefixCls}-item-subtitle` }, [subTitle])]), description && (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${prefixCls}-item-description` }, [description])])])]); if (props.itemRender) { return props.itemRender(stepNode); } return stepNode; }; } })); /***/ }), /***/ "./components/vc-steps/Steps.tsx": /*!***************************************!*\ !*** ./components/vc-steps/Steps.tsx ***! \***************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _Step__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Step */ "./components/vc-steps/Step.tsx"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/index.ts"); /* harmony import */ var _util_vnode__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../_util/vnode */ "./components/_util/vnode.ts"); var __rest = undefined && undefined.__rest || function (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; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'Steps', props: { type: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].string.def('default'), prefixCls: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].string.def('vc-steps'), iconPrefix: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].string.def('vc'), direction: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].string.def('horizontal'), labelPlacement: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].string.def('horizontal'), status: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.stringType)('process'), size: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].string.def(''), progressDot: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].oneOfType([_util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].looseBool, _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].func]).def(undefined), initial: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].number.def(0), current: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].number.def(0), items: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].array.def(() => []), icons: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].shape({ finish: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].any, error: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].any }).loose, stepIcon: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.functionType)(), isInline: _util_vue_types__WEBPACK_IMPORTED_MODULE_3__["default"].looseBool, itemRender: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.functionType)() }, emits: ['change'], setup(props, _ref) { let { slots, emit } = _ref; const onStepClick = next => { const { current } = props; if (current !== next) { emit('change', next); } }; const renderStep = (item, index, legacyRender) => { const { prefixCls, iconPrefix, status, current, initial, icons, stepIcon = slots.stepIcon, isInline, itemRender, progressDot = slots.progressDot } = props; const mergedProgressDot = isInline || progressDot; const mergedItem = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, item), { class: '' }); const stepNumber = initial + index; const commonProps = { active: stepNumber === current, stepNumber: stepNumber + 1, stepIndex: stepNumber, key: stepNumber, prefixCls, iconPrefix, progressDot: mergedProgressDot, stepIcon, icons, onStepClick }; // fix tail color if (status === 'error' && index === current - 1) { mergedItem.class = `${prefixCls}-next-error`; } if (!mergedItem.status) { if (stepNumber === current) { mergedItem.status = status; } else if (stepNumber < current) { mergedItem.status = 'finish'; } else { mergedItem.status = 'wait'; } } if (isInline) { mergedItem.icon = undefined; mergedItem.subTitle = undefined; } if (legacyRender) { return legacyRender((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, mergedItem), commonProps)); } if (itemRender) { mergedItem.itemRender = stepItem => itemRender(mergedItem, stepItem); } return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_Step__WEBPACK_IMPORTED_MODULE_5__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, mergedItem), commonProps), {}, { "__legacy": false }), null); }; const renderStepWithNode = (node, index) => { return renderStep((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, node.props), index, stepProps => { const stepNode = (0,_util_vnode__WEBPACK_IMPORTED_MODULE_6__.cloneElement)(node, stepProps); return stepNode; }); }; return () => { var _a; const { prefixCls, direction, type, labelPlacement, iconPrefix, status, size, current, progressDot = slots.progressDot, initial, icons, items, isInline, itemRender } = props, restProps = __rest(props, ["prefixCls", "direction", "type", "labelPlacement", "iconPrefix", "status", "size", "current", "progressDot", "initial", "icons", "items", "isInline", "itemRender"]); const isNav = type === 'navigation'; const mergedProgressDot = isInline || progressDot; const mergedDirection = isInline ? 'horizontal' : direction; const mergedSize = isInline ? undefined : size; const adjustedLabelPlacement = mergedProgressDot ? 'vertical' : labelPlacement; const classString = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_7__["default"])(prefixCls, `${prefixCls}-${direction}`, { [`${prefixCls}-${mergedSize}`]: mergedSize, [`${prefixCls}-label-${adjustedLabelPlacement}`]: mergedDirection === 'horizontal', [`${prefixCls}-dot`]: !!mergedProgressDot, [`${prefixCls}-navigation`]: isNav, [`${prefixCls}-inline`]: isInline }); return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "class": classString }, restProps), [items.filter(item => item).map((item, index) => renderStep(item, index)), (0,_util_props_util__WEBPACK_IMPORTED_MODULE_8__.filterEmpty)((_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)).map(renderStepWithNode)]); }; } })); /***/ }), /***/ "./components/vc-steps/index.ts": /*!**************************************!*\ !*** ./components/vc-steps/index.ts ***! \**************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ Step: () => (/* reexport safe */ _Step__WEBPACK_IMPORTED_MODULE_0__["default"]), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _Steps__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Steps */ "./components/vc-steps/Steps.tsx"); /* harmony import */ var _Step__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Step */ "./components/vc-steps/Step.tsx"); // base rc-steps 4.1.3 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_Steps__WEBPACK_IMPORTED_MODULE_1__["default"]); /***/ }), /***/ "./components/vc-table/Body/BodyRow.tsx": /*!**********************************************!*\ !*** ./components/vc-table/Body/BodyRow.tsx ***! \**********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _Cell__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../Cell */ "./components/vc-table/Cell/index.tsx"); /* harmony import */ var _utils_valueUtil__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils/valueUtil */ "./components/vc-table/utils/valueUtil.tsx"); /* harmony import */ var _ExpandedRow__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./ExpandedRow */ "./components/vc-table/Body/ExpandedRow.tsx"); /* harmony import */ var _context_TableContext__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../context/TableContext */ "./components/vc-table/context/TableContext.tsx"); /* harmony import */ var _context_BodyContext__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../context/BodyContext */ "./components/vc-table/context/BodyContext.tsx"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../_util/classNames */ "./components/_util/classNames.ts"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ name: 'BodyRow', inheritAttrs: false, props: ['record', 'index', 'renderIndex', 'recordKey', 'expandedKeys', 'rowComponent', 'cellComponent', 'customRow', 'rowExpandable', 'indent', 'rowKey', 'getRowKey', 'childrenColumnName'], setup(props, _ref) { let { attrs } = _ref; const tableContext = (0,_context_TableContext__WEBPACK_IMPORTED_MODULE_2__.useInjectTable)(); const bodyContext = (0,_context_BodyContext__WEBPACK_IMPORTED_MODULE_3__.useInjectBody)(); const expandRended = (0,vue__WEBPACK_IMPORTED_MODULE_1__.shallowRef)(false); const expanded = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => props.expandedKeys && props.expandedKeys.has(props.recordKey)); (0,vue__WEBPACK_IMPORTED_MODULE_1__.watchEffect)(() => { if (expanded.value) { expandRended.value = true; } }); const rowSupportExpand = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => bodyContext.expandableType === 'row' && (!props.rowExpandable || props.rowExpandable(props.record))); // Only when row is not expandable and `children` exist in record const nestExpandable = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => bodyContext.expandableType === 'nest'); const hasNestChildren = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => props.childrenColumnName && props.record && props.record[props.childrenColumnName]); const mergedExpandable = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => rowSupportExpand.value || nestExpandable.value); const onInternalTriggerExpand = (record, event) => { bodyContext.onTriggerExpand(record, event); }; // =========================== onRow =========================== const additionalProps = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { var _a; return ((_a = props.customRow) === null || _a === void 0 ? void 0 : _a.call(props, props.record, props.index)) || {}; }); const onClick = function (event) { var _a, _b; if (bodyContext.expandRowByClick && mergedExpandable.value) { onInternalTriggerExpand(props.record, event); } for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) { args[_key - 1] = arguments[_key]; } (_b = (_a = additionalProps.value) === null || _a === void 0 ? void 0 : _a.onClick) === null || _b === void 0 ? void 0 : _b.call(_a, event, ...args); }; const computeRowClassName = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { const { record, index, indent } = props; const { rowClassName } = bodyContext; if (typeof rowClassName === 'string') { return rowClassName; } else if (typeof rowClassName === 'function') { return rowClassName(record, index, indent); } return ''; }); const columnsKey = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => (0,_utils_valueUtil__WEBPACK_IMPORTED_MODULE_4__.getColumnsKey)(bodyContext.flattenColumns)); return () => { const { class: className, style } = attrs; const { record, index, rowKey, indent = 0, rowComponent: RowComponent, cellComponent } = props; const { prefixCls, fixedInfoList, transformCellText } = tableContext; const { flattenColumns, expandedRowClassName, indentSize, expandIcon, expandedRowRender, expandIconColumnIndex } = bodyContext; const baseRowNode = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(RowComponent, (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, additionalProps.value), {}, { "data-row-key": rowKey, "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_5__["default"])(className, `${prefixCls}-row`, `${prefixCls}-row-level-${indent}`, computeRowClassName.value, additionalProps.value.class), "style": [style, additionalProps.value.style], "onClick": onClick }), { default: () => [flattenColumns.map((column, colIndex) => { const { customRender, dataIndex, className: columnClassName } = column; const key = columnsKey[colIndex]; const fixedInfo = fixedInfoList[colIndex]; let additionalCellProps; if (column.customCell) { additionalCellProps = column.customCell(record, index, column); } // not use slot to fix https://github.com/vueComponent/ant-design-vue/issues/5295 const appendNode = colIndex === (expandIconColumnIndex || 0) && nestExpandable.value ? (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_1__.Fragment, null, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", { "style": { paddingLeft: `${indentSize * indent}px` }, "class": `${prefixCls}-row-indent indent-level-${indent}` }, null), expandIcon({ prefixCls, expanded: expanded.value, expandable: hasNestChildren.value, record, onExpand: onInternalTriggerExpand })]) : null; return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_Cell__WEBPACK_IMPORTED_MODULE_6__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "cellType": "body", "class": columnClassName, "ellipsis": column.ellipsis, "align": column.align, "component": cellComponent, "prefixCls": prefixCls, "key": key, "record": record, "index": index, "renderIndex": props.renderIndex, "dataIndex": dataIndex, "customRender": customRender }, fixedInfo), {}, { "additionalProps": additionalCellProps, "column": column, "transformCellText": transformCellText, "appendNode": appendNode }), null); })] }); // ======================== Expand Row ========================= let expandRowNode; if (rowSupportExpand.value && (expandRended.value || expanded.value)) { const expandContent = expandedRowRender({ record, index, indent: indent + 1, expanded: expanded.value }); const computedExpandedRowClassName = expandedRowClassName && expandedRowClassName(record, index, indent); expandRowNode = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_ExpandedRow__WEBPACK_IMPORTED_MODULE_7__["default"], { "expanded": expanded.value, "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_5__["default"])(`${prefixCls}-expanded-row`, `${prefixCls}-expanded-row-level-${indent + 1}`, computedExpandedRowClassName), "prefixCls": prefixCls, "component": RowComponent, "cellComponent": cellComponent, "colSpan": flattenColumns.length, "isEmpty": false }, { default: () => [expandContent] }); } return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_1__.Fragment, null, [baseRowNode, expandRowNode]); }; } })); /***/ }), /***/ "./components/vc-table/Body/ExpandedRow.tsx": /*!**************************************************!*\ !*** ./components/vc-table/Body/ExpandedRow.tsx ***! \**************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _Cell__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../Cell */ "./components/vc-table/Cell/index.tsx"); /* harmony import */ var _context_TableContext__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../context/TableContext */ "./components/vc-table/context/TableContext.tsx"); /* harmony import */ var _context_ExpandedRowContext__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../context/ExpandedRowContext */ "./components/vc-table/context/ExpandedRowContext.tsx"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)({ name: 'ExpandedRow', inheritAttrs: false, props: ['prefixCls', 'component', 'cellComponent', 'expanded', 'colSpan', 'isEmpty'], setup(props, _ref) { let { slots, attrs } = _ref; const tableContext = (0,_context_TableContext__WEBPACK_IMPORTED_MODULE_1__.useInjectTable)(); const expandedRowContext = (0,_context_ExpandedRowContext__WEBPACK_IMPORTED_MODULE_2__.useInjectExpandedRow)(); const { fixHeader, fixColumn, componentWidth, horizonScroll } = expandedRowContext; return () => { const { prefixCls, component: Component, cellComponent, expanded, colSpan, isEmpty } = props; return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(Component, { "class": attrs.class, "style": { display: expanded ? null : 'none' } }, { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_Cell__WEBPACK_IMPORTED_MODULE_3__["default"], { "component": cellComponent, "prefixCls": prefixCls, "colSpan": colSpan }, { default: () => { var _a; let contentNode = (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots); if (isEmpty ? horizonScroll.value : fixColumn.value) { const _contentNode = function () { return contentNode; }(); contentNode = (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", { "style": { width: `${componentWidth.value - (fixHeader.value ? tableContext.scrollbarSize : 0)}px`, position: 'sticky', left: 0, overflow: 'hidden' }, "class": `${prefixCls}-expanded-row-fixed` }, [contentNode]); } return contentNode; } })] }); }; } })); /***/ }), /***/ "./components/vc-table/Body/MeasureCell.tsx": /*!**************************************************!*\ !*** ./components/vc-table/Body/MeasureCell.tsx ***! \**************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _vc_resize_observer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../vc-resize-observer */ "./components/vc-resize-observer/index.tsx"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)({ name: 'MeasureCell', props: ['columnKey'], setup(props, _ref) { let { emit } = _ref; const tdRef = (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)(); (0,vue__WEBPACK_IMPORTED_MODULE_0__.onMounted)(() => { if (tdRef.value) { emit('columnResize', props.columnKey, tdRef.value.offsetWidth); } }); return () => { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_vc_resize_observer__WEBPACK_IMPORTED_MODULE_1__["default"], { "onResize": _ref2 => { let { offsetWidth } = _ref2; emit('columnResize', props.columnKey, offsetWidth); } }, { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("td", { "ref": tdRef, "style": { padding: 0, border: 0, height: 0 } }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", { "style": { height: 0, overflow: 'hidden' } }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createTextVNode)("\xA0")])])] }); }; } })); /***/ }), /***/ "./components/vc-table/Body/index.tsx": /*!********************************************!*\ !*** ./components/vc-table/Body/index.tsx ***! \********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ExpandedRow__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./ExpandedRow */ "./components/vc-table/Body/ExpandedRow.tsx"); /* harmony import */ var _utils_valueUtil__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../utils/valueUtil */ "./components/vc-table/utils/valueUtil.tsx"); /* harmony import */ var _MeasureCell__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./MeasureCell */ "./components/vc-table/Body/MeasureCell.tsx"); /* harmony import */ var _BodyRow__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./BodyRow */ "./components/vc-table/Body/BodyRow.tsx"); /* harmony import */ var _hooks_useFlattenRecords__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../hooks/useFlattenRecords */ "./components/vc-table/hooks/useFlattenRecords.ts"); /* harmony import */ var _context_ResizeContext__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../context/ResizeContext */ "./components/vc-table/context/ResizeContext.tsx"); /* harmony import */ var _context_TableContext__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../context/TableContext */ "./components/vc-table/context/TableContext.tsx"); /* harmony import */ var _context_BodyContext__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../context/BodyContext */ "./components/vc-table/context/BodyContext.tsx"); /* harmony import */ var _context_HoverContext__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../context/HoverContext */ "./components/vc-table/context/HoverContext.tsx"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)({ name: 'TableBody', props: ['data', 'getRowKey', 'measureColumnWidth', 'expandedKeys', 'customRow', 'rowExpandable', 'childrenColumnName'], setup(props, _ref) { let { slots } = _ref; const resizeContext = (0,_context_ResizeContext__WEBPACK_IMPORTED_MODULE_1__.useInjectResize)(); const tableContext = (0,_context_TableContext__WEBPACK_IMPORTED_MODULE_2__.useInjectTable)(); const bodyContext = (0,_context_BodyContext__WEBPACK_IMPORTED_MODULE_3__.useInjectBody)(); const flattenData = (0,_hooks_useFlattenRecords__WEBPACK_IMPORTED_MODULE_4__["default"])((0,vue__WEBPACK_IMPORTED_MODULE_0__.toRef)(props, 'data'), (0,vue__WEBPACK_IMPORTED_MODULE_0__.toRef)(props, 'childrenColumnName'), (0,vue__WEBPACK_IMPORTED_MODULE_0__.toRef)(props, 'expandedKeys'), (0,vue__WEBPACK_IMPORTED_MODULE_0__.toRef)(props, 'getRowKey')); const startRow = (0,vue__WEBPACK_IMPORTED_MODULE_0__.shallowRef)(-1); const endRow = (0,vue__WEBPACK_IMPORTED_MODULE_0__.shallowRef)(-1); let timeoutId; (0,_context_HoverContext__WEBPACK_IMPORTED_MODULE_5__.useProvideHover)({ startRow, endRow, onHover: (start, end) => { clearTimeout(timeoutId); timeoutId = setTimeout(() => { startRow.value = start; endRow.value = end; }, 100); } }); return () => { var _a; const { data, getRowKey, measureColumnWidth, expandedKeys, customRow, rowExpandable, childrenColumnName } = props; const { onColumnResize } = resizeContext; const { prefixCls, getComponent } = tableContext; const { flattenColumns } = bodyContext; const WrapperComponent = getComponent(['body', 'wrapper'], 'tbody'); const trComponent = getComponent(['body', 'row'], 'tr'); const tdComponent = getComponent(['body', 'cell'], 'td'); let rows; if (data.length) { rows = flattenData.value.map((item, idx) => { const { record, indent, index: renderIndex } = item; const key = getRowKey(record, idx); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_BodyRow__WEBPACK_IMPORTED_MODULE_6__["default"], { "key": key, "rowKey": key, "record": record, "recordKey": key, "index": idx, "renderIndex": renderIndex, "rowComponent": trComponent, "cellComponent": tdComponent, "expandedKeys": expandedKeys, "customRow": customRow, "getRowKey": getRowKey, "rowExpandable": rowExpandable, "childrenColumnName": childrenColumnName, "indent": indent }, null); }); } else { rows = (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_ExpandedRow__WEBPACK_IMPORTED_MODULE_7__["default"], { "expanded": true, "class": `${prefixCls}-placeholder`, "prefixCls": prefixCls, "component": trComponent, "cellComponent": tdComponent, "colSpan": flattenColumns.length, "isEmpty": true }, { default: () => [(_a = slots.emptyNode) === null || _a === void 0 ? void 0 : _a.call(slots)] }); } const columnsKey = (0,_utils_valueUtil__WEBPACK_IMPORTED_MODULE_8__.getColumnsKey)(flattenColumns); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(WrapperComponent, { "class": `${prefixCls}-tbody` }, { default: () => [measureColumnWidth && (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("tr", { "aria-hidden": "true", "class": `${prefixCls}-measure-row`, "style": { height: 0, fontSize: 0 } }, [columnsKey.map(columnKey => (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_MeasureCell__WEBPACK_IMPORTED_MODULE_9__["default"], { "key": columnKey, "columnKey": columnKey, "onColumnResize": onColumnResize }, null))]), rows] }); }; } })); /***/ }), /***/ "./components/vc-table/Cell/index.tsx": /*!********************************************!*\ !*** ./components/vc-table/Cell/index.tsx ***! \********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../_util/props-util */ "./components/_util/props-util/index.ts"); /* harmony import */ var _utils_valueUtil__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../utils/valueUtil */ "./components/vc-table/utils/valueUtil.tsx"); /* harmony import */ var _table_context__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../table/context */ "./components/table/context.ts"); /* harmony import */ var _utils_legacyUtil__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../utils/legacyUtil */ "./components/vc-table/utils/legacyUtil.ts"); /* harmony import */ var _context_HoverContext__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../context/HoverContext */ "./components/vc-table/context/HoverContext.tsx"); /* harmony import */ var _context_StickyContext__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../context/StickyContext */ "./components/vc-table/context/StickyContext.tsx"); /* harmony import */ var _vc_util_warning__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../vc-util/warning */ "./components/vc-util/warning.ts"); /* harmony import */ var _util_eagerComputed__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../_util/eagerComputed */ "./components/_util/eagerComputed.ts"); /* harmony import */ var _util_vnode__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../_util/vnode */ "./components/_util/vnode.ts"); /* harmony import */ var _vc_util_Dom_class__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../vc-util/Dom/class */ "./components/vc-util/Dom/class.js"); var __rest = undefined && undefined.__rest || function (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; }; /** Check if cell is in hover range */ function inHoverRange(cellStartRow, cellRowSpan, startRow, endRow) { const cellEndRow = cellStartRow + cellRowSpan - 1; return cellStartRow <= endRow && cellEndRow >= startRow; } function isRenderCell(data) { return data && typeof data === 'object' && !Array.isArray(data) && !(0,vue__WEBPACK_IMPORTED_MODULE_2__.isVNode)(data); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ name: 'Cell', props: ['prefixCls', 'record', 'index', 'renderIndex', 'dataIndex', 'customRender', 'component', 'colSpan', 'rowSpan', 'fixLeft', 'fixRight', 'firstFixLeft', 'lastFixLeft', 'firstFixRight', 'lastFixRight', 'appendNode', 'additionalProps', 'ellipsis', 'align', 'rowType', 'isSticky', 'column', 'cellType', 'transformCellText'], setup(props, _ref) { let { slots } = _ref; const contextSlots = (0,_table_context__WEBPACK_IMPORTED_MODULE_3__.useInjectSlots)(); const { onHover, startRow, endRow } = (0,_context_HoverContext__WEBPACK_IMPORTED_MODULE_4__.useInjectHover)(); const colSpan = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { var _a, _b, _c, _d; return (_c = (_a = props.colSpan) !== null && _a !== void 0 ? _a : (_b = props.additionalProps) === null || _b === void 0 ? void 0 : _b.colSpan) !== null && _c !== void 0 ? _c : (_d = props.additionalProps) === null || _d === void 0 ? void 0 : _d.colspan; }); const rowSpan = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { var _a, _b, _c, _d; return (_c = (_a = props.rowSpan) !== null && _a !== void 0 ? _a : (_b = props.additionalProps) === null || _b === void 0 ? void 0 : _b.rowSpan) !== null && _c !== void 0 ? _c : (_d = props.additionalProps) === null || _d === void 0 ? void 0 : _d.rowspan; }); const hovering = (0,_util_eagerComputed__WEBPACK_IMPORTED_MODULE_5__["default"])(() => { const { index } = props; return inHoverRange(index, rowSpan.value || 1, startRow.value, endRow.value); }); const supportSticky = (0,_context_StickyContext__WEBPACK_IMPORTED_MODULE_6__.useInjectSticky)(); // ====================== Hover ======================= const onMouseenter = (event, mergedRowSpan) => { var _a; const { record, index, additionalProps } = props; if (record) { onHover(index, index + mergedRowSpan - 1); } (_a = additionalProps === null || additionalProps === void 0 ? void 0 : additionalProps.onMouseenter) === null || _a === void 0 ? void 0 : _a.call(additionalProps, event); }; const onMouseleave = event => { var _a; const { record, additionalProps } = props; if (record) { onHover(-1, -1); } (_a = additionalProps === null || additionalProps === void 0 ? void 0 : additionalProps.onMouseleave) === null || _a === void 0 ? void 0 : _a.call(additionalProps, event); }; const getTitle = vnodes => { const vnode = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_7__.filterEmpty)(vnodes)[0]; if ((0,vue__WEBPACK_IMPORTED_MODULE_2__.isVNode)(vnode)) { if (vnode.type === vue__WEBPACK_IMPORTED_MODULE_2__.Text) { return vnode.children; } else { return Array.isArray(vnode.children) ? getTitle(vnode.children) : undefined; } } else { return vnode; } }; const hoverRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(null); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)([hovering, () => props.prefixCls, hoverRef], () => { const cellDom = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_7__.findDOMNode)(hoverRef.value); if (!cellDom) return; if (hovering.value) { (0,_vc_util_Dom_class__WEBPACK_IMPORTED_MODULE_8__.addClass)(cellDom, `${props.prefixCls}-cell-row-hover`); } else { (0,_vc_util_Dom_class__WEBPACK_IMPORTED_MODULE_8__.removeClass)(cellDom, `${props.prefixCls}-cell-row-hover`); } }); return () => { var _a, _b, _c, _d, _e, _f; const { prefixCls, record, index, renderIndex, dataIndex, customRender, component: Component = 'td', fixLeft, fixRight, firstFixLeft, lastFixLeft, firstFixRight, lastFixRight, appendNode = (_a = slots.appendNode) === null || _a === void 0 ? void 0 : _a.call(slots), additionalProps = {}, ellipsis, align, rowType, isSticky, column = {}, cellType } = props; const cellPrefixCls = `${prefixCls}-cell`; // ==================== Child Node ==================== let cellProps; let childNode; const children = (_b = slots.default) === null || _b === void 0 ? void 0 : _b.call(slots); if ((0,_utils_valueUtil__WEBPACK_IMPORTED_MODULE_9__.validateValue)(children) || cellType === 'header') { childNode = children; } else { const value = (0,_utils_valueUtil__WEBPACK_IMPORTED_MODULE_9__.getPathValue)(record, dataIndex); // Customize render node childNode = value; if (customRender) { const renderData = customRender({ text: value, value, record, index, renderIndex, column: column.__originColumn__ }); if (isRenderCell(renderData)) { if (true) { (0,_vc_util_warning__WEBPACK_IMPORTED_MODULE_10__.warning)(false, '`columns.customRender` return cell props is deprecated with perf issue, please use `customCell` instead.'); } childNode = renderData.children; cellProps = renderData.props; } else { childNode = renderData; } } if (!(_utils_legacyUtil__WEBPACK_IMPORTED_MODULE_11__.INTERNAL_COL_DEFINE in column) && cellType === 'body' && contextSlots.value.bodyCell && !((_c = column.slots) === null || _c === void 0 ? void 0 : _c.customRender)) { const child = (0,_util_vnode__WEBPACK_IMPORTED_MODULE_12__.customRenderSlot)(contextSlots.value, 'bodyCell', { text: value, value, record, index, column: column.__originColumn__ }, () => { const fallback = childNode === undefined ? value : childNode; return [typeof fallback === 'object' && (0,_util_props_util__WEBPACK_IMPORTED_MODULE_7__.isValidElement)(fallback) || typeof fallback !== 'object' ? fallback : null]; }); childNode = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_7__.flattenChildren)(child); } /** maybe we should @deprecated */ if (props.transformCellText) { childNode = props.transformCellText({ text: childNode, record, index, column: column.__originColumn__ }); } } // Not crash if final `childNode` is not validate VueNode if (typeof childNode === 'object' && !Array.isArray(childNode) && !(0,vue__WEBPACK_IMPORTED_MODULE_2__.isVNode)(childNode)) { childNode = null; } if (ellipsis && (lastFixLeft || firstFixRight)) { const _childNode = function () { return childNode; }(); childNode = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", { "class": `${cellPrefixCls}-content` }, [childNode]); } if (Array.isArray(childNode) && childNode.length === 1) { childNode = childNode[0]; } const _g = cellProps || {}, { colSpan: cellColSpan, rowSpan: cellRowSpan, style: cellStyle, class: cellClassName } = _g, restCellProps = __rest(_g, ["colSpan", "rowSpan", "style", "class"]); const mergedColSpan = (_d = cellColSpan !== undefined ? cellColSpan : colSpan.value) !== null && _d !== void 0 ? _d : 1; const mergedRowSpan = (_e = cellRowSpan !== undefined ? cellRowSpan : rowSpan.value) !== null && _e !== void 0 ? _e : 1; if (mergedColSpan === 0 || mergedRowSpan === 0) { return null; } // ====================== Fixed ======================= const fixedStyle = {}; const isFixLeft = typeof fixLeft === 'number' && supportSticky.value; const isFixRight = typeof fixRight === 'number' && supportSticky.value; if (isFixLeft) { fixedStyle.position = 'sticky'; fixedStyle.left = `${fixLeft}px`; } if (isFixRight) { fixedStyle.position = 'sticky'; fixedStyle.right = `${fixRight}px`; } // ====================== Align ======================= const alignStyle = {}; if (align) { alignStyle.textAlign = align; } // ====================== Render ====================== let title; const ellipsisConfig = ellipsis === true ? { showTitle: true } : ellipsis; if (ellipsisConfig && (ellipsisConfig.showTitle || rowType === 'header')) { if (typeof childNode === 'string' || typeof childNode === 'number') { title = childNode.toString(); } else if ((0,vue__WEBPACK_IMPORTED_MODULE_2__.isVNode)(childNode)) { title = getTitle([childNode]); } } const componentProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({ title }, restCellProps), additionalProps), { colSpan: mergedColSpan !== 1 ? mergedColSpan : null, rowSpan: mergedRowSpan !== 1 ? mergedRowSpan : null, class: (0,_util_classNames__WEBPACK_IMPORTED_MODULE_13__["default"])(cellPrefixCls, { [`${cellPrefixCls}-fix-left`]: isFixLeft && supportSticky.value, [`${cellPrefixCls}-fix-left-first`]: firstFixLeft && supportSticky.value, [`${cellPrefixCls}-fix-left-last`]: lastFixLeft && supportSticky.value, [`${cellPrefixCls}-fix-right`]: isFixRight && supportSticky.value, [`${cellPrefixCls}-fix-right-first`]: firstFixRight && supportSticky.value, [`${cellPrefixCls}-fix-right-last`]: lastFixRight && supportSticky.value, [`${cellPrefixCls}-ellipsis`]: ellipsis, [`${cellPrefixCls}-with-append`]: appendNode, [`${cellPrefixCls}-fix-sticky`]: (isFixLeft || isFixRight) && isSticky && supportSticky.value }, additionalProps.class, cellClassName), onMouseenter: e => { onMouseenter(e, mergedRowSpan); }, onMouseleave, style: [additionalProps.style, alignStyle, fixedStyle, cellStyle] }); return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(Component, (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, componentProps), {}, { "ref": hoverRef }), { default: () => [appendNode, childNode, (_f = slots.dragHandle) === null || _f === void 0 ? void 0 : _f.call(slots)] }); }; } })); /***/ }), /***/ "./components/vc-table/ColGroup.tsx": /*!******************************************!*\ !*** ./components/vc-table/ColGroup.tsx ***! \******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _utils_legacyUtil__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./utils/legacyUtil */ "./components/vc-table/utils/legacyUtil.ts"); var __rest = undefined && undefined.__rest || function (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 ColGroup(_ref) { let { colWidths, columns, columCount } = _ref; const cols = []; const len = columCount || columns.length; // Only insert col with width & additional props // Skip if rest col do not have any useful info let mustInsert = false; for (let i = len - 1; i >= 0; i -= 1) { const width = colWidths[i]; const column = columns && columns[i]; const additionalProps = column && column[_utils_legacyUtil__WEBPACK_IMPORTED_MODULE_2__.INTERNAL_COL_DEFINE]; if (width || additionalProps || mustInsert) { const _a = additionalProps || {}, { columnType } = _a, restAdditionalProps = __rest(_a, ["columnType"]); cols.unshift((0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("col", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "key": i, "style": { width: typeof width === 'number' ? `${width}px` : width } }, restAdditionalProps), null)); mustInsert = true; } } return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("colgroup", null, [cols]); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ColGroup); /***/ }), /***/ "./components/vc-table/FixedHolder/index.tsx": /*!***************************************************!*\ !*** ./components/vc-table/FixedHolder/index.tsx ***! \***************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _ColGroup__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../ColGroup */ "./components/vc-table/ColGroup.tsx"); /* harmony import */ var _context_TableContext__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../context/TableContext */ "./components/vc-table/context/TableContext.tsx"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _vc_util_Dom_addEventListener__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../vc-util/Dom/addEventListener */ "./components/vc-util/Dom/addEventListener.js"); function useColumnWidth(colWidthsRef, columCountRef) { return (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { const cloneColumns = []; const colWidths = colWidthsRef.value; const columCount = columCountRef.value; for (let i = 0; i < columCount; i += 1) { const val = colWidths[i]; if (val !== undefined) { cloneColumns[i] = val; } else { return null; } } return cloneColumns; }); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ name: 'FixedHolder', inheritAttrs: false, props: ['columns', 'flattenColumns', 'stickyOffsets', 'customHeaderRow', 'noData', 'maxContentScroll', 'colWidths', 'columCount', 'direction', 'fixHeader', 'stickyTopOffset', 'stickyBottomOffset', 'stickyClassName'], emits: ['scroll'], setup(props, _ref) { let { attrs, slots, emit } = _ref; const tableContext = (0,_context_TableContext__WEBPACK_IMPORTED_MODULE_2__.useInjectTable)(); const combinationScrollBarSize = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => tableContext.isSticky && !props.fixHeader ? 0 : tableContext.scrollbarSize); const scrollRef = (0,vue__WEBPACK_IMPORTED_MODULE_1__.ref)(); const onWheel = e => { const { currentTarget, deltaX } = e; if (deltaX) { emit('scroll', { currentTarget, scrollLeft: currentTarget.scrollLeft + deltaX }); e.preventDefault(); } }; const wheelEvent = (0,vue__WEBPACK_IMPORTED_MODULE_1__.ref)(); (0,vue__WEBPACK_IMPORTED_MODULE_1__.onMounted)(() => { (0,vue__WEBPACK_IMPORTED_MODULE_1__.nextTick)(() => { wheelEvent.value = (0,_vc_util_Dom_addEventListener__WEBPACK_IMPORTED_MODULE_3__["default"])(scrollRef.value, 'wheel', onWheel); }); }); (0,vue__WEBPACK_IMPORTED_MODULE_1__.onBeforeUnmount)(() => { var _a; (_a = wheelEvent.value) === null || _a === void 0 ? void 0 : _a.remove(); }); // Check if all flattenColumns has width const allFlattenColumnsWithWidth = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => props.flattenColumns.every(column => column.width && column.width !== 0 && column.width !== '0px')); const columnsWithScrollbar = (0,vue__WEBPACK_IMPORTED_MODULE_1__.ref)([]); const flattenColumnsWithScrollbar = (0,vue__WEBPACK_IMPORTED_MODULE_1__.ref)([]); (0,vue__WEBPACK_IMPORTED_MODULE_1__.watchEffect)(() => { // Add scrollbar column const lastColumn = props.flattenColumns[props.flattenColumns.length - 1]; const ScrollBarColumn = { fixed: lastColumn ? lastColumn.fixed : null, scrollbar: true, customHeaderCell: () => ({ class: `${tableContext.prefixCls}-cell-scrollbar` }) }; columnsWithScrollbar.value = combinationScrollBarSize.value ? [...props.columns, ScrollBarColumn] : props.columns; flattenColumnsWithScrollbar.value = combinationScrollBarSize.value ? [...props.flattenColumns, ScrollBarColumn] : props.flattenColumns; }); // Calculate the sticky offsets const headerStickyOffsets = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { const { stickyOffsets, direction } = props; const { right, left } = stickyOffsets; return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, stickyOffsets), { left: direction === 'rtl' ? [...left.map(width => width + combinationScrollBarSize.value), 0] : left, right: direction === 'rtl' ? right : [...right.map(width => width + combinationScrollBarSize.value), 0], isSticky: tableContext.isSticky }); }); const mergedColumnWidth = useColumnWidth((0,vue__WEBPACK_IMPORTED_MODULE_1__.toRef)(props, 'colWidths'), (0,vue__WEBPACK_IMPORTED_MODULE_1__.toRef)(props, 'columCount')); return () => { var _a; const { noData, columCount, stickyTopOffset, stickyBottomOffset, stickyClassName, maxContentScroll } = props; const { isSticky } = tableContext; return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "style": (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ overflow: 'hidden' }, isSticky ? { top: `${stickyTopOffset}px`, bottom: `${stickyBottomOffset}px` } : {}), "ref": scrollRef, "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_4__["default"])(attrs.class, { [stickyClassName]: !!stickyClassName }) }, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("table", { "style": { tableLayout: 'fixed', visibility: noData || mergedColumnWidth.value ? null : 'hidden' } }, [(!noData || !maxContentScroll || allFlattenColumnsWithWidth.value) && (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_ColGroup__WEBPACK_IMPORTED_MODULE_5__["default"], { "colWidths": mergedColumnWidth.value ? [...mergedColumnWidth.value, combinationScrollBarSize.value] : [], "columCount": columCount + 1, "columns": flattenColumnsWithScrollbar.value }, null), (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props), { stickyOffsets: headerStickyOffsets.value, columns: columnsWithScrollbar.value, flattenColumns: flattenColumnsWithScrollbar.value }))])]); }; } })); /***/ }), /***/ "./components/vc-table/Footer/Cell.tsx": /*!*********************************************!*\ !*** ./components/vc-table/Footer/Cell.tsx ***! \*********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _Cell__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../Cell */ "./components/vc-table/Cell/index.tsx"); /* harmony import */ var _context_SummaryContext__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../context/SummaryContext */ "./components/vc-table/context/SummaryContext.tsx"); /* harmony import */ var _context_TableContext__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../context/TableContext */ "./components/vc-table/context/TableContext.tsx"); /* harmony import */ var _utils_fixUtil__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils/fixUtil */ "./components/vc-table/utils/fixUtil.ts"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ name: 'ATableSummaryCell', props: ['index', 'colSpan', 'rowSpan', 'align'], setup(props, _ref) { let { attrs, slots } = _ref; const tableContext = (0,_context_TableContext__WEBPACK_IMPORTED_MODULE_2__.useInjectTable)(); const summaryContext = (0,_context_SummaryContext__WEBPACK_IMPORTED_MODULE_3__.useInjectSummary)(); return () => { const { index, colSpan = 1, rowSpan, align } = props; const { prefixCls, direction } = tableContext; const { scrollColumnIndex, stickyOffsets, flattenColumns } = summaryContext; const lastIndex = index + colSpan - 1; const mergedColSpan = lastIndex + 1 === scrollColumnIndex ? colSpan + 1 : colSpan; const fixedInfo = (0,_utils_fixUtil__WEBPACK_IMPORTED_MODULE_4__.getCellFixedInfo)(index, index + mergedColSpan - 1, flattenColumns, stickyOffsets, direction); return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_Cell__WEBPACK_IMPORTED_MODULE_5__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "class": attrs.class, "index": index, "component": "td", "prefixCls": prefixCls, "record": null, "dataIndex": null, "align": align, "colSpan": mergedColSpan, "rowSpan": rowSpan, "customRender": () => { var _a; return (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots); } }, fixedInfo), null); }; } })); /***/ }), /***/ "./components/vc-table/Footer/Row.tsx": /*!********************************************!*\ !*** ./components/vc-table/Footer/Row.tsx ***! \********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'ATableSummaryRow', setup(_props, _ref) { let { slots } = _ref; return () => { var _a; return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("tr", null, [(_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)]); }; } })); /***/ }), /***/ "./components/vc-table/Footer/Summary.tsx": /*!************************************************!*\ !*** ./components/vc-table/Footer/Summary.tsx ***! \************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _context_TableContext__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../context/TableContext */ "./components/vc-table/context/TableContext.tsx"); let indexGuid = 0; const Summary = (0,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)({ name: 'TableSummary', props: ['fixed'], setup(props, _ref) { let { slots } = _ref; const tableContext = (0,_context_TableContext__WEBPACK_IMPORTED_MODULE_1__.useInjectTable)(); const uniKey = `table-summary-uni-key-${++indexGuid}`; const fixed = (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => props.fixed === '' || props.fixed); (0,vue__WEBPACK_IMPORTED_MODULE_0__.watchEffect)(() => { tableContext.summaryCollect(uniKey, fixed.value); }); (0,vue__WEBPACK_IMPORTED_MODULE_0__.onBeforeUnmount)(() => { tableContext.summaryCollect(uniKey, false); }); return () => { var _a; return (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots); }; } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Summary); /***/ }), /***/ "./components/vc-table/Footer/index.tsx": /*!**********************************************!*\ !*** ./components/vc-table/Footer/index.tsx ***! \**********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ FooterComponents: () => (/* binding */ FooterComponents), /* harmony export */ SummaryCell: () => (/* reexport safe */ _Cell__WEBPACK_IMPORTED_MODULE_4__["default"]), /* harmony export */ SummaryRow: () => (/* reexport safe */ _Row__WEBPACK_IMPORTED_MODULE_3__["default"]), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _Summary__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Summary */ "./components/vc-table/Footer/Summary.tsx"); /* harmony import */ var _Row__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Row */ "./components/vc-table/Footer/Row.tsx"); /* harmony import */ var _Cell__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Cell */ "./components/vc-table/Footer/Cell.tsx"); /* harmony import */ var _context_SummaryContext__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../context/SummaryContext */ "./components/vc-table/context/SummaryContext.tsx"); /* harmony import */ var _context_TableContext__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../context/TableContext */ "./components/vc-table/context/TableContext.tsx"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)({ name: 'TableFooter', inheritAttrs: false, props: ['stickyOffsets', 'flattenColumns'], setup(props, _ref) { let { slots } = _ref; const tableContext = (0,_context_TableContext__WEBPACK_IMPORTED_MODULE_1__.useInjectTable)(); (0,_context_SummaryContext__WEBPACK_IMPORTED_MODULE_2__.useProvideSummary)((0,vue__WEBPACK_IMPORTED_MODULE_0__.reactive)({ stickyOffsets: (0,vue__WEBPACK_IMPORTED_MODULE_0__.toRef)(props, 'stickyOffsets'), flattenColumns: (0,vue__WEBPACK_IMPORTED_MODULE_0__.toRef)(props, 'flattenColumns'), scrollColumnIndex: (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => { const lastColumnIndex = props.flattenColumns.length - 1; const scrollColumn = props.flattenColumns[lastColumnIndex]; return (scrollColumn === null || scrollColumn === void 0 ? void 0 : scrollColumn.scrollbar) ? lastColumnIndex : null; }) })); return () => { var _a; const { prefixCls } = tableContext; return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("tfoot", { "class": `${prefixCls}-summary` }, [(_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)]); }; } })); const FooterComponents = _Summary__WEBPACK_IMPORTED_MODULE_5__["default"]; /***/ }), /***/ "./components/vc-table/Header/DragHandle.tsx": /*!***************************************************!*\ !*** ./components/vc-table/Header/DragHandle.tsx ***! \***************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _vc_util_Dom_addEventListener__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../vc-util/Dom/addEventListener */ "./components/vc-util/Dom/addEventListener.js"); /* harmony import */ var _util_raf__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../_util/raf */ "./components/_util/raf.ts"); /* harmony import */ var _vc_util_devWarning__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../vc-util/devWarning */ "./components/vc-util/devWarning.ts"); /* harmony import */ var _table_context__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../table/context */ "./components/table/context.ts"); /* harmony import */ var _util_supportsPassive__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../_util/supportsPassive */ "./components/_util/supportsPassive.js"); const events = { mouse: { start: 'mousedown', move: 'mousemove', stop: 'mouseup' }, touch: { start: 'touchstart', move: 'touchmove', stop: 'touchend' } }; const defaultMinWidth = 50; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'DragHandle', props: { prefixCls: String, width: { type: Number, required: true }, minWidth: { type: Number, default: defaultMinWidth }, maxWidth: { type: Number, default: Infinity }, column: { type: Object, default: undefined } }, setup(props) { let startX = 0; let moveEvent = { remove: () => {} }; let stopEvent = { remove: () => {} }; const removeEvents = () => { moveEvent.remove(); stopEvent.remove(); }; (0,vue__WEBPACK_IMPORTED_MODULE_1__.onUnmounted)(() => { removeEvents(); }); (0,vue__WEBPACK_IMPORTED_MODULE_1__.watchEffect)(() => { (0,_vc_util_devWarning__WEBPACK_IMPORTED_MODULE_2__["default"])(!isNaN(props.width), 'Table', 'width must be a number when use resizable'); }); const { onResizeColumn } = (0,_table_context__WEBPACK_IMPORTED_MODULE_3__.useInjectTableContext)(); const minWidth = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { return typeof props.minWidth === 'number' && !isNaN(props.minWidth) ? props.minWidth : defaultMinWidth; }); const maxWidth = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { return typeof props.maxWidth === 'number' && !isNaN(props.maxWidth) ? props.maxWidth : Infinity; }); const instance = (0,vue__WEBPACK_IMPORTED_MODULE_1__.getCurrentInstance)(); let baseWidth = 0; const dragging = (0,vue__WEBPACK_IMPORTED_MODULE_1__.shallowRef)(false); let rafId; const updateWidth = e => { let pageX = 0; if (e.touches) { if (e.touches.length) { // touchmove pageX = e.touches[0].pageX; } else { // touchend pageX = e.changedTouches[0].pageX; } } else { pageX = e.pageX; } const tmpDeltaX = startX - pageX; let w = Math.max(baseWidth - tmpDeltaX, minWidth.value); w = Math.min(w, maxWidth.value); _util_raf__WEBPACK_IMPORTED_MODULE_4__["default"].cancel(rafId); rafId = (0,_util_raf__WEBPACK_IMPORTED_MODULE_4__["default"])(() => { onResizeColumn(w, props.column.__originColumn__); }); }; const handleMove = e => { updateWidth(e); }; const handleStop = e => { dragging.value = false; updateWidth(e); removeEvents(); }; const handleStart = (e, eventsFor) => { dragging.value = true; removeEvents(); baseWidth = instance.vnode.el.parentNode.getBoundingClientRect().width; if (e instanceof MouseEvent && e.which !== 1) { return; } if (e.stopPropagation) e.stopPropagation(); startX = e.touches ? e.touches[0].pageX : e.pageX; moveEvent = (0,_vc_util_Dom_addEventListener__WEBPACK_IMPORTED_MODULE_5__["default"])(document.documentElement, eventsFor.move, handleMove); stopEvent = (0,_vc_util_Dom_addEventListener__WEBPACK_IMPORTED_MODULE_5__["default"])(document.documentElement, eventsFor.stop, handleStop); }; const handleDown = e => { e.stopPropagation(); e.preventDefault(); handleStart(e, events.mouse); }; const handleTouchDown = e => { e.stopPropagation(); e.preventDefault(); handleStart(e, events.touch); }; const handleClick = e => { e.stopPropagation(); e.preventDefault(); }; return () => { const { prefixCls } = props; const touchEvents = { [_util_supportsPassive__WEBPACK_IMPORTED_MODULE_6__["default"] ? 'onTouchstartPassive' : 'onTouchstart']: e => handleTouchDown(e) }; return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "class": `${prefixCls}-resize-handle ${dragging.value ? 'dragging' : ''}`, "onMousedown": handleDown }, touchEvents), {}, { "onClick": handleClick }), [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${prefixCls}-resize-handle-line` }, null)]); }; } })); /***/ }), /***/ "./components/vc-table/Header/Header.tsx": /*!***********************************************!*\ !*** ./components/vc-table/Header/Header.tsx ***! \***********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _context_TableContext__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../context/TableContext */ "./components/vc-table/context/TableContext.tsx"); /* harmony import */ var _HeaderRow__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./HeaderRow */ "./components/vc-table/Header/HeaderRow.tsx"); function parseHeaderRows(rootColumns) { const rows = []; function fillRowCells(columns, colIndex) { let rowIndex = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0; // Init rows rows[rowIndex] = rows[rowIndex] || []; let currentColIndex = colIndex; const colSpans = columns.filter(Boolean).map(column => { const cell = { key: column.key, class: (0,_util_classNames__WEBPACK_IMPORTED_MODULE_1__["default"])(column.className, column.class), // children: column.title, column, colStart: currentColIndex }; let colSpan = 1; const subColumns = column.children; if (subColumns && subColumns.length > 0) { colSpan = fillRowCells(subColumns, currentColIndex, rowIndex + 1).reduce((total, count) => total + count, 0); cell.hasSubColumns = true; } if ('colSpan' in column) { ({ colSpan } = column); } if ('rowSpan' in column) { cell.rowSpan = column.rowSpan; } cell.colSpan = colSpan; cell.colEnd = cell.colStart + colSpan - 1; rows[rowIndex].push(cell); currentColIndex += colSpan; return colSpan; }); return colSpans; } // Generate `rows` cell data fillRowCells(rootColumns, 0); // Handle `rowSpan` const rowCount = rows.length; for (let rowIndex = 0; rowIndex < rowCount; rowIndex += 1) { rows[rowIndex].forEach(cell => { if (!('rowSpan' in cell) && !cell.hasSubColumns) { // eslint-disable-next-line no-param-reassign cell.rowSpan = rowCount - rowIndex; } }); } return rows; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)({ name: 'TableHeader', inheritAttrs: false, props: ['columns', 'flattenColumns', 'stickyOffsets', 'customHeaderRow'], setup(props) { const tableContext = (0,_context_TableContext__WEBPACK_IMPORTED_MODULE_2__.useInjectTable)(); const rows = (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => parseHeaderRows(props.columns)); return () => { const { prefixCls, getComponent } = tableContext; const { stickyOffsets, flattenColumns, customHeaderRow } = props; const WrapperComponent = getComponent(['header', 'wrapper'], 'thead'); const trComponent = getComponent(['header', 'row'], 'tr'); const thComponent = getComponent(['header', 'cell'], 'th'); return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(WrapperComponent, { "class": `${prefixCls}-thead` }, { default: () => [rows.value.map((row, rowIndex) => { const rowNode = (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_HeaderRow__WEBPACK_IMPORTED_MODULE_3__["default"], { "key": rowIndex, "flattenColumns": flattenColumns, "cells": row, "stickyOffsets": stickyOffsets, "rowComponent": trComponent, "cellComponent": thComponent, "customHeaderRow": customHeaderRow, "index": rowIndex }, null); return rowNode; })] }); }; } })); /***/ }), /***/ "./components/vc-table/Header/HeaderRow.tsx": /*!**************************************************!*\ !*** ./components/vc-table/Header/HeaderRow.tsx ***! \**************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _Cell__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../Cell */ "./components/vc-table/Cell/index.tsx"); /* harmony import */ var _context_TableContext__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../context/TableContext */ "./components/vc-table/context/TableContext.tsx"); /* harmony import */ var _utils_fixUtil__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils/fixUtil */ "./components/vc-table/utils/fixUtil.ts"); /* harmony import */ var _utils_valueUtil__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils/valueUtil */ "./components/vc-table/utils/valueUtil.tsx"); /* harmony import */ var _DragHandle__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./DragHandle */ "./components/vc-table/Header/DragHandle.tsx"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ name: 'HeaderRow', props: ['cells', 'stickyOffsets', 'flattenColumns', 'rowComponent', 'cellComponent', 'index', 'customHeaderRow'], setup(props) { const tableContext = (0,_context_TableContext__WEBPACK_IMPORTED_MODULE_2__.useInjectTable)(); return () => { const { prefixCls, direction } = tableContext; const { cells, stickyOffsets, flattenColumns, rowComponent: RowComponent, cellComponent: CellComponent, customHeaderRow, index } = props; let rowProps; if (customHeaderRow) { rowProps = customHeaderRow(cells.map(cell => cell.column), index); } const columnsKey = (0,_utils_valueUtil__WEBPACK_IMPORTED_MODULE_3__.getColumnsKey)(cells.map(cell => cell.column)); return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(RowComponent, rowProps, { default: () => [cells.map((cell, cellIndex) => { const { column } = cell; const fixedInfo = (0,_utils_fixUtil__WEBPACK_IMPORTED_MODULE_4__.getCellFixedInfo)(cell.colStart, cell.colEnd, flattenColumns, stickyOffsets, direction); let additionalProps; if (column && column.customHeaderCell) { additionalProps = cell.column.customHeaderCell(column); } const col = column; return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_Cell__WEBPACK_IMPORTED_MODULE_5__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, cell), {}, { "cellType": "header", "ellipsis": column.ellipsis, "align": column.align, "component": CellComponent, "prefixCls": prefixCls, "key": columnsKey[cellIndex] }, fixedInfo), {}, { "additionalProps": additionalProps, "rowType": "header", "column": column }), { default: () => column.title, dragHandle: () => col.resizable ? (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_DragHandle__WEBPACK_IMPORTED_MODULE_6__["default"], { "prefixCls": prefixCls, "width": col.width, "minWidth": col.minWidth, "maxWidth": col.maxWidth, "column": col }, null) : null }); })] }); }; } })); /***/ }), /***/ "./components/vc-table/Panel/index.tsx": /*!*********************************************!*\ !*** ./components/vc-table/Panel/index.tsx ***! \*********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); function Panel(_, _ref) { let { slots } = _ref; var _a; return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", null, [(_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)]); } Panel.displayName = 'Panel'; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Panel); /***/ }), /***/ "./components/vc-table/Table.tsx": /*!***************************************!*\ !*** ./components/vc-table/Table.tsx ***! \***************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ INTERNAL_HOOKS: () => (/* binding */ INTERNAL_HOOKS), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _Header_Header__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./Header/Header */ "./components/vc-table/Header/Header.tsx"); /* harmony import */ var _Body__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./Body */ "./components/vc-table/Body/index.tsx"); /* harmony import */ var _hooks_useColumns__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./hooks/useColumns */ "./components/vc-table/hooks/useColumns.tsx"); /* harmony import */ var _hooks_useFrame__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./hooks/useFrame */ "./components/vc-table/hooks/useFrame.ts"); /* harmony import */ var _utils_valueUtil__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils/valueUtil */ "./components/vc-table/utils/valueUtil.tsx"); /* harmony import */ var _hooks_useStickyOffsets__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./hooks/useStickyOffsets */ "./components/vc-table/hooks/useStickyOffsets.ts"); /* harmony import */ var _ColGroup__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./ColGroup */ "./components/vc-table/ColGroup.tsx"); /* harmony import */ var _Panel__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ./Panel */ "./components/vc-table/Panel/index.tsx"); /* harmony import */ var _Footer__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./Footer */ "./components/vc-table/Footer/index.tsx"); /* harmony import */ var _utils_expandUtil__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./utils/expandUtil */ "./components/vc-table/utils/expandUtil.tsx"); /* harmony import */ var _utils_fixUtil__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./utils/fixUtil */ "./components/vc-table/utils/fixUtil.ts"); /* harmony import */ var _stickyScrollBar__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ./stickyScrollBar */ "./components/vc-table/stickyScrollBar.tsx"); /* harmony import */ var _hooks_useSticky__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./hooks/useSticky */ "./components/vc-table/hooks/useSticky.ts"); /* harmony import */ var _FixedHolder__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./FixedHolder */ "./components/vc-table/FixedHolder/index.tsx"); /* harmony import */ var _vc_util_warning__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../vc-util/warning */ "./components/vc-util/warning.ts"); /* harmony import */ var _util_reactivePick__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../_util/reactivePick */ "./components/_util/reactivePick.ts"); /* harmony import */ var _util_hooks_useState__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../_util/hooks/useState */ "./components/_util/hooks/useState.ts"); /* harmony import */ var _util_util__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../_util/util */ "./components/_util/util.ts"); /* harmony import */ var _vc_util_Dom_isVisible__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../vc-util/Dom/isVisible */ "./components/vc-util/Dom/isVisible.ts"); /* harmony import */ var _util_getScrollBarSize__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../_util/getScrollBarSize */ "./components/_util/getScrollBarSize.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _vc_resize_observer__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ../vc-resize-observer */ "./components/vc-resize-observer/index.tsx"); /* harmony import */ var _context_TableContext__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./context/TableContext */ "./components/vc-table/context/TableContext.tsx"); /* harmony import */ var _context_BodyContext__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./context/BodyContext */ "./components/vc-table/context/BodyContext.tsx"); /* harmony import */ var _context_ResizeContext__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./context/ResizeContext */ "./components/vc-table/context/ResizeContext.tsx"); /* harmony import */ var _context_StickyContext__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./context/StickyContext */ "./components/vc-table/context/StickyContext.tsx"); /* harmony import */ var _util_pickAttrs__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ../_util/pickAttrs */ "./components/_util/pickAttrs.ts"); /* harmony import */ var _context_ExpandedRowContext__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./context/ExpandedRowContext */ "./components/vc-table/context/ExpandedRowContext.tsx"); // Used for conditions cache const EMPTY_DATA = []; // Used for customize scroll const EMPTY_SCROLL_TARGET = {}; const INTERNAL_HOOKS = 'rc-table-internal-hook'; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ name: 'VcTable', inheritAttrs: false, props: ['prefixCls', 'data', 'columns', 'rowKey', 'tableLayout', 'scroll', 'rowClassName', 'title', 'footer', 'id', 'showHeader', 'components', 'customRow', 'customHeaderRow', 'direction', 'expandFixed', 'expandColumnWidth', 'expandedRowKeys', 'defaultExpandedRowKeys', 'expandedRowRender', 'expandRowByClick', 'expandIcon', 'onExpand', 'onExpandedRowsChange', 'onUpdate:expandedRowKeys', 'defaultExpandAllRows', 'indentSize', 'expandIconColumnIndex', 'expandedRowClassName', 'childrenColumnName', 'rowExpandable', 'sticky', 'transformColumns', 'internalHooks', 'internalRefs', 'canExpandable', 'onUpdateInternalRefs', 'transformCellText'], emits: ['expand', 'expandedRowsChange', 'updateInternalRefs', 'update:expandedRowKeys'], setup(props, _ref) { let { attrs, slots, emit } = _ref; const mergedData = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.data || EMPTY_DATA); const hasData = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => !!mergedData.value.length); // ==================== Customize ===================== const mergedComponents = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => (0,_utils_valueUtil__WEBPACK_IMPORTED_MODULE_3__.mergeObject)(props.components, {})); const getComponent = (path, defaultComponent) => (0,_utils_valueUtil__WEBPACK_IMPORTED_MODULE_3__.getPathValue)(mergedComponents.value, path) || defaultComponent; const getRowKey = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { const rowKey = props.rowKey; if (typeof rowKey === 'function') { return rowKey; } return record => { const key = record && record[rowKey]; if (true) { (0,_vc_util_warning__WEBPACK_IMPORTED_MODULE_4__.warning)(key !== undefined, 'Each record in table should have a unique `key` prop, or set `rowKey` to an unique primary key.'); } return key; }; }); // ====================== Expand ====================== const mergedExpandIcon = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.expandIcon || _utils_expandUtil__WEBPACK_IMPORTED_MODULE_5__.renderExpandIcon); const mergedChildrenColumnName = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.childrenColumnName || 'children'); const expandableType = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { if (props.expandedRowRender) { return 'row'; } /* eslint-disable no-underscore-dangle */ /** * Fix https://github.com/ant-design/ant-design/issues/21154 * This is a workaround to not to break current behavior. * We can remove follow code after final release. * * To other developer: * Do not use `__PARENT_RENDER_ICON__` in prod since we will remove this when refactor */ if (props.canExpandable || mergedData.value.some(record => record && typeof record === 'object' && record[mergedChildrenColumnName.value])) { return 'nest'; } /* eslint-enable */ return false; }); const innerExpandedKeys = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)([]); const stop = (0,vue__WEBPACK_IMPORTED_MODULE_2__.watchEffect)(() => { if (props.defaultExpandedRowKeys) { innerExpandedKeys.value = props.defaultExpandedRowKeys; } if (props.defaultExpandAllRows) { innerExpandedKeys.value = (0,_utils_expandUtil__WEBPACK_IMPORTED_MODULE_5__.findAllChildrenKeys)(mergedData.value, getRowKey.value, mergedChildrenColumnName.value); } }); // defalutXxxx 仅仅第一次生效 stop(); const mergedExpandedKeys = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => new Set(props.expandedRowKeys || innerExpandedKeys.value || [])); const onTriggerExpand = record => { const key = getRowKey.value(record, mergedData.value.indexOf(record)); let newExpandedKeys; const hasKey = mergedExpandedKeys.value.has(key); if (hasKey) { mergedExpandedKeys.value.delete(key); newExpandedKeys = [...mergedExpandedKeys.value]; } else { newExpandedKeys = [...mergedExpandedKeys.value, key]; } innerExpandedKeys.value = newExpandedKeys; emit('expand', !hasKey, record); emit('update:expandedRowKeys', newExpandedKeys); emit('expandedRowsChange', newExpandedKeys); }; // Warning if use `expandedRowRender` and nest children in the same time if ( true && props.expandedRowRender && mergedData.value.some(record => { return Array.isArray(record === null || record === void 0 ? void 0 : record[mergedChildrenColumnName.value]); })) { (0,_vc_util_warning__WEBPACK_IMPORTED_MODULE_4__.warning)(false, '`expandedRowRender` should not use with nested Table'); } const componentWidth = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(0); const [columns, flattenColumns] = (0,_hooks_useColumns__WEBPACK_IMPORTED_MODULE_6__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, (0,vue__WEBPACK_IMPORTED_MODULE_2__.toRefs)(props)), { // children, expandable: (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => !!props.expandedRowRender), expandedKeys: mergedExpandedKeys, getRowKey, onTriggerExpand, expandIcon: mergedExpandIcon }), (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.internalHooks === INTERNAL_HOOKS ? props.transformColumns : null)); const columnContext = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => ({ columns: columns.value, flattenColumns: flattenColumns.value })); // ====================== Scroll ====================== const fullTableRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(); const scrollHeaderRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(); const scrollBodyRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(); const scrollBodySizeInfo = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)({ scrollWidth: 0, clientWidth: 0 }); const scrollSummaryRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(); const [pingedLeft, setPingedLeft] = (0,_util_hooks_useState__WEBPACK_IMPORTED_MODULE_7__["default"])(false); const [pingedRight, setPingedRight] = (0,_util_hooks_useState__WEBPACK_IMPORTED_MODULE_7__["default"])(false); const [colsWidths, updateColsWidths] = (0,_hooks_useFrame__WEBPACK_IMPORTED_MODULE_8__.useLayoutState)(new Map()); // Convert map to number width const colsKeys = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => (0,_utils_valueUtil__WEBPACK_IMPORTED_MODULE_3__.getColumnsKey)(flattenColumns.value)); const colWidths = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => colsKeys.value.map(columnKey => colsWidths.value.get(columnKey))); const columnCount = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => flattenColumns.value.length); const stickyOffsets = (0,_hooks_useStickyOffsets__WEBPACK_IMPORTED_MODULE_9__["default"])(colWidths, columnCount, (0,vue__WEBPACK_IMPORTED_MODULE_2__.toRef)(props, 'direction')); const fixHeader = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.scroll && (0,_utils_valueUtil__WEBPACK_IMPORTED_MODULE_3__.validateValue)(props.scroll.y)); const horizonScroll = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.scroll && (0,_utils_valueUtil__WEBPACK_IMPORTED_MODULE_3__.validateValue)(props.scroll.x) || Boolean(props.expandFixed)); const fixColumn = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => horizonScroll.value && flattenColumns.value.some(_ref2 => { let { fixed } = _ref2; return fixed; })); // Sticky const stickyRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(); const stickyState = (0,_hooks_useSticky__WEBPACK_IMPORTED_MODULE_10__["default"])((0,vue__WEBPACK_IMPORTED_MODULE_2__.toRef)(props, 'sticky'), (0,vue__WEBPACK_IMPORTED_MODULE_2__.toRef)(props, 'prefixCls')); const summaryFixedInfos = (0,vue__WEBPACK_IMPORTED_MODULE_2__.reactive)({}); const fixFooter = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { const info = Object.values(summaryFixedInfos)[0]; return (fixHeader.value || stickyState.value.isSticky) && info; }); const summaryCollect = (uniKey, fixed) => { if (fixed) { summaryFixedInfos[uniKey] = fixed; } else { delete summaryFixedInfos[uniKey]; } }; // Scroll const scrollXStyle = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)({}); const scrollYStyle = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)({}); const scrollTableStyle = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)({}); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watchEffect)(() => { if (fixHeader.value) { scrollYStyle.value = { overflowY: 'scroll', maxHeight: (0,_util_util__WEBPACK_IMPORTED_MODULE_11__.toPx)(props.scroll.y) }; } if (horizonScroll.value) { scrollXStyle.value = { overflowX: 'auto' }; // When no vertical scrollbar, should hide it // https://github.com/ant-design/ant-design/pull/20705 // https://github.com/ant-design/ant-design/issues/21879 if (!fixHeader.value) { scrollYStyle.value = { overflowY: 'hidden' }; } scrollTableStyle.value = { width: props.scroll.x === true ? 'auto' : (0,_util_util__WEBPACK_IMPORTED_MODULE_11__.toPx)(props.scroll.x), minWidth: '100%' }; } }); const onColumnResize = (columnKey, width) => { if ((0,_vc_util_Dom_isVisible__WEBPACK_IMPORTED_MODULE_12__["default"])(fullTableRef.value)) { updateColsWidths(widths => { if (widths.get(columnKey) !== width) { const newWidths = new Map(widths); newWidths.set(columnKey, width); return newWidths; } return widths; }); } }; const [setScrollTarget, getScrollTarget] = (0,_hooks_useFrame__WEBPACK_IMPORTED_MODULE_8__.useTimeoutLock)(null); function forceScroll(scrollLeft, target) { if (!target) { return; } if (typeof target === 'function') { target(scrollLeft); return; } const domTarget = target.$el || target; if (domTarget.scrollLeft !== scrollLeft) { // eslint-disable-next-line no-param-reassign domTarget.scrollLeft = scrollLeft; } } const onScroll = _ref3 => { let { currentTarget, scrollLeft } = _ref3; var _a; const isRTL = props.direction === 'rtl'; const mergedScrollLeft = typeof scrollLeft === 'number' ? scrollLeft : currentTarget.scrollLeft; const compareTarget = currentTarget || EMPTY_SCROLL_TARGET; if (!getScrollTarget() || getScrollTarget() === compareTarget) { setScrollTarget(compareTarget); forceScroll(mergedScrollLeft, scrollHeaderRef.value); forceScroll(mergedScrollLeft, scrollBodyRef.value); forceScroll(mergedScrollLeft, scrollSummaryRef.value); forceScroll(mergedScrollLeft, (_a = stickyRef.value) === null || _a === void 0 ? void 0 : _a.setScrollLeft); } if (currentTarget) { const { scrollWidth, clientWidth } = currentTarget; if (isRTL) { setPingedLeft(-mergedScrollLeft < scrollWidth - clientWidth); setPingedRight(-mergedScrollLeft > 0); } else { setPingedLeft(mergedScrollLeft > 0); setPingedRight(mergedScrollLeft < scrollWidth - clientWidth); } } }; const triggerOnScroll = () => { if (horizonScroll.value && scrollBodyRef.value) { onScroll({ currentTarget: scrollBodyRef.value }); } else { setPingedLeft(false); setPingedRight(false); } }; let timtout; const updateWidth = width => { if (width !== componentWidth.value) { triggerOnScroll(); componentWidth.value = fullTableRef.value ? fullTableRef.value.offsetWidth : width; } }; const onFullTableResize = _ref4 => { let { width } = _ref4; clearTimeout(timtout); if (componentWidth.value === 0) { updateWidth(width); return; } timtout = setTimeout(() => { updateWidth(width); }, 100); }; (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)([horizonScroll, () => props.data, () => props.columns], () => { if (horizonScroll.value) { triggerOnScroll(); } }, { flush: 'post' }); const [scrollbarSize, setScrollbarSize] = (0,_util_hooks_useState__WEBPACK_IMPORTED_MODULE_7__["default"])(0); (0,_context_StickyContext__WEBPACK_IMPORTED_MODULE_13__.useProvideSticky)(); (0,vue__WEBPACK_IMPORTED_MODULE_2__.onMounted)(() => { (0,vue__WEBPACK_IMPORTED_MODULE_2__.nextTick)(() => { var _a, _b; triggerOnScroll(); setScrollbarSize((0,_util_getScrollBarSize__WEBPACK_IMPORTED_MODULE_14__.getTargetScrollBarSize)(scrollBodyRef.value).width); scrollBodySizeInfo.value = { scrollWidth: ((_a = scrollBodyRef.value) === null || _a === void 0 ? void 0 : _a.scrollWidth) || 0, clientWidth: ((_b = scrollBodyRef.value) === null || _b === void 0 ? void 0 : _b.clientWidth) || 0 }; }); }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.onUpdated)(() => { (0,vue__WEBPACK_IMPORTED_MODULE_2__.nextTick)(() => { var _a, _b; const scrollWidth = ((_a = scrollBodyRef.value) === null || _a === void 0 ? void 0 : _a.scrollWidth) || 0; const clientWidth = ((_b = scrollBodyRef.value) === null || _b === void 0 ? void 0 : _b.clientWidth) || 0; if (scrollBodySizeInfo.value.scrollWidth !== scrollWidth || scrollBodySizeInfo.value.clientWidth !== clientWidth) { scrollBodySizeInfo.value = { scrollWidth, clientWidth }; } }); }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watchEffect)(() => { if (props.internalHooks === INTERNAL_HOOKS && props.internalRefs) { props.onUpdateInternalRefs({ body: scrollBodyRef.value ? scrollBodyRef.value.$el || scrollBodyRef.value : null }); } }, { flush: 'post' }); // Table layout const mergedTableLayout = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { if (props.tableLayout) { return props.tableLayout; } // https://github.com/ant-design/ant-design/issues/25227 // When scroll.x is max-content, no need to fix table layout // it's width should stretch out to fit content if (fixColumn.value) { return props.scroll.x === 'max-content' ? 'auto' : 'fixed'; } if (fixHeader.value || stickyState.value.isSticky || flattenColumns.value.some(_ref5 => { let { ellipsis } = _ref5; return ellipsis; })) { return 'fixed'; } return 'auto'; }); const emptyNode = () => { var _a; return hasData.value ? null : ((_a = slots.emptyText) === null || _a === void 0 ? void 0 : _a.call(slots)) || 'No Data'; }; (0,_context_TableContext__WEBPACK_IMPORTED_MODULE_15__.useProvideTable)((0,vue__WEBPACK_IMPORTED_MODULE_2__.reactive)((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, (0,vue__WEBPACK_IMPORTED_MODULE_2__.toRefs)((0,_util_reactivePick__WEBPACK_IMPORTED_MODULE_16__.reactivePick)(props, 'prefixCls', 'direction', 'transformCellText'))), { getComponent, scrollbarSize, fixedInfoList: (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => flattenColumns.value.map((_, colIndex) => (0,_utils_fixUtil__WEBPACK_IMPORTED_MODULE_17__.getCellFixedInfo)(colIndex, colIndex, flattenColumns.value, stickyOffsets.value, props.direction))), isSticky: (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => stickyState.value.isSticky), summaryCollect }))); (0,_context_BodyContext__WEBPACK_IMPORTED_MODULE_18__.useProvideBody)((0,vue__WEBPACK_IMPORTED_MODULE_2__.reactive)((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, (0,vue__WEBPACK_IMPORTED_MODULE_2__.toRefs)((0,_util_reactivePick__WEBPACK_IMPORTED_MODULE_16__.reactivePick)(props, 'rowClassName', 'expandedRowClassName', 'expandRowByClick', 'expandedRowRender', 'expandIconColumnIndex', 'indentSize'))), { columns, flattenColumns, tableLayout: mergedTableLayout, expandIcon: mergedExpandIcon, expandableType, onTriggerExpand }))); (0,_context_ResizeContext__WEBPACK_IMPORTED_MODULE_19__.useProvideResize)({ onColumnResize }); (0,_context_ExpandedRowContext__WEBPACK_IMPORTED_MODULE_20__.useProvideExpandedRow)({ componentWidth, fixHeader, fixColumn, horizonScroll }); // Body const bodyTable = () => (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_Body__WEBPACK_IMPORTED_MODULE_21__["default"], { "data": mergedData.value, "measureColumnWidth": fixHeader.value || horizonScroll.value || stickyState.value.isSticky, "expandedKeys": mergedExpandedKeys.value, "rowExpandable": props.rowExpandable, "getRowKey": getRowKey.value, "customRow": props.customRow, "childrenColumnName": mergedChildrenColumnName.value }, { emptyNode }); const bodyColGroup = () => (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_ColGroup__WEBPACK_IMPORTED_MODULE_22__["default"], { "colWidths": flattenColumns.value.map(_ref6 => { let { width } = _ref6; return width; }), "columns": flattenColumns.value }, null); return () => { var _a; const { prefixCls, scroll, tableLayout, direction, // Additional Part title = slots.title, footer = slots.footer, // Customize id, showHeader, customHeaderRow } = props; const { isSticky, offsetHeader, offsetSummary, offsetScroll, stickyClassName, container } = stickyState.value; const TableComponent = getComponent(['table'], 'table'); const customizeScrollBody = getComponent(['body']); const summaryNode = (_a = slots.summary) === null || _a === void 0 ? void 0 : _a.call(slots, { pageData: mergedData.value }); let groupTableNode = () => null; // Header props const headerProps = { colWidths: colWidths.value, columCount: flattenColumns.value.length, stickyOffsets: stickyOffsets.value, customHeaderRow, fixHeader: fixHeader.value, scroll }; if ( true && typeof customizeScrollBody === 'function' && hasData.value && !fixHeader.value) { (0,_vc_util_warning__WEBPACK_IMPORTED_MODULE_4__.warning)(false, '`components.body` with render props is only work on `scroll.y`.'); } if (fixHeader.value || isSticky) { // >>>>>> Fixed Header let bodyContent = () => null; if (typeof customizeScrollBody === 'function') { bodyContent = () => customizeScrollBody(mergedData.value, { scrollbarSize: scrollbarSize.value, ref: scrollBodyRef, onScroll }); headerProps.colWidths = flattenColumns.value.map((_ref7, index) => { let { width } = _ref7; const colWidth = index === columns.value.length - 1 ? width - scrollbarSize.value : width; if (typeof colWidth === 'number' && !Number.isNaN(colWidth)) { return colWidth; } (0,_vc_util_warning__WEBPACK_IMPORTED_MODULE_4__.warning)(false, 'When use `components.body` with render props. Each column should have a fixed `width` value.'); return 0; }); } else { bodyContent = () => (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "style": (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, scrollXStyle.value), scrollYStyle.value), "onScroll": onScroll, "ref": scrollBodyRef, "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_23__["default"])(`${prefixCls}-body`) }, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(TableComponent, { "style": (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, scrollTableStyle.value), { tableLayout: mergedTableLayout.value }) }, { default: () => [bodyColGroup(), bodyTable(), !fixFooter.value && summaryNode && (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_Footer__WEBPACK_IMPORTED_MODULE_24__["default"], { "stickyOffsets": stickyOffsets.value, "flattenColumns": flattenColumns.value }, { default: () => [summaryNode] })] })]); } // Fixed holder share the props const fixedHolderProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({ noData: !mergedData.value.length, maxContentScroll: horizonScroll.value && scroll.x === 'max-content' }, headerProps), columnContext.value), { direction, stickyClassName, onScroll }); groupTableNode = () => (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_2__.Fragment, null, [showHeader !== false && (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_FixedHolder__WEBPACK_IMPORTED_MODULE_25__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, fixedHolderProps), {}, { "stickyTopOffset": offsetHeader, "class": `${prefixCls}-header`, "ref": scrollHeaderRef }), { default: fixedHolderPassProps => (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_2__.Fragment, null, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_Header_Header__WEBPACK_IMPORTED_MODULE_26__["default"], fixedHolderPassProps, null), fixFooter.value === 'top' && (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_Footer__WEBPACK_IMPORTED_MODULE_24__["default"], fixedHolderPassProps, { default: () => [summaryNode] })]) }), bodyContent(), fixFooter.value && fixFooter.value !== 'top' && (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_FixedHolder__WEBPACK_IMPORTED_MODULE_25__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, fixedHolderProps), {}, { "stickyBottomOffset": offsetSummary, "class": `${prefixCls}-summary`, "ref": scrollSummaryRef }), { default: fixedHolderPassProps => (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_Footer__WEBPACK_IMPORTED_MODULE_24__["default"], fixedHolderPassProps, { default: () => [summaryNode] }) }), isSticky && scrollBodyRef.value && (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_stickyScrollBar__WEBPACK_IMPORTED_MODULE_27__["default"], { "ref": stickyRef, "offsetScroll": offsetScroll, "scrollBodyRef": scrollBodyRef, "onScroll": onScroll, "container": container, "scrollBodySizeInfo": scrollBodySizeInfo.value }, null)]); } else { // >>>>>> Unique table groupTableNode = () => (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "style": (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, scrollXStyle.value), scrollYStyle.value), "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_23__["default"])(`${prefixCls}-content`), "onScroll": onScroll, "ref": scrollBodyRef }, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(TableComponent, { "style": (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, scrollTableStyle.value), { tableLayout: mergedTableLayout.value }) }, { default: () => [bodyColGroup(), showHeader !== false && (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_Header_Header__WEBPACK_IMPORTED_MODULE_26__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, headerProps), columnContext.value), null), bodyTable(), summaryNode && (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_Footer__WEBPACK_IMPORTED_MODULE_24__["default"], { "stickyOffsets": stickyOffsets.value, "flattenColumns": flattenColumns.value }, { default: () => [summaryNode] })] })]); } const ariaProps = (0,_util_pickAttrs__WEBPACK_IMPORTED_MODULE_28__["default"])(attrs, { aria: true, data: true }); const fullTable = () => (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, ariaProps), {}, { "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_23__["default"])(prefixCls, { [`${prefixCls}-rtl`]: direction === 'rtl', [`${prefixCls}-ping-left`]: pingedLeft.value, [`${prefixCls}-ping-right`]: pingedRight.value, [`${prefixCls}-layout-fixed`]: tableLayout === 'fixed', [`${prefixCls}-fixed-header`]: fixHeader.value, /** No used but for compatible */ [`${prefixCls}-fixed-column`]: fixColumn.value, [`${prefixCls}-scroll-horizontal`]: horizonScroll.value, [`${prefixCls}-has-fix-left`]: flattenColumns.value[0] && flattenColumns.value[0].fixed, [`${prefixCls}-has-fix-right`]: flattenColumns.value[columnCount.value - 1] && flattenColumns.value[columnCount.value - 1].fixed === 'right', [attrs.class]: attrs.class }), "style": attrs.style, "id": id, "ref": fullTableRef }), [title && (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_Panel__WEBPACK_IMPORTED_MODULE_29__["default"], { "class": `${prefixCls}-title` }, { default: () => [title(mergedData.value)] }), (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": `${prefixCls}-container` }, [groupTableNode()]), footer && (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_Panel__WEBPACK_IMPORTED_MODULE_29__["default"], { "class": `${prefixCls}-footer` }, { default: () => [footer(mergedData.value)] })]); if (horizonScroll.value) { return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_vc_resize_observer__WEBPACK_IMPORTED_MODULE_30__["default"], { "onResize": onFullTableResize }, { default: fullTable }); } return fullTable(); }; } })); /***/ }), /***/ "./components/vc-table/constant.ts": /*!*****************************************!*\ !*** ./components/vc-table/constant.ts ***! \*****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ EXPAND_COLUMN: () => (/* binding */ EXPAND_COLUMN) /* harmony export */ }); const EXPAND_COLUMN = {}; /***/ }), /***/ "./components/vc-table/context/BodyContext.tsx": /*!*****************************************************!*\ !*** ./components/vc-table/context/BodyContext.tsx ***! \*****************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ BodyContextKey: () => (/* binding */ BodyContextKey), /* harmony export */ useInjectBody: () => (/* binding */ useInjectBody), /* harmony export */ useProvideBody: () => (/* binding */ useProvideBody) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); const BodyContextKey = Symbol('BodyContextProps'); const useProvideBody = props => { (0,vue__WEBPACK_IMPORTED_MODULE_0__.provide)(BodyContextKey, props); }; const useInjectBody = () => { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.inject)(BodyContextKey, {}); }; /***/ }), /***/ "./components/vc-table/context/ExpandedRowContext.tsx": /*!************************************************************!*\ !*** ./components/vc-table/context/ExpandedRowContext.tsx ***! \************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ ExpandedRowContextKey: () => (/* binding */ ExpandedRowContextKey), /* harmony export */ useInjectExpandedRow: () => (/* binding */ useInjectExpandedRow), /* harmony export */ useProvideExpandedRow: () => (/* binding */ useProvideExpandedRow) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); const ExpandedRowContextKey = Symbol('ExpandedRowProps'); const useProvideExpandedRow = props => { (0,vue__WEBPACK_IMPORTED_MODULE_0__.provide)(ExpandedRowContextKey, props); }; const useInjectExpandedRow = () => { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.inject)(ExpandedRowContextKey, {}); }; /***/ }), /***/ "./components/vc-table/context/HoverContext.tsx": /*!******************************************************!*\ !*** ./components/vc-table/context/HoverContext.tsx ***! \******************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ HoverContextKey: () => (/* binding */ HoverContextKey), /* harmony export */ useInjectHover: () => (/* binding */ useInjectHover), /* harmony export */ useProvideHover: () => (/* binding */ useProvideHover) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); const HoverContextKey = Symbol('HoverContextProps'); const useProvideHover = props => { (0,vue__WEBPACK_IMPORTED_MODULE_0__.provide)(HoverContextKey, props); }; const useInjectHover = () => { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.inject)(HoverContextKey, { startRow: (0,vue__WEBPACK_IMPORTED_MODULE_0__.shallowRef)(-1), endRow: (0,vue__WEBPACK_IMPORTED_MODULE_0__.shallowRef)(-1), onHover() {} }); }; /***/ }), /***/ "./components/vc-table/context/ResizeContext.tsx": /*!*******************************************************!*\ !*** ./components/vc-table/context/ResizeContext.tsx ***! \*******************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ ResizeContextKey: () => (/* binding */ ResizeContextKey), /* harmony export */ useInjectResize: () => (/* binding */ useInjectResize), /* harmony export */ useProvideResize: () => (/* binding */ useProvideResize) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); const ResizeContextKey = Symbol('ResizeContextProps'); const useProvideResize = props => { (0,vue__WEBPACK_IMPORTED_MODULE_0__.provide)(ResizeContextKey, props); }; const useInjectResize = () => { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.inject)(ResizeContextKey, { onColumnResize: () => {} }); }; /***/ }), /***/ "./components/vc-table/context/StickyContext.tsx": /*!*******************************************************!*\ !*** ./components/vc-table/context/StickyContext.tsx ***! \*******************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ useInjectSticky: () => (/* binding */ useInjectSticky), /* harmony export */ useProvideSticky: () => (/* binding */ useProvideSticky) /* harmony export */ }); /* harmony import */ var _util_styleChecker__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../_util/styleChecker */ "./components/_util/styleChecker.ts"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); const supportSticky = (0,vue__WEBPACK_IMPORTED_MODULE_0__.shallowRef)(false); const useProvideSticky = () => { (0,vue__WEBPACK_IMPORTED_MODULE_0__.onMounted)(() => { supportSticky.value = supportSticky.value || (0,_util_styleChecker__WEBPACK_IMPORTED_MODULE_1__["default"])('position', 'sticky'); }); }; const useInjectSticky = () => { return supportSticky; }; /***/ }), /***/ "./components/vc-table/context/SummaryContext.tsx": /*!********************************************************!*\ !*** ./components/vc-table/context/SummaryContext.tsx ***! \********************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ SummaryContextKey: () => (/* binding */ SummaryContextKey), /* harmony export */ useInjectSummary: () => (/* binding */ useInjectSummary), /* harmony export */ useProvideSummary: () => (/* binding */ useProvideSummary) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); const SummaryContextKey = Symbol('SummaryContextProps'); const useProvideSummary = props => { (0,vue__WEBPACK_IMPORTED_MODULE_0__.provide)(SummaryContextKey, props); }; const useInjectSummary = () => { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.inject)(SummaryContextKey, {}); }; /***/ }), /***/ "./components/vc-table/context/TableContext.tsx": /*!******************************************************!*\ !*** ./components/vc-table/context/TableContext.tsx ***! \******************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ TableContextKey: () => (/* binding */ TableContextKey), /* harmony export */ useInjectTable: () => (/* binding */ useInjectTable), /* harmony export */ useProvideTable: () => (/* binding */ useProvideTable) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); const TableContextKey = Symbol('TableContextProps'); const useProvideTable = props => { (0,vue__WEBPACK_IMPORTED_MODULE_0__.provide)(TableContextKey, props); }; const useInjectTable = () => { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.inject)(TableContextKey, {}); }; /***/ }), /***/ "./components/vc-table/hooks/useColumns.tsx": /*!**************************************************!*\ !*** ./components/vc-table/hooks/useColumns.tsx ***! \**************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _vc_util_warning__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../vc-util/warning */ "./components/vc-util/warning.ts"); /* harmony import */ var _utils_legacyUtil__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils/legacyUtil */ "./components/vc-table/utils/legacyUtil.ts"); /* harmony import */ var _constant__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../constant */ "./components/vc-table/constant.ts"); /* harmony import */ var _table_context__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../table/context */ "./components/table/context.ts"); /* harmony import */ var _util_vnode__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../_util/vnode */ "./components/_util/vnode.ts"); var __rest = undefined && undefined.__rest || function (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 flatColumns(columns) { return columns.reduce((list, column) => { const { fixed } = column; // Convert `fixed='true'` to `fixed='left'` instead const parsedFixed = fixed === true ? 'left' : fixed; const subColumns = column.children; if (subColumns && subColumns.length > 0) { return [...list, ...flatColumns(subColumns).map(subColum => (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ fixed: parsedFixed }, subColum))]; } return [...list, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, column), { fixed: parsedFixed })]; }, []); } function warningFixed(flattenColumns) { let allFixLeft = true; for (let i = 0; i < flattenColumns.length; i += 1) { const col = flattenColumns[i]; if (allFixLeft && col.fixed !== 'left') { allFixLeft = false; } else if (!allFixLeft && col.fixed === 'left') { (0,_vc_util_warning__WEBPACK_IMPORTED_MODULE_2__.warning)(false, `Index ${i - 1} of \`columns\` missing \`fixed='left'\` prop.`); break; } } let allFixRight = true; for (let i = flattenColumns.length - 1; i >= 0; i -= 1) { const col = flattenColumns[i]; if (allFixRight && col.fixed !== 'right') { allFixRight = false; } else if (!allFixRight && col.fixed === 'right') { (0,_vc_util_warning__WEBPACK_IMPORTED_MODULE_2__.warning)(false, `Index ${i + 1} of \`columns\` missing \`fixed='right'\` prop.`); break; } } } function revertForRtl(columns) { return columns.map(column => { const { fixed } = column, restProps = __rest(column, ["fixed"]); // Convert `fixed='left'` to `fixed='right'` instead let parsedFixed = fixed; if (fixed === 'left') { parsedFixed = 'right'; } else if (fixed === 'right') { parsedFixed = 'left'; } return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ fixed: parsedFixed }, restProps); }); } /** * Parse `columns` & `children` into `columns`. */ function useColumns(_ref, transformColumns) { let { prefixCls, columns: baseColumns, // children, expandable, expandedKeys, getRowKey, onTriggerExpand, expandIcon, rowExpandable, expandIconColumnIndex, direction, expandRowByClick, expandColumnWidth, expandFixed } = _ref; const contextSlots = (0,_table_context__WEBPACK_IMPORTED_MODULE_3__.useInjectSlots)(); // Add expand column const withExpandColumns = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { if (expandable.value) { let cloneColumns = baseColumns.value.slice(); // >>> Warning if use `expandIconColumnIndex` if ( true && expandIconColumnIndex.value >= 0) { (0,_vc_util_warning__WEBPACK_IMPORTED_MODULE_2__.warning)(false, '`expandIconColumnIndex` is deprecated. Please use `Table.EXPAND_COLUMN` in `columns` instead.'); } // >>> Insert expand column if not exist if (!cloneColumns.includes(_constant__WEBPACK_IMPORTED_MODULE_4__.EXPAND_COLUMN)) { const expandColIndex = expandIconColumnIndex.value || 0; if (expandColIndex >= 0) { cloneColumns.splice(expandColIndex, 0, _constant__WEBPACK_IMPORTED_MODULE_4__.EXPAND_COLUMN); } } // >>> Deduplicate additional expand column if ( true && cloneColumns.filter(c => c === _constant__WEBPACK_IMPORTED_MODULE_4__.EXPAND_COLUMN).length > 1) { (0,_vc_util_warning__WEBPACK_IMPORTED_MODULE_2__.warning)(false, 'There exist more than one `EXPAND_COLUMN` in `columns`.'); } const expandColumnIndex = cloneColumns.indexOf(_constant__WEBPACK_IMPORTED_MODULE_4__.EXPAND_COLUMN); cloneColumns = cloneColumns.filter((column, index) => column !== _constant__WEBPACK_IMPORTED_MODULE_4__.EXPAND_COLUMN || index === expandColumnIndex); // >>> Check if expand column need to fixed const prevColumn = baseColumns.value[expandColumnIndex]; let fixedColumn; if ((expandFixed.value === 'left' || expandFixed.value) && !expandIconColumnIndex.value) { fixedColumn = 'left'; } else if ((expandFixed.value === 'right' || expandFixed.value) && expandIconColumnIndex.value === baseColumns.value.length) { fixedColumn = 'right'; } else { fixedColumn = prevColumn ? prevColumn.fixed : null; } const expandedKeysValue = expandedKeys.value; const rowExpandableValue = rowExpandable.value; const expandIconValue = expandIcon.value; const prefixClsValue = prefixCls.value; const expandRowByClickValue = expandRowByClick.value; // >>> Create expandable column const expandColumn = { [_utils_legacyUtil__WEBPACK_IMPORTED_MODULE_5__.INTERNAL_COL_DEFINE]: { class: `${prefixCls.value}-expand-icon-col`, columnType: 'EXPAND_COLUMN' }, title: (0,_util_vnode__WEBPACK_IMPORTED_MODULE_6__.customRenderSlot)(contextSlots.value, 'expandColumnTitle', {}, () => ['']), fixed: fixedColumn, class: `${prefixCls.value}-row-expand-icon-cell`, width: expandColumnWidth.value, customRender: _ref2 => { let { record, index } = _ref2; const rowKey = getRowKey.value(record, index); const expanded = expandedKeysValue.has(rowKey); const recordExpandable = rowExpandableValue ? rowExpandableValue(record) : true; const icon = expandIconValue({ prefixCls: prefixClsValue, expanded, expandable: recordExpandable, record, onExpand: onTriggerExpand }); if (expandRowByClickValue) { return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", { "onClick": e => e.stopPropagation() }, [icon]); } return icon; } }; return cloneColumns.map(col => col === _constant__WEBPACK_IMPORTED_MODULE_4__.EXPAND_COLUMN ? expandColumn : col); } if ( true && baseColumns.value.includes(_constant__WEBPACK_IMPORTED_MODULE_4__.EXPAND_COLUMN)) { (0,_vc_util_warning__WEBPACK_IMPORTED_MODULE_2__.warning)(false, '`expandable` is not config but there exist `EXPAND_COLUMN` in `columns`.'); } return baseColumns.value.filter(col => col !== _constant__WEBPACK_IMPORTED_MODULE_4__.EXPAND_COLUMN); }); const mergedColumns = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { let finalColumns = withExpandColumns.value; if (transformColumns.value) { finalColumns = transformColumns.value(finalColumns); } // Always provides at least one column for table display if (!finalColumns.length) { finalColumns = [{ customRender: () => null }]; } return finalColumns; }); const flattenColumns = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { if (direction.value === 'rtl') { return revertForRtl(flatColumns(mergedColumns.value)); } return flatColumns(mergedColumns.value); }); // Only check out of production since it's waste for each render if (true) { (0,vue__WEBPACK_IMPORTED_MODULE_1__.watchEffect)(() => { setTimeout(() => { warningFixed(flattenColumns.value); }); }); } return [mergedColumns, flattenColumns]; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useColumns); /***/ }), /***/ "./components/vc-table/hooks/useFlattenRecords.ts": /*!********************************************************!*\ !*** ./components/vc-table/hooks/useFlattenRecords.ts ***! \********************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ useFlattenRecords) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); // recursion (flat tree structure) function flatRecord(record, indent, childrenColumnName, expandedKeys, getRowKey, index) { const arr = []; arr.push({ record, indent, index }); const key = getRowKey(record); const expanded = expandedKeys === null || expandedKeys === void 0 ? void 0 : expandedKeys.has(key); if (record && Array.isArray(record[childrenColumnName]) && expanded) { // expanded state, flat record for (let i = 0; i < record[childrenColumnName].length; i += 1) { const tempArr = flatRecord(record[childrenColumnName][i], indent + 1, childrenColumnName, expandedKeys, getRowKey, i); arr.push(...tempArr); } } return arr; } /** * flat tree data on expanded state * * @export * @template T * @param {*} data : table data * @param {string} childrenColumnName : 指定树形结构的列名 * @param {Set} expandedKeys : 展开的行对应的keys * @param {GetRowKey} getRowKey : 获取当前rowKey的方法 * @returns flattened data */ function useFlattenRecords(dataRef, childrenColumnNameRef, expandedKeysRef, getRowKey) { const arr = (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => { const childrenColumnName = childrenColumnNameRef.value; const expandedKeys = expandedKeysRef.value; const data = dataRef.value; if (expandedKeys === null || expandedKeys === void 0 ? void 0 : expandedKeys.size) { const temp = []; // collect flattened record for (let i = 0; i < (data === null || data === void 0 ? void 0 : data.length); i += 1) { const record = data[i]; temp.push(...flatRecord(record, 0, childrenColumnName, expandedKeys, getRowKey.value, i)); } return temp; } return data === null || data === void 0 ? void 0 : data.map((item, index) => { return { record: item, indent: 0, index }; }); }); return arr; } /***/ }), /***/ "./components/vc-table/hooks/useFrame.ts": /*!***********************************************!*\ !*** ./components/vc-table/hooks/useFrame.ts ***! \***********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ useLayoutState: () => (/* binding */ useLayoutState), /* harmony export */ useTimeoutLock: () => (/* binding */ useTimeoutLock) /* harmony export */ }); /* harmony import */ var _util_raf__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../_util/raf */ "./components/_util/raf.ts"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); function useLayoutState(defaultState) { const stateRef = (0,vue__WEBPACK_IMPORTED_MODULE_0__.shallowRef)(defaultState); let rafId; const updateBatchRef = (0,vue__WEBPACK_IMPORTED_MODULE_0__.shallowRef)([]); function setFrameState(updater) { updateBatchRef.value.push(updater); _util_raf__WEBPACK_IMPORTED_MODULE_1__["default"].cancel(rafId); rafId = (0,_util_raf__WEBPACK_IMPORTED_MODULE_1__["default"])(() => { const prevBatch = updateBatchRef.value; // const prevState = stateRef.value; updateBatchRef.value = []; prevBatch.forEach(batchUpdater => { stateRef.value = batchUpdater(stateRef.value); }); }); } (0,vue__WEBPACK_IMPORTED_MODULE_0__.onBeforeUnmount)(() => { _util_raf__WEBPACK_IMPORTED_MODULE_1__["default"].cancel(rafId); }); return [stateRef, setFrameState]; } /** Lock frame, when frame pass reset the lock. */ function useTimeoutLock(defaultState) { const frameRef = (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)(defaultState || null); const timeoutRef = (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)(); function cleanUp() { clearTimeout(timeoutRef.value); } function setState(newState) { frameRef.value = newState; cleanUp(); timeoutRef.value = setTimeout(() => { frameRef.value = null; timeoutRef.value = undefined; }, 100); } function getState() { return frameRef.value; } (0,vue__WEBPACK_IMPORTED_MODULE_0__.onBeforeUnmount)(() => { cleanUp(); }); return [setState, getState]; } /***/ }), /***/ "./components/vc-table/hooks/useSticky.ts": /*!************************************************!*\ !*** ./components/vc-table/hooks/useSticky.ts ***! \************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ useSticky) /* harmony export */ }); /* harmony import */ var _util_canUseDom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../_util/canUseDom */ "./components/_util/canUseDom.ts"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); // fix ssr render const defaultContainer = (0,_util_canUseDom__WEBPACK_IMPORTED_MODULE_1__["default"])() ? window : null; /** Sticky header hooks */ function useSticky(stickyRef, prefixClsRef) { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => { const { offsetHeader = 0, offsetSummary = 0, offsetScroll = 0, getContainer = () => defaultContainer } = typeof stickyRef.value === 'object' ? stickyRef.value : {}; const container = getContainer() || defaultContainer; const isSticky = !!stickyRef.value; return { isSticky, stickyClassName: isSticky ? `${prefixClsRef.value}-sticky-holder` : '', offsetHeader, offsetSummary, offsetScroll, container }; }); } /***/ }), /***/ "./components/vc-table/hooks/useStickyOffsets.ts": /*!*******************************************************!*\ !*** ./components/vc-table/hooks/useStickyOffsets.ts ***! \*******************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /** * Get sticky column offset width */ function useStickyOffsets(colWidthsRef, columnCountRef, directionRef) { const stickyOffsets = (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => { const leftOffsets = []; const rightOffsets = []; let left = 0; let right = 0; const colWidths = colWidthsRef.value; const columnCount = columnCountRef.value; const direction = directionRef.value; for (let start = 0; start < columnCount; start += 1) { if (direction === 'rtl') { // Left offset rightOffsets[start] = right; right += colWidths[start] || 0; // Right offset const end = columnCount - start - 1; leftOffsets[end] = left; left += colWidths[end] || 0; } else { // Left offset leftOffsets[start] = left; left += colWidths[start] || 0; // Right offset const end = columnCount - start - 1; rightOffsets[end] = right; right += colWidths[end] || 0; } } return { left: leftOffsets, right: rightOffsets }; }); return stickyOffsets; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useStickyOffsets); /***/ }), /***/ "./components/vc-table/index.ts": /*!**************************************!*\ !*** ./components/vc-table/index.ts ***! \**************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ Column: () => (/* reexport safe */ _sugar_Column__WEBPACK_IMPORTED_MODULE_1__["default"]), /* harmony export */ ColumnGroup: () => (/* reexport safe */ _sugar_ColumnGroup__WEBPACK_IMPORTED_MODULE_2__["default"]), /* harmony export */ EXPAND_COLUMN: () => (/* reexport safe */ _constant__WEBPACK_IMPORTED_MODULE_6__.EXPAND_COLUMN), /* harmony export */ INTERNAL_COL_DEFINE: () => (/* reexport safe */ _utils_legacyUtil__WEBPACK_IMPORTED_MODULE_5__.INTERNAL_COL_DEFINE), /* harmony export */ Summary: () => (/* reexport safe */ _Footer__WEBPACK_IMPORTED_MODULE_0__.FooterComponents), /* harmony export */ SummaryCell: () => (/* reexport safe */ _Footer__WEBPACK_IMPORTED_MODULE_3__["default"]), /* harmony export */ SummaryRow: () => (/* reexport safe */ _Footer__WEBPACK_IMPORTED_MODULE_4__["default"]), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _Table__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./Table */ "./components/vc-table/Table.tsx"); /* harmony import */ var _Footer__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Footer */ "./components/vc-table/Footer/index.tsx"); /* harmony import */ var _Footer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Footer */ "./components/vc-table/Footer/Cell.tsx"); /* harmony import */ var _Footer__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Footer */ "./components/vc-table/Footer/Row.tsx"); /* harmony import */ var _sugar_Column__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./sugar/Column */ "./components/vc-table/sugar/Column.tsx"); /* harmony import */ var _sugar_ColumnGroup__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./sugar/ColumnGroup */ "./components/vc-table/sugar/ColumnGroup.tsx"); /* harmony import */ var _utils_legacyUtil__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./utils/legacyUtil */ "./components/vc-table/utils/legacyUtil.ts"); /* harmony import */ var _constant__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./constant */ "./components/vc-table/constant.ts"); // base rc-table@7.22.2 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_Table__WEBPACK_IMPORTED_MODULE_7__["default"]); /***/ }), /***/ "./components/vc-table/stickyScrollBar.tsx": /*!*************************************************!*\ !*** ./components/vc-table/stickyScrollBar.tsx ***! \*************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _vc_util_Dom_addEventListener__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../vc-util/Dom/addEventListener */ "./components/vc-util/Dom/addEventListener.js"); /* harmony import */ var _vc_util_Dom_css__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../vc-util/Dom/css */ "./components/vc-util/Dom/css.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _util_getScrollBarSize__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../_util/getScrollBarSize */ "./components/_util/getScrollBarSize.ts"); /* harmony import */ var _context_TableContext__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./context/TableContext */ "./components/vc-table/context/TableContext.tsx"); /* harmony import */ var _hooks_useFrame__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./hooks/useFrame */ "./components/vc-table/hooks/useFrame.ts"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ name: 'StickyScrollBar', inheritAttrs: false, props: ['offsetScroll', 'container', 'scrollBodyRef', 'scrollBodySizeInfo'], emits: ['scroll'], setup(props, _ref) { let { emit, expose } = _ref; const tableContext = (0,_context_TableContext__WEBPACK_IMPORTED_MODULE_2__.useInjectTable)(); const bodyScrollWidth = (0,vue__WEBPACK_IMPORTED_MODULE_1__.shallowRef)(0); const bodyWidth = (0,vue__WEBPACK_IMPORTED_MODULE_1__.shallowRef)(0); const scrollBarWidth = (0,vue__WEBPACK_IMPORTED_MODULE_1__.shallowRef)(0); (0,vue__WEBPACK_IMPORTED_MODULE_1__.watchEffect)(() => { bodyScrollWidth.value = props.scrollBodySizeInfo.scrollWidth || 0; bodyWidth.value = props.scrollBodySizeInfo.clientWidth || 0; scrollBarWidth.value = bodyScrollWidth.value && bodyWidth.value * (bodyWidth.value / bodyScrollWidth.value); }, { flush: 'post' }); const scrollBarRef = (0,vue__WEBPACK_IMPORTED_MODULE_1__.shallowRef)(); const [scrollState, setScrollState] = (0,_hooks_useFrame__WEBPACK_IMPORTED_MODULE_3__.useLayoutState)({ scrollLeft: 0, isHiddenScrollBar: true }); const refState = (0,vue__WEBPACK_IMPORTED_MODULE_1__.ref)({ delta: 0, x: 0 }); const isActive = (0,vue__WEBPACK_IMPORTED_MODULE_1__.shallowRef)(false); const onMouseUp = () => { isActive.value = false; }; const onMouseDown = event => { refState.value = { delta: event.pageX - scrollState.value.scrollLeft, x: 0 }; isActive.value = true; event.preventDefault(); }; const onMouseMove = event => { // https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/buttons const { buttons } = event || (window === null || window === void 0 ? void 0 : window.event); if (!isActive.value || buttons === 0) { // If out body mouse up, we can set isActive false when mouse move if (isActive.value) { isActive.value = false; } return; } let left = refState.value.x + event.pageX - refState.value.x - refState.value.delta; if (left <= 0) { left = 0; } if (left + scrollBarWidth.value >= bodyWidth.value) { left = bodyWidth.value - scrollBarWidth.value; } emit('scroll', { scrollLeft: left / bodyWidth.value * (bodyScrollWidth.value + 2) }); refState.value.x = event.pageX; }; const onContainerScroll = () => { if (!props.scrollBodyRef.value) { return; } const tableOffsetTop = (0,_vc_util_Dom_css__WEBPACK_IMPORTED_MODULE_4__.getOffset)(props.scrollBodyRef.value).top; const tableBottomOffset = tableOffsetTop + props.scrollBodyRef.value.offsetHeight; const currentClientOffset = props.container === window ? document.documentElement.scrollTop + window.innerHeight : (0,_vc_util_Dom_css__WEBPACK_IMPORTED_MODULE_4__.getOffset)(props.container).top + props.container.clientHeight; if (tableBottomOffset - (0,_util_getScrollBarSize__WEBPACK_IMPORTED_MODULE_5__["default"])() <= currentClientOffset || tableOffsetTop >= currentClientOffset - props.offsetScroll) { setScrollState(state => (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, state), { isHiddenScrollBar: true })); } else { setScrollState(state => (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, state), { isHiddenScrollBar: false })); } }; const setScrollLeft = left => { setScrollState(state => { return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, state), { scrollLeft: left / bodyScrollWidth.value * bodyWidth.value || 0 }); }); }; expose({ setScrollLeft }); let onMouseUpListener = null; let onMouseMoveListener = null; let onResizeListener = null; let onScrollListener = null; (0,vue__WEBPACK_IMPORTED_MODULE_1__.onMounted)(() => { onMouseUpListener = (0,_vc_util_Dom_addEventListener__WEBPACK_IMPORTED_MODULE_6__["default"])(document.body, 'mouseup', onMouseUp, false); onMouseMoveListener = (0,_vc_util_Dom_addEventListener__WEBPACK_IMPORTED_MODULE_6__["default"])(document.body, 'mousemove', onMouseMove, false); onResizeListener = (0,_vc_util_Dom_addEventListener__WEBPACK_IMPORTED_MODULE_6__["default"])(window, 'resize', onContainerScroll, false); }); (0,vue__WEBPACK_IMPORTED_MODULE_1__.onActivated)(() => { (0,vue__WEBPACK_IMPORTED_MODULE_1__.nextTick)(() => { onContainerScroll(); }); }); (0,vue__WEBPACK_IMPORTED_MODULE_1__.onMounted)(() => { setTimeout(() => { (0,vue__WEBPACK_IMPORTED_MODULE_1__.watch)([scrollBarWidth, isActive], () => { onContainerScroll(); }, { immediate: true, flush: 'post' }); }); }); (0,vue__WEBPACK_IMPORTED_MODULE_1__.watch)(() => props.container, () => { onScrollListener === null || onScrollListener === void 0 ? void 0 : onScrollListener.remove(); onScrollListener = (0,_vc_util_Dom_addEventListener__WEBPACK_IMPORTED_MODULE_6__["default"])(props.container, 'scroll', onContainerScroll, false); }, { immediate: true, flush: 'post' }); (0,vue__WEBPACK_IMPORTED_MODULE_1__.onBeforeUnmount)(() => { onMouseUpListener === null || onMouseUpListener === void 0 ? void 0 : onMouseUpListener.remove(); onMouseMoveListener === null || onMouseMoveListener === void 0 ? void 0 : onMouseMoveListener.remove(); onScrollListener === null || onScrollListener === void 0 ? void 0 : onScrollListener.remove(); onResizeListener === null || onResizeListener === void 0 ? void 0 : onResizeListener.remove(); }); (0,vue__WEBPACK_IMPORTED_MODULE_1__.watch)(() => (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, scrollState.value), (newState, preState) => { if (newState.isHiddenScrollBar !== (preState === null || preState === void 0 ? void 0 : preState.isHiddenScrollBar) && !newState.isHiddenScrollBar) { setScrollState(state => { const bodyNode = props.scrollBodyRef.value; if (!bodyNode) { return state; } return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, state), { scrollLeft: bodyNode.scrollLeft / bodyNode.scrollWidth * bodyNode.clientWidth }); }); } }, { immediate: true }); const scrollbarSize = (0,_util_getScrollBarSize__WEBPACK_IMPORTED_MODULE_5__["default"])(); return () => { if (bodyScrollWidth.value <= bodyWidth.value || !scrollBarWidth.value || scrollState.value.isHiddenScrollBar) { return null; } const { prefixCls } = tableContext; return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "style": { height: `${scrollbarSize}px`, width: `${bodyWidth.value}px`, bottom: `${props.offsetScroll}px` }, "class": `${prefixCls}-sticky-scroll` }, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "onMousedown": onMouseDown, "ref": scrollBarRef, "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_7__["default"])(`${prefixCls}-sticky-scroll-bar`, { [`${prefixCls}-sticky-scroll-bar-active`]: isActive.value }), "style": { width: `${scrollBarWidth.value}px`, transform: `translate3d(${scrollState.value.scrollLeft}px, 0, 0)` } }, null)]); }; } })); /***/ }), /***/ "./components/vc-table/sugar/Column.tsx": /*!**********************************************!*\ !*** ./components/vc-table/sugar/Column.tsx ***! \**********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* istanbul ignore next */ /** * This is a syntactic sugar for `columns` prop. * So HOC will not work on this. */ const Column = () => null; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Column); /***/ }), /***/ "./components/vc-table/sugar/ColumnGroup.tsx": /*!***************************************************!*\ !*** ./components/vc-table/sugar/ColumnGroup.tsx ***! \***************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); const ColumnGroup = () => null; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ColumnGroup); /***/ }), /***/ "./components/vc-table/utils/expandUtil.tsx": /*!**************************************************!*\ !*** ./components/vc-table/utils/expandUtil.tsx ***! \**************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ findAllChildrenKeys: () => (/* binding */ findAllChildrenKeys), /* harmony export */ renderExpandIcon: () => (/* binding */ renderExpandIcon) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); function renderExpandIcon(_ref) { let { prefixCls, record, onExpand, expanded, expandable } = _ref; const expandClassName = `${prefixCls}-row-expand-icon`; if (!expandable) { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("span", { "class": [expandClassName, `${prefixCls}-row-spaced`] }, null); } const onClick = event => { onExpand(record, event); event.stopPropagation(); }; return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("span", { "class": { [expandClassName]: true, [`${prefixCls}-row-expanded`]: expanded, [`${prefixCls}-row-collapsed`]: !expanded }, "onClick": onClick }, null); } function findAllChildrenKeys(data, getRowKey, childrenColumnName) { const keys = []; function dig(list) { (list || []).forEach((item, index) => { keys.push(getRowKey(item, index)); dig(item[childrenColumnName]); }); } dig(data); return keys; } /***/ }), /***/ "./components/vc-table/utils/fixUtil.ts": /*!**********************************************!*\ !*** ./components/vc-table/utils/fixUtil.ts ***! \**********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ getCellFixedInfo: () => (/* binding */ getCellFixedInfo) /* harmony export */ }); function getCellFixedInfo(colStart, colEnd, columns, stickyOffsets, direction) { const startColumn = columns[colStart] || {}; const endColumn = columns[colEnd] || {}; let fixLeft; let fixRight; if (startColumn.fixed === 'left') { fixLeft = stickyOffsets.left[colStart]; } else if (endColumn.fixed === 'right') { fixRight = stickyOffsets.right[colEnd]; } let lastFixLeft = false; let firstFixRight = false; let lastFixRight = false; let firstFixLeft = false; const nextColumn = columns[colEnd + 1]; const prevColumn = columns[colStart - 1]; if (direction === 'rtl') { if (fixLeft !== undefined) { const prevFixLeft = prevColumn && prevColumn.fixed === 'left'; firstFixLeft = !prevFixLeft; } else if (fixRight !== undefined) { const nextFixRight = nextColumn && nextColumn.fixed === 'right'; lastFixRight = !nextFixRight; } } else if (fixLeft !== undefined) { const nextFixLeft = nextColumn && nextColumn.fixed === 'left'; lastFixLeft = !nextFixLeft; } else if (fixRight !== undefined) { const prevFixRight = prevColumn && prevColumn.fixed === 'right'; firstFixRight = !prevFixRight; } return { fixLeft, fixRight, lastFixLeft, firstFixRight, lastFixRight, firstFixLeft, isSticky: stickyOffsets.isSticky }; } /***/ }), /***/ "./components/vc-table/utils/legacyUtil.ts": /*!*************************************************!*\ !*** ./components/vc-table/utils/legacyUtil.ts ***! \*************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ INTERNAL_COL_DEFINE: () => (/* binding */ INTERNAL_COL_DEFINE), /* harmony export */ getDataAndAriaProps: () => (/* binding */ getDataAndAriaProps), /* harmony export */ getExpandableProps: () => (/* binding */ getExpandableProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _vc_util_warning__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../vc-util/warning */ "./components/vc-util/warning.ts"); var __rest = undefined && undefined.__rest || function (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; }; const INTERNAL_COL_DEFINE = 'RC_TABLE_INTERNAL_COL_DEFINE'; function getExpandableProps(props) { const { expandable } = props, legacyExpandableConfig = __rest(props, ["expandable"]); let config; if (props.expandable !== undefined) { config = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, legacyExpandableConfig), expandable); } else { if ( true && ['indentSize', 'expandedRowKeys', 'defaultExpandedRowKeys', 'defaultExpandAllRows', 'expandedRowRender', 'expandRowByClick', 'expandIcon', 'onExpand', 'onExpandedRowsChange', 'expandedRowClassName', 'expandIconColumnIndex', 'showExpandColumn'].some(prop => prop in props)) { (0,_vc_util_warning__WEBPACK_IMPORTED_MODULE_1__.warning)(false, 'expanded related props have been moved into `expandable`.'); } config = legacyExpandableConfig; } if (config.showExpandColumn === false) { config.expandIconColumnIndex = -1; } return config; } /** * Returns only data- and aria- key/value pairs * @param {object} props */ function getDataAndAriaProps(props) { /* eslint-disable no-param-reassign */ return Object.keys(props).reduce((memo, key) => { if (key.startsWith('data-') || key.startsWith('aria-')) { memo[key] = props[key]; } return memo; }, {}); /* eslint-enable */ } /***/ }), /***/ "./components/vc-table/utils/valueUtil.tsx": /*!*************************************************!*\ !*** ./components/vc-table/utils/valueUtil.tsx ***! \*************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ getColumnsKey: () => (/* binding */ getColumnsKey), /* harmony export */ getPathValue: () => (/* binding */ getPathValue), /* harmony export */ mergeObject: () => (/* binding */ mergeObject), /* harmony export */ validateValue: () => (/* binding */ validateValue) /* harmony export */ }); const INTERNAL_KEY_PREFIX = 'RC_TABLE_KEY'; function toArray(arr) { if (arr === undefined || arr === null) { return []; } return Array.isArray(arr) ? arr : [arr]; } function getPathValue(record, path) { // Skip if path is empty if (!path && typeof path !== 'number') { return record; } const pathList = toArray(path); let current = record; for (let i = 0; i < pathList.length; i += 1) { if (!current) { return null; } const prop = pathList[i]; current = current[prop]; } return current; } function getColumnsKey(columns) { const columnKeys = []; const keys = {}; columns.forEach(column => { const { key, dataIndex } = column || {}; let mergedKey = key || toArray(dataIndex).join('-') || INTERNAL_KEY_PREFIX; while (keys[mergedKey]) { mergedKey = `${mergedKey}_next`; } keys[mergedKey] = true; columnKeys.push(mergedKey); }); return columnKeys; } function mergeObject() { const merged = {}; /* eslint-disable no-param-reassign */ function fillProps(obj, clone) { if (clone) { Object.keys(clone).forEach(key => { const value = clone[key]; if (value && typeof value === 'object') { obj[key] = obj[key] || {}; fillProps(obj[key], value); } else { obj[key] = value; } }); } } /* eslint-enable */ for (var _len = arguments.length, objects = new Array(_len), _key = 0; _key < _len; _key++) { objects[_key] = arguments[_key]; } objects.forEach(clone => { fillProps(merged, clone); }); return merged; } function validateValue(val) { return val !== null && val !== undefined; } /***/ }), /***/ "./components/vc-tooltip/index.ts": /*!****************************************!*\ !*** ./components/vc-tooltip/index.ts ***! \****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _src_Tooltip__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./src/Tooltip */ "./components/vc-tooltip/src/Tooltip.tsx"); // base rc-tooltip 5.1.1 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_src_Tooltip__WEBPACK_IMPORTED_MODULE_0__["default"]); /***/ }), /***/ "./components/vc-tooltip/src/Content.tsx": /*!***********************************************!*\ !*** ./components/vc-tooltip/src/Content.tsx ***! \***********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../_util/vue-types */ "./components/_util/vue-types/index.ts"); const tooltipContentProps = { prefixCls: String, id: String, overlayInnerStyle: _util_vue_types__WEBPACK_IMPORTED_MODULE_1__["default"].any }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'TooltipContent', props: tooltipContentProps, setup(props, _ref) { let { slots } = _ref; return () => { var _a; return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", { "class": `${props.prefixCls}-inner`, "id": props.id, "role": "tooltip", "style": props.overlayInnerStyle }, [(_a = slots.overlay) === null || _a === void 0 ? void 0 : _a.call(slots)]); }; } })); /***/ }), /***/ "./components/vc-tooltip/src/Tooltip.tsx": /*!***********************************************!*\ !*** ./components/vc-tooltip/src/Tooltip.tsx ***! \***********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _vc_trigger__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../vc-trigger */ "./components/vc-trigger/index.ts"); /* harmony import */ var _placements__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./placements */ "./components/vc-tooltip/src/placements.ts"); /* harmony import */ var _Content__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Content */ "./components/vc-tooltip/src/Content.tsx"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../_util/props-util */ "./components/_util/props-util/index.ts"); var __rest = undefined && undefined.__rest || function (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 noop() {} /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'Tooltip', inheritAttrs: false, props: { trigger: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].any.def(['hover']), defaultVisible: { type: Boolean, default: undefined }, visible: { type: Boolean, default: undefined }, placement: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].string.def('right'), transitionName: String, animation: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].any, afterVisibleChange: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].func.def(() => {}), overlayStyle: { type: Object, default: undefined }, overlayClassName: String, prefixCls: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].string.def('rc-tooltip'), mouseEnterDelay: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].number.def(0.1), mouseLeaveDelay: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].number.def(0.1), getPopupContainer: Function, destroyTooltipOnHide: { type: Boolean, default: false }, align: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].object.def(() => ({})), arrowContent: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].any.def(null), tipId: String, builtinPlacements: _util_vue_types__WEBPACK_IMPORTED_MODULE_2__["default"].object, overlayInnerStyle: { type: Object, default: undefined }, popupVisible: { type: Boolean, default: undefined }, onVisibleChange: Function, onPopupAlign: Function, arrow: { type: Boolean, default: true } }, setup(props, _ref) { let { slots, attrs, expose } = _ref; const triggerDOM = (0,vue__WEBPACK_IMPORTED_MODULE_1__.shallowRef)(); const getPopupElement = () => { const { prefixCls, tipId, overlayInnerStyle } = props; return [!!props.arrow ? (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${prefixCls}-arrow`, "key": "arrow" }, [(0,_util_props_util__WEBPACK_IMPORTED_MODULE_3__.getPropsSlot)(slots, props, 'arrowContent')]) : null, (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_Content__WEBPACK_IMPORTED_MODULE_4__["default"], { "key": "content", "prefixCls": prefixCls, "id": tipId, "overlayInnerStyle": overlayInnerStyle }, { overlay: slots.overlay })]; }; const getPopupDomNode = () => { return triggerDOM.value.getPopupDomNode(); }; expose({ getPopupDomNode, triggerDOM, forcePopupAlign: () => { var _a; return (_a = triggerDOM.value) === null || _a === void 0 ? void 0 : _a.forcePopupAlign(); } }); const destroyTooltip = (0,vue__WEBPACK_IMPORTED_MODULE_1__.shallowRef)(false); const autoDestroy = (0,vue__WEBPACK_IMPORTED_MODULE_1__.shallowRef)(false); (0,vue__WEBPACK_IMPORTED_MODULE_1__.watchEffect)(() => { const { destroyTooltipOnHide } = props; if (typeof destroyTooltipOnHide === 'boolean') { destroyTooltip.value = destroyTooltipOnHide; } else if (destroyTooltipOnHide && typeof destroyTooltipOnHide === 'object') { const { keepParent } = destroyTooltipOnHide; destroyTooltip.value = keepParent === true; autoDestroy.value = keepParent === false; } }); return () => { const { overlayClassName, trigger, mouseEnterDelay, mouseLeaveDelay, overlayStyle, prefixCls, afterVisibleChange, transitionName, animation, placement, align, destroyTooltipOnHide, defaultVisible } = props, restProps = __rest(props, ["overlayClassName", "trigger", "mouseEnterDelay", "mouseLeaveDelay", "overlayStyle", "prefixCls", "afterVisibleChange", "transitionName", "animation", "placement", "align", "destroyTooltipOnHide", "defaultVisible"]); const extraProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, restProps); if (props.visible !== undefined) { extraProps.popupVisible = props.visible; } const triggerProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ popupClassName: overlayClassName, prefixCls, action: trigger, builtinPlacements: _placements__WEBPACK_IMPORTED_MODULE_5__.placements, popupPlacement: placement, popupAlign: align, afterPopupVisibleChange: afterVisibleChange, popupTransitionName: transitionName, popupAnimation: animation, defaultPopupVisible: defaultVisible, destroyPopupOnHide: destroyTooltip.value, autoDestroy: autoDestroy.value, mouseLeaveDelay, popupStyle: overlayStyle, mouseEnterDelay }, extraProps), attrs), { onPopupVisibleChange: props.onVisibleChange || noop, onPopupAlign: props.onPopupAlign || noop, ref: triggerDOM, arrow: !!props.arrow, popup: getPopupElement() }); return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_vc_trigger__WEBPACK_IMPORTED_MODULE_6__["default"], triggerProps, { default: slots.default }); }; } })); /***/ }), /***/ "./components/vc-tooltip/src/placements.ts": /*!*************************************************!*\ !*** ./components/vc-tooltip/src/placements.ts ***! \*************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ placements: () => (/* binding */ placements) /* harmony export */ }); const autoAdjustOverflow = { adjustX: 1, adjustY: 1 }; const targetOffset = [0, 0]; const placements = { left: { points: ['cr', 'cl'], overflow: autoAdjustOverflow, offset: [-4, 0], targetOffset }, right: { points: ['cl', 'cr'], overflow: autoAdjustOverflow, offset: [4, 0], targetOffset }, top: { points: ['bc', 'tc'], overflow: autoAdjustOverflow, offset: [0, -4], targetOffset }, bottom: { points: ['tc', 'bc'], overflow: autoAdjustOverflow, offset: [0, 4], targetOffset }, topLeft: { points: ['bl', 'tl'], overflow: autoAdjustOverflow, offset: [0, -4], targetOffset }, leftTop: { points: ['tr', 'tl'], overflow: autoAdjustOverflow, offset: [-4, 0], targetOffset }, topRight: { points: ['br', 'tr'], overflow: autoAdjustOverflow, offset: [0, -4], targetOffset }, rightTop: { points: ['tl', 'tr'], overflow: autoAdjustOverflow, offset: [4, 0], targetOffset }, bottomRight: { points: ['tr', 'br'], overflow: autoAdjustOverflow, offset: [0, 4], targetOffset }, rightBottom: { points: ['bl', 'br'], overflow: autoAdjustOverflow, offset: [4, 0], targetOffset }, bottomLeft: { points: ['tl', 'bl'], overflow: autoAdjustOverflow, offset: [0, 4], targetOffset }, leftBottom: { points: ['br', 'bl'], overflow: autoAdjustOverflow, offset: [-4, 0], targetOffset } }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (placements); /***/ }), /***/ "./components/vc-tour/Mask.tsx": /*!*************************************!*\ !*** ./components/vc-tour/Mask.tsx ***! \*************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _util_hooks_useId__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/hooks/useId */ "./components/_util/hooks/useId.ts"); /* harmony import */ var _util_PortalWrapper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/PortalWrapper */ "./components/_util/PortalWrapper.tsx"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); const COVER_PROPS = { fill: 'transparent', 'pointer-events': 'auto' }; const Mask = (0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ name: 'TourMask', props: { prefixCls: { type: String }, pos: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.objectType)(), rootClassName: { type: String }, showMask: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.booleanType)(), fill: { type: String, default: 'rgba(0,0,0,0.5)' }, open: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.booleanType)(), animated: (0,_util_type__WEBPACK_IMPORTED_MODULE_2__.someType)([Boolean, Object]), zIndex: { type: Number } }, setup(props, _ref) { let { attrs } = _ref; const id = (0,_util_hooks_useId__WEBPACK_IMPORTED_MODULE_3__["default"])(); return () => { const { prefixCls, open, rootClassName, pos, showMask, fill, animated, zIndex } = props; const maskId = `${prefixCls}-mask-${id}`; const mergedAnimated = typeof animated === 'object' ? animated === null || animated === void 0 ? void 0 : animated.placeholder : animated; return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_util_PortalWrapper__WEBPACK_IMPORTED_MODULE_4__["default"], { "visible": open, "autoLock": true }, { default: () => open && (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, attrs), {}, { "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_5__["default"])(`${prefixCls}-mask`, rootClassName, attrs.class), "style": [{ position: 'fixed', left: 0, right: 0, top: 0, bottom: 0, zIndex, pointerEvents: 'none' }, attrs.style] }), [showMask ? (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("svg", { "style": { width: '100%', height: '100%' } }, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("defs", null, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("mask", { "id": maskId }, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("rect", { "x": "0", "y": "0", "width": "100vw", "height": "100vh", "fill": "white" }, null), pos && (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("rect", { "x": pos.left, "y": pos.top, "rx": pos.radius, "width": pos.width, "height": pos.height, "fill": "black", "class": mergedAnimated ? `${prefixCls}-placeholder-animated` : '' }, null)])]), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("rect", { "x": "0", "y": "0", "width": "100%", "height": "100%", "fill": fill, "mask": `url(#${maskId})` }, null), pos && (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_1__.Fragment, null, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("rect", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, COVER_PROPS), {}, { "x": "0", "y": "0", "width": "100%", "height": pos.top }), null), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("rect", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, COVER_PROPS), {}, { "x": "0", "y": "0", "width": pos.left, "height": "100%" }), null), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("rect", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, COVER_PROPS), {}, { "x": "0", "y": pos.top + pos.height, "width": "100%", "height": `calc(100vh - ${pos.top + pos.height}px)` }), null), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("rect", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, COVER_PROPS), {}, { "x": pos.left + pos.width, "y": "0", "width": `calc(100vw - ${pos.left + pos.width}px)`, "height": "100%" }), null)])]) : null]) }); }; } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Mask); /***/ }), /***/ "./components/vc-tour/Tour.tsx": /*!*************************************!*\ !*** ./components/vc-tour/Tour.tsx ***! \*************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ tourProps: () => (/* binding */ tourProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _vc_trigger__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../vc-trigger */ "./components/vc-trigger/interface.ts"); /* harmony import */ var _vc_trigger__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../vc-trigger */ "./components/vc-trigger/index.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _util_hooks_useMergedState__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../_util/hooks/useMergedState */ "./components/_util/hooks/useMergedState.ts"); /* harmony import */ var _hooks_useTarget__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./hooks/useTarget */ "./components/vc-tour/hooks/useTarget.ts"); /* harmony import */ var _TourStep__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./TourStep */ "./components/vc-tour/TourStep/index.tsx"); /* harmony import */ var _Mask__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./Mask */ "./components/vc-tour/Mask.tsx"); /* harmony import */ var _placements__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./placements */ "./components/vc-tour/placements.tsx"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/initDefaultProps.ts"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); /* harmony import */ var _util_PortalWrapper__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../_util/PortalWrapper */ "./components/_util/PortalWrapper.tsx"); var __rest = undefined && undefined.__rest || function (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; }; const CENTER_PLACEHOLDER = { left: '50%', top: '50%', width: '1px', height: '1px' }; const tourProps = () => { const { builtinPlacements, popupAlign } = (0,_vc_trigger__WEBPACK_IMPORTED_MODULE_3__.triggerProps)(); return { builtinPlacements, popupAlign, steps: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.arrayType)(), open: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.booleanType)(), defaultCurrent: { type: Number }, current: { type: Number }, onChange: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.functionType)(), onClose: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.functionType)(), onFinish: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.functionType)(), mask: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.someType)([Boolean, Object], true), arrow: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.someType)([Boolean, Object], true), rootClassName: { type: String }, placement: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.stringType)('bottom'), prefixCls: { type: String, default: 'rc-tour' }, renderPanel: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.functionType)(), gap: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.objectType)(), animated: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.someType)([Boolean, Object]), scrollIntoViewOptions: (0,_util_type__WEBPACK_IMPORTED_MODULE_4__.someType)([Boolean, Object], true), zIndex: { type: Number, default: 1001 } }; }; const Tour = (0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ name: 'Tour', inheritAttrs: false, props: (0,_util_props_util__WEBPACK_IMPORTED_MODULE_5__["default"])(tourProps(), {}), setup(props) { const { defaultCurrent, placement, mask, scrollIntoViewOptions, open, gap, arrow } = (0,vue__WEBPACK_IMPORTED_MODULE_2__.toRefs)(props); const triggerRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(); const [mergedCurrent, setMergedCurrent] = (0,_util_hooks_useMergedState__WEBPACK_IMPORTED_MODULE_6__["default"])(0, { value: (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.current), defaultValue: defaultCurrent.value }); const [mergedOpen, setMergedOpen] = (0,_util_hooks_useMergedState__WEBPACK_IMPORTED_MODULE_6__["default"])(undefined, { value: (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.open), postState: origin => mergedCurrent.value < 0 || mergedCurrent.value >= props.steps.length ? false : origin !== null && origin !== void 0 ? origin : true }); const openRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(mergedOpen.value); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watchEffect)(() => { if (mergedOpen.value && !openRef.value) { setMergedCurrent(0); } openRef.value = mergedOpen.value; }); const curStep = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.steps[mergedCurrent.value] || {}); const mergedPlacement = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { var _a; return (_a = curStep.value.placement) !== null && _a !== void 0 ? _a : placement.value; }); const mergedMask = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { var _a; return mergedOpen.value && ((_a = curStep.value.mask) !== null && _a !== void 0 ? _a : mask.value); }); const mergedScrollIntoViewOptions = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { var _a; return (_a = curStep.value.scrollIntoViewOptions) !== null && _a !== void 0 ? _a : scrollIntoViewOptions.value; }); const [posInfo, targetElement] = (0,_hooks_useTarget__WEBPACK_IMPORTED_MODULE_7__["default"])((0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => curStep.value.target), open, gap, mergedScrollIntoViewOptions); // ========================= arrow ========================= const mergedArrow = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => targetElement.value ? typeof curStep.value.arrow === 'undefined' ? arrow.value : curStep.value.arrow : false); const arrowPointAtCenter = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => typeof mergedArrow.value === 'object' ? mergedArrow.value.pointAtCenter : false); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)(arrowPointAtCenter, () => { var _a; (_a = triggerRef.value) === null || _a === void 0 ? void 0 : _a.forcePopupAlign(); }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)(mergedCurrent, () => { var _a; (_a = triggerRef.value) === null || _a === void 0 ? void 0 : _a.forcePopupAlign(); }); // ========================= Change ========================= const onInternalChange = nextCurrent => { var _a; setMergedCurrent(nextCurrent); (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, nextCurrent); }; return () => { var _a; const { prefixCls, steps, onClose, onFinish, rootClassName, renderPanel, animated, zIndex } = props, restProps = __rest(props, ["prefixCls", "steps", "onClose", "onFinish", "rootClassName", "renderPanel", "animated", "zIndex"]); // ========================= Render ========================= // Skip if not init yet if (targetElement.value === undefined) { return null; } const handleClose = () => { setMergedOpen(false); onClose === null || onClose === void 0 ? void 0 : onClose(mergedCurrent.value); }; const mergedShowMask = typeof mergedMask.value === 'boolean' ? mergedMask.value : !!mergedMask.value; const mergedMaskStyle = typeof mergedMask.value === 'boolean' ? undefined : mergedMask.value; // when targetElement is not exist, use body as triggerDOMNode const getTriggerDOMNode = () => { return targetElement.value || document.body; }; const getPopupElement = () => (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_TourStep__WEBPACK_IMPORTED_MODULE_8__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])({ "arrow": mergedArrow.value, "key": "content", "prefixCls": prefixCls, "total": steps.length, "renderPanel": renderPanel, "onPrev": () => { onInternalChange(mergedCurrent.value - 1); }, "onNext": () => { onInternalChange(mergedCurrent.value + 1); }, "onClose": handleClose, "current": mergedCurrent.value, "onFinish": () => { handleClose(); onFinish === null || onFinish === void 0 ? void 0 : onFinish(); } }, curStep.value), null); const posInfoStyle = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { const info = posInfo.value || CENTER_PLACEHOLDER; // 如果info[key] 是number,添加 px const style = {}; Object.keys(info).forEach(key => { if (typeof info[key] === 'number') { style[key] = `${info[key]}px`; } else { style[key] = info[key]; } }); return style; }); return mergedOpen.value ? (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_2__.Fragment, null, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_Mask__WEBPACK_IMPORTED_MODULE_9__["default"], { "zIndex": zIndex, "prefixCls": prefixCls, "pos": posInfo.value, "showMask": mergedShowMask, "style": mergedMaskStyle === null || mergedMaskStyle === void 0 ? void 0 : mergedMaskStyle.style, "fill": mergedMaskStyle === null || mergedMaskStyle === void 0 ? void 0 : mergedMaskStyle.color, "open": mergedOpen.value, "animated": animated, "rootClassName": rootClassName }, null), (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_vc_trigger__WEBPACK_IMPORTED_MODULE_10__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])({}, restProps), {}, { "arrow": !!restProps.arrow, "builtinPlacements": !curStep.value.target ? undefined : (_a = restProps.builtinPlacements) !== null && _a !== void 0 ? _a : (0,_placements__WEBPACK_IMPORTED_MODULE_11__.getPlacements)(arrowPointAtCenter.value), "ref": triggerRef, "popupStyle": !curStep.value.target ? (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, curStep.value.style), { position: 'fixed', left: CENTER_PLACEHOLDER.left, top: CENTER_PLACEHOLDER.top, transform: 'translate(-50%, -50%)' }) : curStep.value.style, "popupPlacement": mergedPlacement.value, "popupVisible": mergedOpen.value, "popupClassName": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_12__["default"])(rootClassName, curStep.value.className), "prefixCls": prefixCls, "popup": getPopupElement, "forceRender": false, "destroyPopupOnHide": true, "zIndex": zIndex, "mask": false, "getTriggerDOMNode": getTriggerDOMNode }), { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_util_PortalWrapper__WEBPACK_IMPORTED_MODULE_13__["default"], { "visible": mergedOpen.value, "autoLock": true }, { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_12__["default"])(rootClassName, `${prefixCls}-target-placeholder`), "style": (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, posInfoStyle.value), { position: 'fixed', pointerEvents: 'none' }) }, null)] })] })]) : null; }; } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Tour); /***/ }), /***/ "./components/vc-tour/TourStep/DefaultPanel.tsx": /*!******************************************************!*\ !*** ./components/vc-tour/TourStep/DefaultPanel.tsx ***! \******************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _interface__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../interface */ "./components/vc-tour/interface.ts"); const DefaultPanel = (0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ name: 'DefaultPanel', inheritAttrs: false, props: (0,_interface__WEBPACK_IMPORTED_MODULE_2__.tourStepProps)(), setup(props, _ref) { let { attrs } = _ref; return () => { const { prefixCls, current, total, title, description, onClose, onPrev, onNext, onFinish } = props; return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, attrs), {}, { "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_3__["default"])(`${prefixCls}-content`, attrs.class) }), [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${prefixCls}-inner` }, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("button", { "type": "button", "onClick": onClose, "aria-label": "Close", "class": `${prefixCls}-close` }, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", { "class": `${prefixCls}-close-x` }, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createTextVNode)("\xD7")])]), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${prefixCls}-header` }, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${prefixCls}-title` }, [title])]), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${prefixCls}-description` }, [description]), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${prefixCls}-footer` }, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${prefixCls}-sliders` }, [total > 1 ? [...Array.from({ length: total }).keys()].map((item, index) => { return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("span", { "key": item, "class": index === current ? 'active' : '' }, null); }) : null]), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "class": `${prefixCls}-buttons` }, [current !== 0 ? (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("button", { "class": `${prefixCls}-prev-btn`, "onClick": onPrev }, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createTextVNode)("Prev")]) : null, current === total - 1 ? (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("button", { "class": `${prefixCls}-finish-btn`, "onClick": onFinish }, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createTextVNode)("Finish")]) : (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("button", { "class": `${prefixCls}-next-btn`, "onClick": onNext }, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createTextVNode)("Next")])])])])]); }; } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DefaultPanel); /***/ }), /***/ "./components/vc-tour/TourStep/index.tsx": /*!***********************************************!*\ !*** ./components/vc-tour/TourStep/index.tsx ***! \***********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _DefaultPanel__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./DefaultPanel */ "./components/vc-tour/TourStep/DefaultPanel.tsx"); /* harmony import */ var _interface__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../interface */ "./components/vc-tour/interface.ts"); const TourStep = (0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ name: 'TourStep', inheritAttrs: false, props: (0,_interface__WEBPACK_IMPORTED_MODULE_3__.tourStepProps)(), setup(props, _ref) { let { attrs } = _ref; return () => { const { current, renderPanel } = props; return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_2__.Fragment, null, [typeof renderPanel === 'function' ? renderPanel((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, attrs), props), current) : (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_DefaultPanel__WEBPACK_IMPORTED_MODULE_4__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, attrs), props), null)]); }; } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TourStep); /***/ }), /***/ "./components/vc-tour/hooks/useTarget.ts": /*!***********************************************!*\ !*** ./components/vc-tour/hooks/useTarget.ts ***! \***********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ useTarget) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../util */ "./components/vc-tour/util.ts"); /* harmony import */ var _util_hooks_useState__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../_util/hooks/useState */ "./components/_util/hooks/useState.ts"); function useTarget(target, open, gap, scrollIntoViewOptions) { // ========================= Target ========================= // We trade `undefined` as not get target by function yet. // `null` as empty target. const [targetElement, setTargetElement] = (0,_util_hooks_useState__WEBPACK_IMPORTED_MODULE_1__["default"])(undefined); (0,vue__WEBPACK_IMPORTED_MODULE_0__.watchEffect)(() => { const nextElement = typeof target.value === 'function' ? target.value() : target.value; setTargetElement(nextElement || null); }, { flush: 'post' }); // ========================= Align ========================== const [posInfo, setPosInfo] = (0,_util_hooks_useState__WEBPACK_IMPORTED_MODULE_1__["default"])(null); const updatePos = () => { if (!open.value) { setPosInfo(null); return; } if (targetElement.value) { // Exist target element. We should scroll and get target position if (!(0,_util__WEBPACK_IMPORTED_MODULE_2__.isInViewPort)(targetElement.value) && open.value) { targetElement.value.scrollIntoView(scrollIntoViewOptions.value); } const { left, top, width, height } = targetElement.value.getBoundingClientRect(); const nextPosInfo = { left, top, width, height, radius: 0 }; if (JSON.stringify(posInfo.value) !== JSON.stringify(nextPosInfo)) { setPosInfo(nextPosInfo); } } else { // Not exist target which means we just show in center setPosInfo(null); } }; (0,vue__WEBPACK_IMPORTED_MODULE_0__.onMounted)(() => { (0,vue__WEBPACK_IMPORTED_MODULE_0__.watch)([open, targetElement], () => { updatePos(); }, { flush: 'post', immediate: true }); // update when window resize window.addEventListener('resize', updatePos); }); (0,vue__WEBPACK_IMPORTED_MODULE_0__.onBeforeUnmount)(() => { window.removeEventListener('resize', updatePos); }); // ======================== PosInfo ========================= const mergedPosInfo = (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => { var _a, _b; if (!posInfo.value) { return posInfo.value; } const gapOffset = ((_a = gap.value) === null || _a === void 0 ? void 0 : _a.offset) || 6; const gapRadius = ((_b = gap.value) === null || _b === void 0 ? void 0 : _b.radius) || 2; return { left: posInfo.value.left - gapOffset, top: posInfo.value.top - gapOffset, width: posInfo.value.width + gapOffset * 2, height: posInfo.value.height + gapOffset * 2, radius: gapRadius }; }); return [mergedPosInfo, targetElement]; } /***/ }), /***/ "./components/vc-tour/index.ts": /*!*************************************!*\ !*** ./components/vc-tour/index.ts ***! \*************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ tourProps: () => (/* reexport safe */ _Tour__WEBPACK_IMPORTED_MODULE_0__.tourProps), /* harmony export */ tourStepInfo: () => (/* reexport safe */ _interface__WEBPACK_IMPORTED_MODULE_1__.tourStepInfo), /* harmony export */ tourStepProps: () => (/* reexport safe */ _interface__WEBPACK_IMPORTED_MODULE_1__.tourStepProps) /* harmony export */ }); /* harmony import */ var _Tour__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Tour */ "./components/vc-tour/Tour.tsx"); /* harmony import */ var _interface__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./interface */ "./components/vc-tour/interface.ts"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_Tour__WEBPACK_IMPORTED_MODULE_0__["default"]); /***/ }), /***/ "./components/vc-tour/interface.ts": /*!*****************************************!*\ !*** ./components/vc-tour/interface.ts ***! \*****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ tourStepInfo: () => (/* binding */ tourStepInfo), /* harmony export */ tourStepProps: () => (/* binding */ tourStepProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); const tourStepInfo = () => ({ arrow: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.someType)([Boolean, Object]), target: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.someType)([String, Function, Object]), title: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.someType)([String, Object]), description: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.someType)([String, Object]), placement: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.stringType)(), mask: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.someType)([Object, Boolean], true), className: { type: String }, style: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.objectType)(), scrollIntoViewOptions: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.someType)([Boolean, Object]) }); const tourStepProps = () => (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, tourStepInfo()), { prefixCls: { type: String }, total: { type: Number }, current: { type: Number }, onClose: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.functionType)(), onFinish: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.functionType)(), renderPanel: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.functionType)(), onPrev: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.functionType)(), onNext: (0,_util_type__WEBPACK_IMPORTED_MODULE_1__.functionType)() }); /***/ }), /***/ "./components/vc-tour/placements.tsx": /*!*******************************************!*\ !*** ./components/vc-tour/placements.tsx ***! \*******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ getPlacements: () => (/* binding */ getPlacements), /* harmony export */ placements: () => (/* binding */ placements) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); const targetOffset = [0, 0]; const basePlacements = { left: { points: ['cr', 'cl'], offset: [-8, 0] }, right: { points: ['cl', 'cr'], offset: [8, 0] }, top: { points: ['bc', 'tc'], offset: [0, -8] }, bottom: { points: ['tc', 'bc'], offset: [0, 8] }, topLeft: { points: ['bl', 'tl'], offset: [0, -8] }, leftTop: { points: ['tr', 'tl'], offset: [-8, 0] }, topRight: { points: ['br', 'tr'], offset: [0, -8] }, rightTop: { points: ['tl', 'tr'], offset: [8, 0] }, bottomRight: { points: ['tr', 'br'], offset: [0, 8] }, rightBottom: { points: ['bl', 'br'], offset: [8, 0] }, bottomLeft: { points: ['tl', 'bl'], offset: [0, 8] }, leftBottom: { points: ['br', 'bl'], offset: [-8, 0] } }; function getPlacements() { let arrowPointAtCenter = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false; const placements = {}; Object.keys(basePlacements).forEach(key => { placements[key] = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, basePlacements[key]), { autoArrow: arrowPointAtCenter, targetOffset }); }); return placements; } const placements = getPlacements(); /***/ }), /***/ "./components/vc-tour/util.ts": /*!************************************!*\ !*** ./components/vc-tour/util.ts ***! \************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ isInViewPort: () => (/* binding */ isInViewPort) /* harmony export */ }); function isInViewPort(element) { const viewWidth = window.innerWidth || document.documentElement.clientWidth; const viewHeight = window.innerHeight || document.documentElement.clientHeight; const { top, right, bottom, left } = element.getBoundingClientRect(); return top >= 0 && left >= 0 && right <= viewWidth && bottom <= viewHeight; } /***/ }), /***/ "./components/vc-tree-select/LegacyContext.tsx": /*!*****************************************************!*\ !*** ./components/vc-tree-select/LegacyContext.tsx ***! \*****************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ useInjectLegacySelectContext), /* harmony export */ useProvideLegacySelectContext: () => (/* binding */ useProvideLegacySelectContext) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /** * BaseSelect provide some parsed data into context. * You can use this hooks to get them. */ const TreeSelectLegacyContextPropsKey = Symbol('TreeSelectLegacyContextPropsKey'); // export const LegacySelectContext = defineComponent({ // compatConfig: { MODE: 3 }, // name: 'SelectContext', // props: { // value: { type: Object as PropType }, // }, // setup(props, { slots }) { // provide( // TreeSelectLegacyContextPropsKey, // computed(() => props.value), // ); // return () => slots.default?.(); // }, // }); function useProvideLegacySelectContext(props) { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.provide)(TreeSelectLegacyContextPropsKey, props); } function useInjectLegacySelectContext() { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.inject)(TreeSelectLegacyContextPropsKey, {}); } /***/ }), /***/ "./components/vc-tree-select/OptionList.tsx": /*!**************************************************!*\ !*** ./components/vc-tree-select/OptionList.tsx ***! \**************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_hooks_useMemo__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../_util/hooks/useMemo */ "./components/_util/hooks/useMemo.ts"); /* harmony import */ var _util_KeyCode__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../_util/KeyCode */ "./components/_util/KeyCode.ts"); /* harmony import */ var _vc_tree_Tree__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../vc-tree/Tree */ "./components/vc-tree/Tree.tsx"); /* harmony import */ var _utils_valueUtil__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./utils/valueUtil */ "./components/vc-tree-select/utils/valueUtil.ts"); /* harmony import */ var _vc_select__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../vc-select */ "./components/vc-select/hooks/useBaseProps.ts"); /* harmony import */ var _LegacyContext__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./LegacyContext */ "./components/vc-tree-select/LegacyContext.tsx"); /* harmony import */ var _TreeSelectContext__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./TreeSelectContext */ "./components/vc-tree-select/TreeSelectContext.ts"); const HIDDEN_STYLE = { width: 0, height: 0, display: 'flex', overflow: 'hidden', opacity: 0, border: 0, padding: 0, margin: 0 }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'OptionList', inheritAttrs: false, setup(_, _ref) { let { slots, expose } = _ref; const baseProps = (0,_vc_select__WEBPACK_IMPORTED_MODULE_3__["default"])(); const legacyContext = (0,_LegacyContext__WEBPACK_IMPORTED_MODULE_4__["default"])(); const context = (0,_TreeSelectContext__WEBPACK_IMPORTED_MODULE_5__["default"])(); const treeRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(); const memoTreeData = (0,_util_hooks_useMemo__WEBPACK_IMPORTED_MODULE_6__["default"])(() => context.treeData, [() => baseProps.open, () => context.treeData], next => next[0]); const mergedCheckedKeys = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { const { checkable, halfCheckedKeys, checkedKeys } = legacyContext; if (!checkable) { return null; } return { checked: checkedKeys, halfChecked: halfCheckedKeys }; }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)(() => baseProps.open, () => { (0,vue__WEBPACK_IMPORTED_MODULE_2__.nextTick)(() => { var _a; if (baseProps.open && !baseProps.multiple && legacyContext.checkedKeys.length) { (_a = treeRef.value) === null || _a === void 0 ? void 0 : _a.scrollTo({ key: legacyContext.checkedKeys[0] }); } }); }, { immediate: true, flush: 'post' }); // ========================== Search ========================== const lowerSearchValue = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => String(baseProps.searchValue).toLowerCase()); const filterTreeNode = treeNode => { if (!lowerSearchValue.value) { return false; } return String(treeNode[legacyContext.treeNodeFilterProp]).toLowerCase().includes(lowerSearchValue.value); }; // =========================== Keys =========================== const expandedKeys = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(legacyContext.treeDefaultExpandedKeys); const searchExpandedKeys = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(null); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)(() => baseProps.searchValue, () => { if (baseProps.searchValue) { searchExpandedKeys.value = (0,_utils_valueUtil__WEBPACK_IMPORTED_MODULE_7__.getAllKeys)((0,vue__WEBPACK_IMPORTED_MODULE_2__.toRaw)(context.treeData), (0,vue__WEBPACK_IMPORTED_MODULE_2__.toRaw)(context.fieldNames)); } }, { immediate: true }); const mergedExpandedKeys = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { if (legacyContext.treeExpandedKeys) { return legacyContext.treeExpandedKeys.slice(); } return baseProps.searchValue ? searchExpandedKeys.value : expandedKeys.value; }); const onInternalExpand = keys => { var _a; expandedKeys.value = keys; searchExpandedKeys.value = keys; (_a = legacyContext.onTreeExpand) === null || _a === void 0 ? void 0 : _a.call(legacyContext, keys); }; // ========================== Events ========================== const onListMouseDown = event => { event.preventDefault(); }; const onInternalSelect = (_, _ref2) => { let { node } = _ref2; var _a, _b; const { checkable, checkedKeys } = legacyContext; if (checkable && (0,_utils_valueUtil__WEBPACK_IMPORTED_MODULE_7__.isCheckDisabled)(node)) { return; } (_a = context.onSelect) === null || _a === void 0 ? void 0 : _a.call(context, node.key, { selected: !checkedKeys.includes(node.key) }); if (!baseProps.multiple) { (_b = baseProps.toggleOpen) === null || _b === void 0 ? void 0 : _b.call(baseProps, false); } }; // ========================= Keyboard ========================= const activeKey = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(null); const activeEntity = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => legacyContext.keyEntities[activeKey.value]); const setActiveKey = key => { activeKey.value = key; }; expose({ scrollTo: function () { var _a, _b; for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) { args[_key] = arguments[_key]; } return (_b = (_a = treeRef.value) === null || _a === void 0 ? void 0 : _a.scrollTo) === null || _b === void 0 ? void 0 : _b.call(_a, ...args); }, onKeydown: event => { var _a; const { which } = event; switch (which) { // >>> Arrow keys case _util_KeyCode__WEBPACK_IMPORTED_MODULE_8__["default"].UP: case _util_KeyCode__WEBPACK_IMPORTED_MODULE_8__["default"].DOWN: case _util_KeyCode__WEBPACK_IMPORTED_MODULE_8__["default"].LEFT: case _util_KeyCode__WEBPACK_IMPORTED_MODULE_8__["default"].RIGHT: (_a = treeRef.value) === null || _a === void 0 ? void 0 : _a.onKeydown(event); break; // >>> Select item case _util_KeyCode__WEBPACK_IMPORTED_MODULE_8__["default"].ENTER: { if (activeEntity.value) { const { selectable, value } = activeEntity.value.node || {}; if (selectable !== false) { onInternalSelect(null, { node: { key: activeKey.value }, selected: !legacyContext.checkedKeys.includes(value) }); } } break; } // >>> Close case _util_KeyCode__WEBPACK_IMPORTED_MODULE_8__["default"].ESC: { baseProps.toggleOpen(false); } } }, onKeyup: () => {} }); return () => { var _a; const { prefixCls, multiple, searchValue, open, notFoundContent = (_a = slots.notFoundContent) === null || _a === void 0 ? void 0 : _a.call(slots) } = baseProps; const { listHeight, listItemHeight, virtual, dropdownMatchSelectWidth, treeExpandAction } = context; const { checkable, treeDefaultExpandAll, treeIcon, showTreeIcon, switcherIcon, treeLine, loadData, treeLoadedKeys, treeMotion, onTreeLoad, checkedKeys } = legacyContext; // ========================== Render ========================== if (memoTreeData.value.length === 0) { return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "role": "listbox", "class": `${prefixCls}-empty`, "onMousedown": onListMouseDown }, [notFoundContent]); } const treeProps = { fieldNames: context.fieldNames }; if (treeLoadedKeys) { treeProps.loadedKeys = treeLoadedKeys; } if (mergedExpandedKeys.value) { treeProps.expandedKeys = mergedExpandedKeys.value; } return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "onMousedown": onListMouseDown }, [activeEntity.value && open && (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", { "style": HIDDEN_STYLE, "aria-live": "assertive" }, [activeEntity.value.node.value]), (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_vc_tree_Tree__WEBPACK_IMPORTED_MODULE_9__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "ref": treeRef, "focusable": false, "prefixCls": `${prefixCls}-tree`, "treeData": memoTreeData.value, "height": listHeight, "itemHeight": listItemHeight, "virtual": virtual !== false && dropdownMatchSelectWidth !== false, "multiple": multiple, "icon": treeIcon, "showIcon": showTreeIcon, "switcherIcon": switcherIcon, "showLine": treeLine, "loadData": searchValue ? null : loadData, "motion": treeMotion, "activeKey": activeKey.value, "checkable": checkable, "checkStrictly": true, "checkedKeys": mergedCheckedKeys.value, "selectedKeys": !checkable ? checkedKeys : [], "defaultExpandAll": treeDefaultExpandAll }, treeProps), {}, { "onActiveChange": setActiveKey, "onSelect": onInternalSelect, "onCheck": onInternalSelect, "onExpand": onInternalExpand, "onLoad": onTreeLoad, "filterTreeNode": filterTreeNode, "expandAction": treeExpandAction }), (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, slots), { checkable: legacyContext.customSlots.treeCheckable }))]); }; } })); /***/ }), /***/ "./components/vc-tree-select/TreeNode.tsx": /*!************************************************!*\ !*** ./components/vc-tree-select/TreeNode.tsx ***! \************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* istanbul ignore file */ /** This is a placeholder, not real render in dom */ const TreeNode = () => null; TreeNode.inheritAttrs = false; TreeNode.displayName = 'ATreeSelectNode'; TreeNode.isTreeSelectNode = true; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TreeNode); /***/ }), /***/ "./components/vc-tree-select/TreeSelect.tsx": /*!**************************************************!*\ !*** ./components/vc-tree-select/TreeSelect.tsx ***! \**************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ treeSelectProps: () => (/* binding */ treeSelectProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _OptionList__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./OptionList */ "./components/vc-tree-select/OptionList.tsx"); /* harmony import */ var _utils_strategyUtil__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./utils/strategyUtil */ "./components/vc-tree-select/utils/strategyUtil.ts"); /* harmony import */ var _TreeSelectContext__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./TreeSelectContext */ "./components/vc-tree-select/TreeSelectContext.ts"); /* harmony import */ var _LegacyContext__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./LegacyContext */ "./components/vc-tree-select/LegacyContext.tsx"); /* harmony import */ var _hooks_useTreeData__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./hooks/useTreeData */ "./components/vc-tree-select/hooks/useTreeData.ts"); /* harmony import */ var _utils_valueUtil__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./utils/valueUtil */ "./components/vc-tree-select/utils/valueUtil.ts"); /* harmony import */ var _hooks_useCache__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./hooks/useCache */ "./components/vc-tree-select/hooks/useCache.ts"); /* harmony import */ var _hooks_useDataEntities__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./hooks/useDataEntities */ "./components/vc-tree-select/hooks/useDataEntities.ts"); /* harmony import */ var _utils_legacyUtil__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./utils/legacyUtil */ "./components/vc-tree-select/utils/legacyUtil.tsx"); /* harmony import */ var _hooks_useCheckedKeys__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./hooks/useCheckedKeys */ "./components/vc-tree-select/hooks/useCheckedKeys.ts"); /* harmony import */ var _hooks_useFilterTreeData__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./hooks/useFilterTreeData */ "./components/vc-tree-select/hooks/useFilterTreeData.ts"); /* harmony import */ var _utils_warningPropsUtil__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./utils/warningPropsUtil */ "./components/vc-tree-select/utils/warningPropsUtil.ts"); /* harmony import */ var _vc_select_BaseSelect__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../vc-select */ "./components/vc-select/BaseSelect.tsx"); /* harmony import */ var _util_omit__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/omit */ "./components/_util/omit.ts"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/initDefaultProps.ts"); /* harmony import */ var _vc_select_hooks_useId__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../vc-select/hooks/useId */ "./components/vc-select/hooks/useId.ts"); /* harmony import */ var _util_hooks_useMergedState__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../_util/hooks/useMergedState */ "./components/_util/hooks/useMergedState.ts"); /* harmony import */ var _vc_tree_utils_conductUtil__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../vc-tree/utils/conductUtil */ "./components/vc-tree/utils/conductUtil.ts"); /* harmony import */ var _vc_util_warning__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../vc-util/warning */ "./components/vc-util/warning.ts"); /* harmony import */ var _util_toReactive__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../_util/toReactive */ "./components/_util/toReactive.ts"); /* harmony import */ var _vc_tree_useMaxLevel__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../vc-tree/useMaxLevel */ "./components/vc-tree/useMaxLevel.ts"); function treeSelectProps() { return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, (0,_util_omit__WEBPACK_IMPORTED_MODULE_3__["default"])((0,_vc_select_BaseSelect__WEBPACK_IMPORTED_MODULE_4__.baseSelectPropsWithoutPrivate)(), ['mode'])), { prefixCls: String, id: String, value: { type: [String, Number, Object, Array] }, defaultValue: { type: [String, Number, Object, Array] }, onChange: { type: Function }, searchValue: String, /** @deprecated Use `searchValue` instead */ inputValue: String, onSearch: { type: Function }, autoClearSearchValue: { type: Boolean, default: undefined }, filterTreeNode: { type: [Boolean, Function], default: undefined }, treeNodeFilterProp: String, // >>> Select onSelect: Function, onDeselect: Function, showCheckedStrategy: { type: String }, treeNodeLabelProp: String, fieldNames: { type: Object }, // >>> Mode multiple: { type: Boolean, default: undefined }, treeCheckable: { type: Boolean, default: undefined }, treeCheckStrictly: { type: Boolean, default: undefined }, labelInValue: { type: Boolean, default: undefined }, // >>> Data treeData: { type: Array }, treeDataSimpleMode: { type: [Boolean, Object], default: undefined }, loadData: { type: Function }, treeLoadedKeys: { type: Array }, onTreeLoad: { type: Function }, // >>> Expanded treeDefaultExpandAll: { type: Boolean, default: undefined }, treeExpandedKeys: { type: Array }, treeDefaultExpandedKeys: { type: Array }, onTreeExpand: { type: Function }, // >>> Options virtual: { type: Boolean, default: undefined }, listHeight: Number, listItemHeight: Number, onDropdownVisibleChange: { type: Function }, // >>> Tree treeLine: { type: [Boolean, Object], default: undefined }, treeIcon: _util_vue_types__WEBPACK_IMPORTED_MODULE_5__["default"].any, showTreeIcon: { type: Boolean, default: undefined }, switcherIcon: _util_vue_types__WEBPACK_IMPORTED_MODULE_5__["default"].any, treeMotion: _util_vue_types__WEBPACK_IMPORTED_MODULE_5__["default"].any, children: Array, treeExpandAction: String, showArrow: { type: Boolean, default: undefined }, showSearch: { type: Boolean, default: undefined }, open: { type: Boolean, default: undefined }, defaultOpen: { type: Boolean, default: undefined }, disabled: { type: Boolean, default: undefined }, placeholder: _util_vue_types__WEBPACK_IMPORTED_MODULE_5__["default"].any, maxTagPlaceholder: { type: Function }, dropdownPopupAlign: _util_vue_types__WEBPACK_IMPORTED_MODULE_5__["default"].any, customSlots: Object }); } function isRawValue(value) { return !value || typeof value !== 'object'; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'TreeSelect', inheritAttrs: false, props: (0,_util_props_util__WEBPACK_IMPORTED_MODULE_6__["default"])(treeSelectProps(), { treeNodeFilterProp: 'value', autoClearSearchValue: true, showCheckedStrategy: _utils_strategyUtil__WEBPACK_IMPORTED_MODULE_7__.SHOW_CHILD, listHeight: 200, listItemHeight: 20, prefixCls: 'vc-tree-select' }), setup(props, _ref) { let { attrs, expose, slots } = _ref; const mergedId = (0,_vc_select_hooks_useId__WEBPACK_IMPORTED_MODULE_8__["default"])((0,vue__WEBPACK_IMPORTED_MODULE_2__.toRef)(props, 'id')); const treeConduction = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.treeCheckable && !props.treeCheckStrictly); const mergedCheckable = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.treeCheckable || props.treeCheckStrictly); const mergedLabelInValue = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.treeCheckStrictly || props.labelInValue); const mergedMultiple = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => mergedCheckable.value || props.multiple); // ========================== Warning =========================== if (true) { (0,vue__WEBPACK_IMPORTED_MODULE_2__.watchEffect)(() => { (0,_utils_warningPropsUtil__WEBPACK_IMPORTED_MODULE_9__["default"])(props); }); } // ========================= FieldNames ========================= const mergedFieldNames = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => (0,_utils_valueUtil__WEBPACK_IMPORTED_MODULE_10__.fillFieldNames)(props.fieldNames)); // =========================== Search =========================== const [mergedSearchValue, setSearchValue] = (0,_util_hooks_useMergedState__WEBPACK_IMPORTED_MODULE_11__["default"])('', { value: (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.searchValue !== undefined ? props.searchValue : props.inputValue), postState: search => search || '' }); const onInternalSearch = searchText => { var _a; setSearchValue(searchText); (_a = props.onSearch) === null || _a === void 0 ? void 0 : _a.call(props, searchText); }; // ============================ Data ============================ // `useTreeData` only do convert of `children` or `simpleMode`. // Else will return origin `treeData` for perf consideration. // Do not do anything to loop the data. const mergedTreeData = (0,_hooks_useTreeData__WEBPACK_IMPORTED_MODULE_12__["default"])((0,vue__WEBPACK_IMPORTED_MODULE_2__.toRef)(props, 'treeData'), (0,vue__WEBPACK_IMPORTED_MODULE_2__.toRef)(props, 'children'), (0,vue__WEBPACK_IMPORTED_MODULE_2__.toRef)(props, 'treeDataSimpleMode')); const { keyEntities, valueEntities } = (0,_hooks_useDataEntities__WEBPACK_IMPORTED_MODULE_13__["default"])(mergedTreeData, mergedFieldNames); /** Get `missingRawValues` which not exist in the tree yet */ const splitRawValues = newRawValues => { const missingRawValues = []; const existRawValues = []; // Keep missing value in the cache newRawValues.forEach(val => { if (valueEntities.value.has(val)) { existRawValues.push(val); } else { missingRawValues.push(val); } }); return { missingRawValues, existRawValues }; }; // Filtered Tree const filteredTreeData = (0,_hooks_useFilterTreeData__WEBPACK_IMPORTED_MODULE_14__["default"])(mergedTreeData, mergedSearchValue, { fieldNames: mergedFieldNames, treeNodeFilterProp: (0,vue__WEBPACK_IMPORTED_MODULE_2__.toRef)(props, 'treeNodeFilterProp'), filterTreeNode: (0,vue__WEBPACK_IMPORTED_MODULE_2__.toRef)(props, 'filterTreeNode') }); // =========================== Label ============================ const getLabel = item => { if (item) { if (props.treeNodeLabelProp) { return item[props.treeNodeLabelProp]; } // Loop from fieldNames const { _title: titleList } = mergedFieldNames.value; for (let i = 0; i < titleList.length; i += 1) { const title = item[titleList[i]]; if (title !== undefined) { return title; } } } }; // ========================= Wrap Value ========================= const toLabeledValues = draftValues => { const values = (0,_utils_valueUtil__WEBPACK_IMPORTED_MODULE_10__.toArray)(draftValues); return values.map(val => { if (isRawValue(val)) { return { value: val }; } return val; }); }; const convert2LabelValues = draftValues => { const values = toLabeledValues(draftValues); return values.map(item => { let { label: rawLabel } = item; const { value: rawValue, halfChecked: rawHalfChecked } = item; let rawDisabled; const entity = valueEntities.value.get(rawValue); // Fill missing label & status if (entity) { rawLabel = rawLabel !== null && rawLabel !== void 0 ? rawLabel : getLabel(entity.node); rawDisabled = entity.node.disabled; } return { label: rawLabel, value: rawValue, halfChecked: rawHalfChecked, disabled: rawDisabled }; }); }; // =========================== Values =========================== const [internalValue, setInternalValue] = (0,_util_hooks_useMergedState__WEBPACK_IMPORTED_MODULE_11__["default"])(props.defaultValue, { value: (0,vue__WEBPACK_IMPORTED_MODULE_2__.toRef)(props, 'value') }); const rawMixedLabeledValues = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => toLabeledValues(internalValue.value)); // Split value into full check and half check const rawLabeledValues = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)([]); const rawHalfLabeledValues = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)([]); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watchEffect)(() => { const fullCheckValues = []; const halfCheckValues = []; rawMixedLabeledValues.value.forEach(item => { if (item.halfChecked) { halfCheckValues.push(item); } else { fullCheckValues.push(item); } }); rawLabeledValues.value = fullCheckValues; rawHalfLabeledValues.value = halfCheckValues; }); // const [mergedValues] = useCache(rawLabeledValues); const rawValues = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => rawLabeledValues.value.map(item => item.value)); const { maxLevel, levelEntities } = (0,_vc_tree_useMaxLevel__WEBPACK_IMPORTED_MODULE_15__["default"])(keyEntities); // Convert value to key. Will fill missed keys for conduct check. const [rawCheckedValues, rawHalfCheckedValues] = (0,_hooks_useCheckedKeys__WEBPACK_IMPORTED_MODULE_16__["default"])(rawLabeledValues, rawHalfLabeledValues, treeConduction, keyEntities, maxLevel, levelEntities); // Convert rawCheckedKeys to check strategy related values const displayValues = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { // Collect keys which need to show const displayKeys = (0,_utils_strategyUtil__WEBPACK_IMPORTED_MODULE_7__.formatStrategyValues)(rawCheckedValues.value, props.showCheckedStrategy, keyEntities.value, mergedFieldNames.value); // Convert to value and filled with label const values = displayKeys.map(key => { var _a, _b, _c; return (_c = (_b = (_a = keyEntities.value[key]) === null || _a === void 0 ? void 0 : _a.node) === null || _b === void 0 ? void 0 : _b[mergedFieldNames.value.value]) !== null && _c !== void 0 ? _c : key; }); // Back fill with origin label const labeledValues = values.map(val => { const targetItem = rawLabeledValues.value.find(item => item.value === val); return { value: val, label: targetItem === null || targetItem === void 0 ? void 0 : targetItem.label }; }); const rawDisplayValues = convert2LabelValues(labeledValues); const firstVal = rawDisplayValues[0]; if (!mergedMultiple.value && firstVal && (0,_utils_valueUtil__WEBPACK_IMPORTED_MODULE_10__.isNil)(firstVal.value) && (0,_utils_valueUtil__WEBPACK_IMPORTED_MODULE_10__.isNil)(firstVal.label)) { return []; } return rawDisplayValues.map(item => { var _a; return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, item), { label: (_a = item.label) !== null && _a !== void 0 ? _a : item.value }); }); }); const [cachedDisplayValues] = (0,_hooks_useCache__WEBPACK_IMPORTED_MODULE_17__["default"])(displayValues); // =========================== Change =========================== const triggerChange = (newRawValues, extra, source) => { const labeledValues = convert2LabelValues(newRawValues); setInternalValue(labeledValues); // Clean up if needed if (props.autoClearSearchValue) { setSearchValue(''); } // Generate rest parameters is costly, so only do it when necessary if (props.onChange) { let eventValues = newRawValues; if (treeConduction.value) { const formattedKeyList = (0,_utils_strategyUtil__WEBPACK_IMPORTED_MODULE_7__.formatStrategyValues)(newRawValues, props.showCheckedStrategy, keyEntities.value, mergedFieldNames.value); eventValues = formattedKeyList.map(key => { const entity = valueEntities.value.get(key); return entity ? entity.node[mergedFieldNames.value.value] : key; }); } const { triggerValue, selected } = extra || { triggerValue: undefined, selected: undefined }; let returnRawValues = eventValues; // We need fill half check back if (props.treeCheckStrictly) { const halfValues = rawHalfLabeledValues.value.filter(item => !eventValues.includes(item.value)); returnRawValues = [...returnRawValues, ...halfValues]; } const returnLabeledValues = convert2LabelValues(returnRawValues); const additionalInfo = { // [Legacy] Always return as array contains label & value preValue: rawLabeledValues.value, triggerValue }; // [Legacy] Fill legacy data if user query. // This is expansive that we only fill when user query // https://github.com/react-component/tree-select/blob/fe33eb7c27830c9ac70cd1fdb1ebbe7bc679c16a/src/Select.jsx let showPosition = true; if (props.treeCheckStrictly || source === 'selection' && !selected) { showPosition = false; } (0,_utils_legacyUtil__WEBPACK_IMPORTED_MODULE_18__.fillAdditionalInfo)(additionalInfo, triggerValue, newRawValues, mergedTreeData.value, showPosition, mergedFieldNames.value); if (mergedCheckable.value) { additionalInfo.checked = selected; } else { additionalInfo.selected = selected; } const returnValues = mergedLabelInValue.value ? returnLabeledValues : returnLabeledValues.map(item => item.value); props.onChange(mergedMultiple.value ? returnValues : returnValues[0], mergedLabelInValue.value ? null : returnLabeledValues.map(item => item.label), additionalInfo); } }; // ========================== Options =========================== /** Trigger by option list */ const onOptionSelect = (selectedKey, _ref2) => { let { selected, source } = _ref2; var _a, _b, _c; const keyEntitiesValue = (0,vue__WEBPACK_IMPORTED_MODULE_2__.toRaw)(keyEntities.value); const valueEntitiesValue = (0,vue__WEBPACK_IMPORTED_MODULE_2__.toRaw)(valueEntities.value); const entity = keyEntitiesValue[selectedKey]; const node = entity === null || entity === void 0 ? void 0 : entity.node; const selectedValue = (_a = node === null || node === void 0 ? void 0 : node[mergedFieldNames.value.value]) !== null && _a !== void 0 ? _a : selectedKey; // Never be falsy but keep it safe if (!mergedMultiple.value) { // Single mode always set value triggerChange([selectedValue], { selected: true, triggerValue: selectedValue }, 'option'); } else { let newRawValues = selected ? [...rawValues.value, selectedValue] : rawCheckedValues.value.filter(v => v !== selectedValue); // Add keys if tree conduction if (treeConduction.value) { // Should keep missing values const { missingRawValues, existRawValues } = splitRawValues(newRawValues); const keyList = existRawValues.map(val => valueEntitiesValue.get(val).key); // Conduction by selected or not let checkedKeys; if (selected) { ({ checkedKeys } = (0,_vc_tree_utils_conductUtil__WEBPACK_IMPORTED_MODULE_19__.conductCheck)(keyList, true, keyEntitiesValue, maxLevel.value, levelEntities.value)); } else { ({ checkedKeys } = (0,_vc_tree_utils_conductUtil__WEBPACK_IMPORTED_MODULE_19__.conductCheck)(keyList, { checked: false, halfCheckedKeys: rawHalfCheckedValues.value }, keyEntitiesValue, maxLevel.value, levelEntities.value)); } // Fill back of keys newRawValues = [...missingRawValues, ...checkedKeys.map(key => keyEntitiesValue[key].node[mergedFieldNames.value.value])]; } triggerChange(newRawValues, { selected, triggerValue: selectedValue }, source || 'option'); } // Trigger select event if (selected || !mergedMultiple.value) { (_b = props.onSelect) === null || _b === void 0 ? void 0 : _b.call(props, selectedValue, (0,_utils_legacyUtil__WEBPACK_IMPORTED_MODULE_18__.fillLegacyProps)(node)); } else { (_c = props.onDeselect) === null || _c === void 0 ? void 0 : _c.call(props, selectedValue, (0,_utils_legacyUtil__WEBPACK_IMPORTED_MODULE_18__.fillLegacyProps)(node)); } }; // ========================== Dropdown ========================== const onInternalDropdownVisibleChange = open => { if (props.onDropdownVisibleChange) { const legacyParam = {}; Object.defineProperty(legacyParam, 'documentClickClose', { get() { (0,_vc_util_warning__WEBPACK_IMPORTED_MODULE_20__.warning)(false, 'Second param of `onDropdownVisibleChange` has been removed.'); return false; } }); props.onDropdownVisibleChange(open, legacyParam); } }; // ====================== Display Change ======================== const onDisplayValuesChange = (newValues, info) => { const newRawValues = newValues.map(item => item.value); if (info.type === 'clear') { triggerChange(newRawValues, {}, 'selection'); return; } // TreeSelect only have multiple mode which means display change only has remove if (info.values.length) { onOptionSelect(info.values[0].value, { selected: false, source: 'selection' }); } }; const { treeNodeFilterProp, // Data loadData, treeLoadedKeys, onTreeLoad, // Expanded treeDefaultExpandAll, treeExpandedKeys, treeDefaultExpandedKeys, onTreeExpand, // Options virtual, listHeight, listItemHeight, // Tree treeLine, treeIcon, showTreeIcon, switcherIcon, treeMotion, customSlots, dropdownMatchSelectWidth, treeExpandAction } = (0,vue__WEBPACK_IMPORTED_MODULE_2__.toRefs)(props); (0,_LegacyContext__WEBPACK_IMPORTED_MODULE_21__.useProvideLegacySelectContext)((0,_util_toReactive__WEBPACK_IMPORTED_MODULE_22__.toReactive)({ checkable: mergedCheckable, loadData, treeLoadedKeys, onTreeLoad, checkedKeys: rawCheckedValues, halfCheckedKeys: rawHalfCheckedValues, treeDefaultExpandAll, treeExpandedKeys, treeDefaultExpandedKeys, onTreeExpand, treeIcon, treeMotion, showTreeIcon, switcherIcon, treeLine, treeNodeFilterProp, keyEntities, customSlots })); (0,_TreeSelectContext__WEBPACK_IMPORTED_MODULE_23__.useProvideSelectContext)((0,_util_toReactive__WEBPACK_IMPORTED_MODULE_22__.toReactive)({ virtual, listHeight, listItemHeight, treeData: filteredTreeData, fieldNames: mergedFieldNames, onSelect: onOptionSelect, dropdownMatchSelectWidth, treeExpandAction })); const selectRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(); expose({ focus() { var _a; (_a = selectRef.value) === null || _a === void 0 ? void 0 : _a.focus(); }, blur() { var _a; (_a = selectRef.value) === null || _a === void 0 ? void 0 : _a.blur(); }, scrollTo(arg) { var _a; (_a = selectRef.value) === null || _a === void 0 ? void 0 : _a.scrollTo(arg); } }); return () => { var _a; const restProps = (0,_util_omit__WEBPACK_IMPORTED_MODULE_3__["default"])(props, ['id', 'prefixCls', 'customSlots', // Value 'value', 'defaultValue', 'onChange', 'onSelect', 'onDeselect', // Search 'searchValue', 'inputValue', 'onSearch', 'autoClearSearchValue', 'filterTreeNode', 'treeNodeFilterProp', // Selector 'showCheckedStrategy', 'treeNodeLabelProp', // Mode 'multiple', 'treeCheckable', 'treeCheckStrictly', 'labelInValue', // FieldNames 'fieldNames', // Data 'treeDataSimpleMode', 'treeData', 'children', 'loadData', 'treeLoadedKeys', 'onTreeLoad', // Expanded 'treeDefaultExpandAll', 'treeExpandedKeys', 'treeDefaultExpandedKeys', 'onTreeExpand', // Options 'virtual', 'listHeight', 'listItemHeight', 'onDropdownVisibleChange', // Tree 'treeLine', 'treeIcon', 'showTreeIcon', 'switcherIcon', 'treeMotion']); return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_vc_select_BaseSelect__WEBPACK_IMPORTED_MODULE_4__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "ref": selectRef }, attrs), restProps), {}, { "id": mergedId, "prefixCls": props.prefixCls, "mode": mergedMultiple.value ? 'multiple' : undefined, "displayValues": cachedDisplayValues.value, "onDisplayValuesChange": onDisplayValuesChange, "searchValue": mergedSearchValue.value, "onSearch": onInternalSearch, "OptionList": _OptionList__WEBPACK_IMPORTED_MODULE_24__["default"], "emptyOptions": !mergedTreeData.value.length, "onDropdownVisibleChange": onInternalDropdownVisibleChange, "tagRender": props.tagRender || slots.tagRender, "dropdownMatchSelectWidth": (_a = props.dropdownMatchSelectWidth) !== null && _a !== void 0 ? _a : true }), slots); }; } })); /***/ }), /***/ "./components/vc-tree-select/TreeSelectContext.ts": /*!********************************************************!*\ !*** ./components/vc-tree-select/TreeSelectContext.ts ***! \********************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ useInjectSelectContext), /* harmony export */ useProvideSelectContext: () => (/* binding */ useProvideSelectContext) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); const TreeSelectContextPropsKey = Symbol('TreeSelectContextPropsKey'); function useProvideSelectContext(props) { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.provide)(TreeSelectContextPropsKey, props); } function useInjectSelectContext() { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.inject)(TreeSelectContextPropsKey, {}); } /***/ }), /***/ "./components/vc-tree-select/hooks/useCache.ts": /*!*****************************************************!*\ !*** ./components/vc-tree-select/hooks/useCache.ts ***! \*****************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /** * This function will try to call requestIdleCallback if available to save performance. * No need `getLabel` here since already fetch on `rawLabeledValue`. */ /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (values => { const cacheRef = (0,vue__WEBPACK_IMPORTED_MODULE_1__.shallowRef)({ valueLabels: new Map() }); const mergedValues = (0,vue__WEBPACK_IMPORTED_MODULE_1__.shallowRef)(); (0,vue__WEBPACK_IMPORTED_MODULE_1__.watch)(values, () => { mergedValues.value = (0,vue__WEBPACK_IMPORTED_MODULE_1__.toRaw)(values.value); }, { immediate: true }); const newFilledValues = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { const { valueLabels } = cacheRef.value; const valueLabelsCache = new Map(); const filledValues = mergedValues.value.map(item => { var _a; const { value } = item; const mergedLabel = (_a = item.label) !== null && _a !== void 0 ? _a : valueLabels.get(value); // Save in cache valueLabelsCache.set(value, mergedLabel); return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, item), { label: mergedLabel }); }); cacheRef.value.valueLabels = valueLabelsCache; return filledValues; }); return [newFilledValues]; }); /***/ }), /***/ "./components/vc-tree-select/hooks/useCheckedKeys.ts": /*!***********************************************************!*\ !*** ./components/vc-tree-select/hooks/useCheckedKeys.ts ***! \***********************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _vc_tree_utils_conductUtil__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../vc-tree/utils/conductUtil */ "./components/vc-tree/utils/conductUtil.ts"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((rawLabeledValues, rawHalfCheckedValues, treeConduction, keyEntities, maxLevel, levelEntities) => { const newRawCheckedValues = (0,vue__WEBPACK_IMPORTED_MODULE_0__.shallowRef)([]); const newRawHalfCheckedValues = (0,vue__WEBPACK_IMPORTED_MODULE_0__.shallowRef)([]); (0,vue__WEBPACK_IMPORTED_MODULE_0__.watchEffect)(() => { let checkedKeys = rawLabeledValues.value.map(_ref => { let { value } = _ref; return value; }); let halfCheckedKeys = rawHalfCheckedValues.value.map(_ref2 => { let { value } = _ref2; return value; }); const missingValues = checkedKeys.filter(key => !keyEntities.value[key]); if (treeConduction.value) { ({ checkedKeys, halfCheckedKeys } = (0,_vc_tree_utils_conductUtil__WEBPACK_IMPORTED_MODULE_1__.conductCheck)(checkedKeys, true, keyEntities.value, maxLevel.value, levelEntities.value)); } newRawCheckedValues.value = Array.from(new Set([...missingValues, ...checkedKeys])); newRawHalfCheckedValues.value = halfCheckedKeys; }); return [newRawCheckedValues, newRawHalfCheckedValues]; }); /***/ }), /***/ "./components/vc-tree-select/hooks/useDataEntities.ts": /*!************************************************************!*\ !*** ./components/vc-tree-select/hooks/useDataEntities.ts ***! \************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _vc_tree_utils_treeUtil__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../vc-tree/utils/treeUtil */ "./components/vc-tree/utils/treeUtil.ts"); /* harmony import */ var _utils_valueUtil__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils/valueUtil */ "./components/vc-tree-select/utils/valueUtil.ts"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _vc_util_warning__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../vc-util/warning */ "./components/vc-util/warning.ts"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((treeData, fieldNames) => { const valueEntities = (0,vue__WEBPACK_IMPORTED_MODULE_1__.shallowRef)(new Map()); const keyEntities = (0,vue__WEBPACK_IMPORTED_MODULE_1__.shallowRef)({}); (0,vue__WEBPACK_IMPORTED_MODULE_1__.watchEffect)(() => { const fieldNamesValue = fieldNames.value; const collection = (0,_vc_tree_utils_treeUtil__WEBPACK_IMPORTED_MODULE_2__.convertDataToEntities)(treeData.value, { fieldNames: fieldNamesValue, initWrapper: wrapper => (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, wrapper), { valueEntities: new Map() }), processEntity: (entity, wrapper) => { const val = entity.node[fieldNamesValue.value]; // Check if exist same value if (true) { const key = entity.node.key; (0,_vc_util_warning__WEBPACK_IMPORTED_MODULE_3__.warning)(!(0,_utils_valueUtil__WEBPACK_IMPORTED_MODULE_4__.isNil)(val), 'TreeNode `value` is invalidate: undefined'); (0,_vc_util_warning__WEBPACK_IMPORTED_MODULE_3__.warning)(!wrapper.valueEntities.has(val), `Same \`value\` exist in the tree: ${val}`); (0,_vc_util_warning__WEBPACK_IMPORTED_MODULE_3__.warning)(!key || String(key) === String(val), `\`key\` or \`value\` with TreeNode must be the same or you can remove one of them. key: ${key}, value: ${val}.`); } wrapper.valueEntities.set(val, entity); } }); valueEntities.value = collection.valueEntities; keyEntities.value = collection.keyEntities; }); return { valueEntities, keyEntities }; }); /***/ }), /***/ "./components/vc-tree-select/hooks/useFilterTreeData.ts": /*!**************************************************************!*\ !*** ./components/vc-tree-select/hooks/useFilterTreeData.ts ***! \**************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _utils_legacyUtil__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils/legacyUtil */ "./components/vc-tree-select/utils/legacyUtil.tsx"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((treeData, searchValue, _ref) => { let { treeNodeFilterProp, filterTreeNode, fieldNames } = _ref; return (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { const { children: fieldChildren } = fieldNames.value; const searchValueVal = searchValue.value; const treeNodeFilterPropValue = treeNodeFilterProp === null || treeNodeFilterProp === void 0 ? void 0 : treeNodeFilterProp.value; if (!searchValueVal || filterTreeNode.value === false) { return treeData.value; } let filterOptionFunc; if (typeof filterTreeNode.value === 'function') { filterOptionFunc = filterTreeNode.value; } else { const upperStr = searchValueVal.toUpperCase(); filterOptionFunc = (_, dataNode) => { const value = dataNode[treeNodeFilterPropValue]; return String(value).toUpperCase().includes(upperStr); }; } function dig(list) { let keepAll = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false; const res = []; for (let index = 0, len = list.length; index < len; index++) { const dataNode = list[index]; const children = dataNode[fieldChildren]; const match = keepAll || filterOptionFunc(searchValueVal, (0,_utils_legacyUtil__WEBPACK_IMPORTED_MODULE_2__.fillLegacyProps)(dataNode)); const childList = dig(children || [], match); if (match || childList.length) { res.push((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, dataNode), { [fieldChildren]: childList })); } } return res; } return dig(treeData.value); }); }); /***/ }), /***/ "./components/vc-tree-select/hooks/useTreeData.ts": /*!********************************************************!*\ !*** ./components/vc-tree-select/hooks/useTreeData.ts ***! \********************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ useTreeData) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _utils_legacyUtil__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils/legacyUtil */ "./components/vc-tree-select/utils/legacyUtil.tsx"); function parseSimpleTreeData(treeData, _ref) { let { id, pId, rootPId } = _ref; const keyNodes = {}; const rootNodeList = []; // Fill in the map const nodeList = treeData.map(node => { const clone = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, node); const key = clone[id]; keyNodes[key] = clone; clone.key = clone.key || key; return clone; }); // Connect tree nodeList.forEach(node => { const parentKey = node[pId]; const parent = keyNodes[parentKey]; // Fill parent if (parent) { parent.children = parent.children || []; parent.children.push(node); } // Fill root tree node if (parentKey === rootPId || !parent && rootPId === null) { rootNodeList.push(node); } }); return rootNodeList; } /** * Convert `treeData` or `children` into formatted `treeData`. * Will not re-calculate if `treeData` or `children` not change. */ function useTreeData(treeData, children, simpleMode) { const mergedTreeData = (0,vue__WEBPACK_IMPORTED_MODULE_1__.shallowRef)(); (0,vue__WEBPACK_IMPORTED_MODULE_1__.watch)([simpleMode, treeData, children], () => { const simpleModeValue = simpleMode.value; if (treeData.value) { mergedTreeData.value = simpleMode.value ? parseSimpleTreeData((0,vue__WEBPACK_IMPORTED_MODULE_1__.toRaw)(treeData.value), (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ id: 'id', pId: 'pId', rootPId: null }, simpleModeValue !== true ? simpleModeValue : {})) : (0,vue__WEBPACK_IMPORTED_MODULE_1__.toRaw)(treeData.value).slice(); } else { mergedTreeData.value = (0,_utils_legacyUtil__WEBPACK_IMPORTED_MODULE_2__.convertChildrenToData)((0,vue__WEBPACK_IMPORTED_MODULE_1__.toRaw)(children.value)); } }, { immediate: true, deep: true }); return mergedTreeData; } /***/ }), /***/ "./components/vc-tree-select/index.tsx": /*!*********************************************!*\ !*** ./components/vc-tree-select/index.tsx ***! \*********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ SHOW_ALL: () => (/* reexport safe */ _utils_strategyUtil__WEBPACK_IMPORTED_MODULE_1__.SHOW_ALL), /* harmony export */ SHOW_CHILD: () => (/* reexport safe */ _utils_strategyUtil__WEBPACK_IMPORTED_MODULE_1__.SHOW_CHILD), /* harmony export */ SHOW_PARENT: () => (/* reexport safe */ _utils_strategyUtil__WEBPACK_IMPORTED_MODULE_1__.SHOW_PARENT), /* harmony export */ TreeNode: () => (/* reexport safe */ _TreeNode__WEBPACK_IMPORTED_MODULE_0__["default"]), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ treeSelectProps: () => (/* reexport safe */ _TreeSelect__WEBPACK_IMPORTED_MODULE_2__.treeSelectProps) /* harmony export */ }); /* harmony import */ var _TreeSelect__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./TreeSelect */ "./components/vc-tree-select/TreeSelect.tsx"); /* harmony import */ var _TreeNode__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./TreeNode */ "./components/vc-tree-select/TreeNode.tsx"); /* harmony import */ var _utils_strategyUtil__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils/strategyUtil */ "./components/vc-tree-select/utils/strategyUtil.ts"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_TreeSelect__WEBPACK_IMPORTED_MODULE_2__["default"]); /***/ }), /***/ "./components/vc-tree-select/utils/legacyUtil.tsx": /*!********************************************************!*\ !*** ./components/vc-tree-select/utils/legacyUtil.tsx ***! \********************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ convertChildrenToData: () => (/* binding */ convertChildrenToData), /* harmony export */ fillAdditionalInfo: () => (/* binding */ fillAdditionalInfo), /* harmony export */ fillLegacyProps: () => (/* binding */ fillLegacyProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../_util/props-util */ "./components/_util/props-util/index.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../_util/props-util */ "./components/_util/util.ts"); /* harmony import */ var _vc_util_warning__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../vc-util/warning */ "./components/vc-util/warning.ts"); /* harmony import */ var _TreeNode__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../TreeNode */ "./components/vc-tree-select/TreeNode.tsx"); var __rest = undefined && undefined.__rest || function (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 isTreeSelectNode(node) { return node && node.type && node.type.isTreeSelectNode; } function convertChildrenToData(rootNodes) { function dig() { let treeNodes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : []; return (0,_util_props_util__WEBPACK_IMPORTED_MODULE_2__.filterEmpty)(treeNodes).map(treeNode => { var _a, _b, _c; // Filter invalidate node if (!isTreeSelectNode(treeNode)) { (0,_vc_util_warning__WEBPACK_IMPORTED_MODULE_3__.warning)(!treeNode, 'TreeSelect/TreeSelectNode can only accept TreeSelectNode as children.'); return null; } const slots = treeNode.children || {}; const key = treeNode.key; const props = {}; for (const [k, v] of Object.entries(treeNode.props)) { props[(0,_util_props_util__WEBPACK_IMPORTED_MODULE_4__.camelize)(k)] = v; } const { isLeaf, checkable, selectable, disabled, disableCheckbox } = props; // 默认值为 undefined const newProps = { isLeaf: isLeaf || isLeaf === '' || undefined, checkable: checkable || checkable === '' || undefined, selectable: selectable || selectable === '' || undefined, disabled: disabled || disabled === '' || undefined, disableCheckbox: disableCheckbox || disableCheckbox === '' || undefined }; const slotsProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props), newProps); const { title = (_a = slots.title) === null || _a === void 0 ? void 0 : _a.call(slots, slotsProps), switcherIcon = (_b = slots.switcherIcon) === null || _b === void 0 ? void 0 : _b.call(slots, slotsProps) } = props, rest = __rest(props, ["title", "switcherIcon"]); const children = (_c = slots.default) === null || _c === void 0 ? void 0 : _c.call(slots); const dataNode = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, rest), { title, switcherIcon, key, isLeaf }), newProps); const parsedChildren = dig(children); if (parsedChildren.length) { dataNode.children = parsedChildren; } return dataNode; }); } return dig(rootNodes); } function fillLegacyProps(dataNode) { // Skip if not dataNode exist if (!dataNode) { return dataNode; } const cloneNode = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, dataNode); if (!('props' in cloneNode)) { Object.defineProperty(cloneNode, 'props', { get() { (0,_vc_util_warning__WEBPACK_IMPORTED_MODULE_3__.warning)(false, 'New `vc-tree-select` not support return node instance as argument anymore. Please consider to remove `props` access.'); return cloneNode; } }); } return cloneNode; } function fillAdditionalInfo(extra, triggerValue, checkedValues, treeData, showPosition, fieldNames) { let triggerNode = null; let nodeList = null; function generateMap() { function dig(list) { let level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '0'; let parentIncluded = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false; return list.map((option, index) => { const pos = `${level}-${index}`; const value = option[fieldNames.value]; const included = checkedValues.includes(value); const children = dig(option[fieldNames.children] || [], pos, included); const node = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_TreeNode__WEBPACK_IMPORTED_MODULE_5__["default"], option, { default: () => [children.map(child => child.node)] }); // Link with trigger node if (triggerValue === value) { triggerNode = node; } if (included) { const checkedNode = { pos, node, children }; if (!parentIncluded) { nodeList.push(checkedNode); } return checkedNode; } return null; }).filter(node => node); } if (!nodeList) { nodeList = []; dig(treeData); // Sort to keep the checked node length nodeList.sort((_ref, _ref2) => { let { node: { props: { value: val1 } } } = _ref; let { node: { props: { value: val2 } } } = _ref2; const index1 = checkedValues.indexOf(val1); const index2 = checkedValues.indexOf(val2); return index1 - index2; }); } } Object.defineProperty(extra, 'triggerNode', { get() { (0,_vc_util_warning__WEBPACK_IMPORTED_MODULE_3__.warning)(false, '`triggerNode` is deprecated. Please consider decoupling data with node.'); generateMap(); return triggerNode; } }); Object.defineProperty(extra, 'allCheckedNodes', { get() { (0,_vc_util_warning__WEBPACK_IMPORTED_MODULE_3__.warning)(false, '`allCheckedNodes` is deprecated. Please consider decoupling data with node.'); generateMap(); if (showPosition) { return nodeList; } return nodeList.map(_ref3 => { let { node } = _ref3; return node; }); } }); } /***/ }), /***/ "./components/vc-tree-select/utils/strategyUtil.ts": /*!*********************************************************!*\ !*** ./components/vc-tree-select/utils/strategyUtil.ts ***! \*********************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ SHOW_ALL: () => (/* binding */ SHOW_ALL), /* harmony export */ SHOW_CHILD: () => (/* binding */ SHOW_CHILD), /* harmony export */ SHOW_PARENT: () => (/* binding */ SHOW_PARENT), /* harmony export */ formatStrategyValues: () => (/* binding */ formatStrategyValues) /* harmony export */ }); /* harmony import */ var _valueUtil__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./valueUtil */ "./components/vc-tree-select/utils/valueUtil.ts"); const SHOW_ALL = 'SHOW_ALL'; const SHOW_PARENT = 'SHOW_PARENT'; const SHOW_CHILD = 'SHOW_CHILD'; function formatStrategyValues(values, strategy, keyEntities, fieldNames) { const valueSet = new Set(values); if (strategy === SHOW_CHILD) { return values.filter(key => { const entity = keyEntities[key]; if (entity && entity.children && entity.children.some(_ref => { let { node } = _ref; return valueSet.has(node[fieldNames.value]); }) && entity.children.every(_ref2 => { let { node } = _ref2; return (0,_valueUtil__WEBPACK_IMPORTED_MODULE_0__.isCheckDisabled)(node) || valueSet.has(node[fieldNames.value]); })) { return false; } return true; }); } if (strategy === SHOW_PARENT) { return values.filter(key => { const entity = keyEntities[key]; const parent = entity ? entity.parent : null; if (parent && !(0,_valueUtil__WEBPACK_IMPORTED_MODULE_0__.isCheckDisabled)(parent.node) && valueSet.has(parent.key)) { return false; } return true; }); } return values; } /***/ }), /***/ "./components/vc-tree-select/utils/valueUtil.ts": /*!******************************************************!*\ !*** ./components/vc-tree-select/utils/valueUtil.ts ***! \******************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ fillFieldNames: () => (/* binding */ fillFieldNames), /* harmony export */ getAllKeys: () => (/* binding */ getAllKeys), /* harmony export */ isCheckDisabled: () => (/* binding */ isCheckDisabled), /* harmony export */ isNil: () => (/* binding */ isNil), /* harmony export */ toArray: () => (/* binding */ toArray) /* harmony export */ }); function toArray(value) { if (Array.isArray(value)) { return value; } return value !== undefined ? [value] : []; } function fillFieldNames(fieldNames) { const { label, value, children } = fieldNames || {}; const mergedValue = value || 'value'; return { _title: label ? [label] : ['title', 'label'], value: mergedValue, key: mergedValue, children: children || 'children' }; } function isCheckDisabled(node) { return node.disabled || node.disableCheckbox || node.checkable === false; } /** Loop fetch all the keys exist in the tree */ function getAllKeys(treeData, fieldNames) { const keys = []; function dig(list) { list.forEach(item => { keys.push(item[fieldNames.value]); const children = item[fieldNames.children]; if (children) { dig(children); } }); } dig(treeData); return keys; } function isNil(val) { return val === null || val === undefined; } /***/ }), /***/ "./components/vc-tree-select/utils/warningPropsUtil.ts": /*!*************************************************************!*\ !*** ./components/vc-tree-select/utils/warningPropsUtil.ts ***! \*************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _vc_util_warning__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../vc-util/warning */ "./components/vc-util/warning.ts"); /* harmony import */ var _valueUtil__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./valueUtil */ "./components/vc-tree-select/utils/valueUtil.ts"); function warningProps(props) { const { searchPlaceholder, treeCheckStrictly, treeCheckable, labelInValue, value, multiple } = props; (0,_vc_util_warning__WEBPACK_IMPORTED_MODULE_0__.warning)(!searchPlaceholder, '`searchPlaceholder` has been removed, please use `placeholder` instead'); if (treeCheckStrictly && labelInValue === false) { (0,_vc_util_warning__WEBPACK_IMPORTED_MODULE_0__.warning)(false, '`treeCheckStrictly` will force set `labelInValue` to `true`.'); } if (labelInValue || treeCheckStrictly) { (0,_vc_util_warning__WEBPACK_IMPORTED_MODULE_0__.warning)((0,_valueUtil__WEBPACK_IMPORTED_MODULE_1__.toArray)(value).every(val => val && typeof val === 'object' && 'value' in val), 'Invalid prop `value` supplied to `TreeSelect`. You should use { label: string, value: string | number } or [{ label: string, value: string | number }] instead.'); } if (treeCheckStrictly || multiple || treeCheckable) { (0,_vc_util_warning__WEBPACK_IMPORTED_MODULE_0__.warning)(!value || Array.isArray(value), '`value` should be an array when `TreeSelect` is checkable or multiple.'); } else { (0,_vc_util_warning__WEBPACK_IMPORTED_MODULE_0__.warning)(!Array.isArray(value), '`value` should not be array when `TreeSelect` is single mode.'); } } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (warningProps); /***/ }), /***/ "./components/vc-tree/DropIndicator.tsx": /*!**********************************************!*\ !*** ./components/vc-tree/DropIndicator.tsx ***! \**********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ DropIndicator) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); function DropIndicator(_ref) { let { dropPosition, dropLevelOffset, indent } = _ref; const style = { pointerEvents: 'none', position: 'absolute', right: 0, backgroundColor: 'red', height: `${2}px` }; switch (dropPosition) { case -1: style.top = 0; style.left = `${-dropLevelOffset * indent}px`; break; case 1: style.bottom = 0; style.left = `${-dropLevelOffset * indent}px`; break; case 0: style.bottom = 0; style.left = `${indent}`; break; } return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", { "style": style }, null); } /***/ }), /***/ "./components/vc-tree/Indent.tsx": /*!***************************************!*\ !*** ./components/vc-tree/Indent.tsx ***! \***************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); const Indent = _ref => { let { prefixCls, level, isStart, isEnd } = _ref; const baseClassName = `${prefixCls}-indent-unit`; const list = []; for (let i = 0; i < level; i += 1) { list.push((0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("span", { "key": i, "class": { [baseClassName]: true, [`${baseClassName}-start`]: isStart[i], [`${baseClassName}-end`]: isEnd[i] } }, null)); } return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("span", { "aria-hidden": "true", "class": `${prefixCls}-indent` }, [list]); }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Indent); /***/ }), /***/ "./components/vc-tree/MotionTreeNode.tsx": /*!***********************************************!*\ !*** ./components/vc-tree/MotionTreeNode.tsx ***! \***********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _TreeNode__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./TreeNode */ "./components/vc-tree/TreeNode.tsx"); /* harmony import */ var _contextTypes__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./contextTypes */ "./components/vc-tree/contextTypes.ts"); /* harmony import */ var _props__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./props */ "./components/vc-tree/props.ts"); /* harmony import */ var _util_collapseMotion__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../_util/collapseMotion */ "./components/_util/collapseMotion.tsx"); var __rest = undefined && undefined.__rest || function (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; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'MotionTreeNode', inheritAttrs: false, props: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, _props__WEBPACK_IMPORTED_MODULE_3__.treeNodeProps), { active: Boolean, motion: Object, motionNodes: { type: Array }, onMotionStart: Function, onMotionEnd: Function, motionType: String }), setup(props, _ref) { let { attrs, slots } = _ref; const visible = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(true); const context = (0,_contextTypes__WEBPACK_IMPORTED_MODULE_4__.useInjectTreeContext)(); const motionedRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(false); const transitionProps = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { if (props.motion) { return props.motion; } else { return (0,_util_collapseMotion__WEBPACK_IMPORTED_MODULE_5__["default"])(); } }); const onMotionEnd = (node, type) => { var _a, _b, _c, _d; if (type === 'appear') { (_b = (_a = transitionProps.value) === null || _a === void 0 ? void 0 : _a.onAfterEnter) === null || _b === void 0 ? void 0 : _b.call(_a, node); } else if (type === 'leave') { (_d = (_c = transitionProps.value) === null || _c === void 0 ? void 0 : _c.onAfterLeave) === null || _d === void 0 ? void 0 : _d.call(_c, node); } if (!motionedRef.value) { props.onMotionEnd(); } motionedRef.value = true; }; (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)(() => props.motionNodes, () => { if (props.motionNodes && props.motionType === 'hide' && visible.value) { (0,vue__WEBPACK_IMPORTED_MODULE_2__.nextTick)(() => { visible.value = false; }); } }, { immediate: true, flush: 'post' }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.onMounted)(() => { props.motionNodes && props.onMotionStart(); }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.onBeforeUnmount)(() => { props.motionNodes && onMotionEnd(); }); return () => { const { motion, motionNodes, motionType, active, eventKey } = props, otherProps = __rest(props, ["motion", "motionNodes", "motionType", "active", "eventKey"]); if (motionNodes) { return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_2__.Transition, (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, transitionProps.value), {}, { "appear": motionType === 'show', "onAfterAppear": node => onMotionEnd(node, 'appear'), "onAfterLeave": node => onMotionEnd(node, 'leave') }), { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_2__.withDirectives)((0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": `${context.value.prefixCls}-treenode-motion` }, [motionNodes.map(treeNode => { const restProps = __rest(treeNode.data, []), { title, key, isStart, isEnd } = treeNode; delete restProps.children; return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_TreeNode__WEBPACK_IMPORTED_MODULE_6__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, restProps), {}, { "title": title, "active": active, "data": treeNode.data, "key": key, "eventKey": key, "isStart": isStart, "isEnd": isEnd }), slots); })]), [[vue__WEBPACK_IMPORTED_MODULE_2__.vShow, visible.value]])] }); } return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_TreeNode__WEBPACK_IMPORTED_MODULE_6__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "class": attrs.class, "style": attrs.style }, otherProps), {}, { "active": active, "eventKey": eventKey }), slots); }; } })); /***/ }), /***/ "./components/vc-tree/NodeList.tsx": /*!*****************************************!*\ !*** ./components/vc-tree/NodeList.tsx ***! \*****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ MOTION_KEY: () => (/* binding */ MOTION_KEY), /* harmony export */ MotionEntity: () => (/* binding */ MotionEntity), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ getMinimumRangeTransitionRange: () => (/* binding */ getMinimumRangeTransitionRange) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _vc_virtual_list__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../vc-virtual-list */ "./components/vc-virtual-list/index.ts"); /* harmony import */ var _util_omit__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../_util/omit */ "./components/_util/omit.ts"); /* harmony import */ var _contextTypes__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./contextTypes */ "./components/vc-tree/contextTypes.ts"); /* harmony import */ var _MotionTreeNode__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./MotionTreeNode */ "./components/vc-tree/MotionTreeNode.tsx"); /* harmony import */ var _props__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./props */ "./components/vc-tree/props.ts"); /* harmony import */ var _utils_diffUtil__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./utils/diffUtil */ "./components/vc-tree/utils/diffUtil.ts"); /* harmony import */ var _utils_treeUtil__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils/treeUtil */ "./components/vc-tree/utils/treeUtil.ts"); /** * Handle virtual list of the TreeNodes. */ var __rest = undefined && undefined.__rest || function (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; }; const HIDDEN_STYLE = { width: 0, height: 0, display: 'flex', overflow: 'hidden', opacity: 0, border: 0, padding: 0, margin: 0 }; const noop = () => {}; const MOTION_KEY = `RC_TREE_MOTION_${Math.random()}`; const MotionNode = { key: MOTION_KEY }; const MotionEntity = { key: MOTION_KEY, level: 0, index: 0, pos: '0', node: MotionNode, nodes: [MotionNode] }; const MotionFlattenData = { parent: null, children: [], pos: MotionEntity.pos, data: MotionNode, title: null, key: MOTION_KEY, /** Hold empty list here since we do not use it */ isStart: [], isEnd: [] }; /** * We only need get visible content items to play the animation. */ function getMinimumRangeTransitionRange(list, virtual, height, itemHeight) { if (virtual === false || !height) { return list; } return list.slice(0, Math.ceil(height / itemHeight) + 1); } function itemKey(item) { const { key, pos } = item; return (0,_utils_treeUtil__WEBPACK_IMPORTED_MODULE_3__.getKey)(key, pos); } function getAccessibilityPath(item) { let path = String(item.key); let current = item; while (current.parent) { current = current.parent; path = `${current.key} > ${path}`; } return path; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'NodeList', inheritAttrs: false, props: _props__WEBPACK_IMPORTED_MODULE_4__.nodeListProps, setup(props, _ref) { let { expose, attrs } = _ref; // =============================== Ref ================================ const listRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(); const indentMeasurerRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(); const { expandedKeys, flattenNodes } = (0,_contextTypes__WEBPACK_IMPORTED_MODULE_5__.useInjectKeysState)(); expose({ scrollTo: scroll => { listRef.value.scrollTo(scroll); }, getIndentWidth: () => indentMeasurerRef.value.offsetWidth }); // ============================== Motion ============================== const transitionData = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(flattenNodes.value); const transitionRange = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)([]); const motionType = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(null); function onMotionEnd() { transitionData.value = flattenNodes.value; transitionRange.value = []; motionType.value = null; props.onListChangeEnd(); } const context = (0,_contextTypes__WEBPACK_IMPORTED_MODULE_5__.useInjectTreeContext)(); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)([() => expandedKeys.value.slice(), flattenNodes], (_ref2, _ref3) => { let [expandedKeys, data] = _ref2; let [prevExpandedKeys, prevData] = _ref3; const diffExpanded = (0,_utils_diffUtil__WEBPACK_IMPORTED_MODULE_6__.findExpandedKeys)(prevExpandedKeys, expandedKeys); if (diffExpanded.key !== null) { const { virtual, height, itemHeight } = props; if (diffExpanded.add) { const keyIndex = prevData.findIndex(_ref4 => { let { key } = _ref4; return key === diffExpanded.key; }); const rangeNodes = getMinimumRangeTransitionRange((0,_utils_diffUtil__WEBPACK_IMPORTED_MODULE_6__.getExpandRange)(prevData, data, diffExpanded.key), virtual, height, itemHeight); const newTransitionData = prevData.slice(); newTransitionData.splice(keyIndex + 1, 0, MotionFlattenData); transitionData.value = newTransitionData; transitionRange.value = rangeNodes; motionType.value = 'show'; } else { const keyIndex = data.findIndex(_ref5 => { let { key } = _ref5; return key === diffExpanded.key; }); const rangeNodes = getMinimumRangeTransitionRange((0,_utils_diffUtil__WEBPACK_IMPORTED_MODULE_6__.getExpandRange)(data, prevData, diffExpanded.key), virtual, height, itemHeight); const newTransitionData = data.slice(); newTransitionData.splice(keyIndex + 1, 0, MotionFlattenData); transitionData.value = newTransitionData; transitionRange.value = rangeNodes; motionType.value = 'hide'; } } else if (prevData !== data) { transitionData.value = data; } }); // We should clean up motion if is changed by dragging (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)(() => context.value.dragging, dragging => { if (!dragging) { onMotionEnd(); } }); const mergedData = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.motion === undefined ? transitionData.value : flattenNodes.value); const onActiveChange = () => { props.onActiveChange(null); }; return () => { const _a = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, props), attrs), { prefixCls, selectable, checkable, disabled, motion, height, itemHeight, virtual, focusable, activeItem, focused, tabindex, onKeydown, onFocus, onBlur, onListChangeStart, onListChangeEnd } = _a, domProps = __rest(_a, ["prefixCls", "selectable", "checkable", "disabled", "motion", "height", "itemHeight", "virtual", "focusable", "activeItem", "focused", "tabindex", "onKeydown", "onFocus", "onBlur", "onListChangeStart", "onListChangeEnd"]); return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_2__.Fragment, null, [focused && activeItem && (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", { "style": HIDDEN_STYLE, "aria-live": "assertive" }, [getAccessibilityPath(activeItem)]), (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", null, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("input", { "style": HIDDEN_STYLE, "disabled": focusable === false || disabled, "tabindex": focusable !== false ? tabindex : null, "onKeydown": onKeydown, "onFocus": onFocus, "onBlur": onBlur, "value": "", "onChange": noop, "aria-label": "for screen reader" }, null)]), (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": `${prefixCls}-treenode`, "aria-hidden": true, "style": { position: 'absolute', pointerEvents: 'none', visibility: 'hidden', height: 0, overflow: 'hidden' } }, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": `${prefixCls}-indent` }, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "ref": indentMeasurerRef, "class": `${prefixCls}-indent-unit` }, null)])]), (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_vc_virtual_list__WEBPACK_IMPORTED_MODULE_7__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_util_omit__WEBPACK_IMPORTED_MODULE_8__["default"])(domProps, ['onActiveChange'])), {}, { "data": mergedData.value, "itemKey": itemKey, "height": height, "fullHeight": false, "virtual": virtual, "itemHeight": itemHeight, "prefixCls": `${prefixCls}-list`, "ref": listRef, "onVisibleChange": (originList, fullList) => { const originSet = new Set(originList); const restList = fullList.filter(item => !originSet.has(item)); // Motion node is not render. Skip motion if (restList.some(item => itemKey(item) === MOTION_KEY)) { onMotionEnd(); } } }), { default: treeNode => { const { pos } = treeNode, restProps = __rest(treeNode.data, []), { title, key, isStart, isEnd } = treeNode; const mergedKey = (0,_utils_treeUtil__WEBPACK_IMPORTED_MODULE_3__.getKey)(key, pos); delete restProps.key; delete restProps.children; return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_MotionTreeNode__WEBPACK_IMPORTED_MODULE_9__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, restProps), {}, { "eventKey": mergedKey, "title": title, "active": !!activeItem && key === activeItem.key, "data": treeNode.data, "isStart": isStart, "isEnd": isEnd, "motion": motion, "motionNodes": key === MOTION_KEY ? transitionRange.value : null, "motionType": motionType.value, "onMotionStart": onListChangeStart, "onMotionEnd": onMotionEnd, "onMousemove": onActiveChange }), null); } })]); }; } })); /***/ }), /***/ "./components/vc-tree/Tree.tsx": /*!*************************************!*\ !*** ./components/vc-tree/Tree.tsx ***! \*************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _contextTypes__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./contextTypes */ "./components/vc-tree/contextTypes.ts"); /* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./util */ "./components/vc-tree/util.tsx"); /* harmony import */ var _utils_treeUtil__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./utils/treeUtil */ "./components/vc-tree/utils/treeUtil.ts"); /* harmony import */ var _NodeList__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./NodeList */ "./components/vc-tree/NodeList.tsx"); /* harmony import */ var _utils_conductUtil__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./utils/conductUtil */ "./components/vc-tree/utils/conductUtil.ts"); /* harmony import */ var _DropIndicator__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./DropIndicator */ "./components/vc-tree/DropIndicator.tsx"); /* harmony import */ var _util_props_util_initDefaultProps__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/props-util/initDefaultProps */ "./components/_util/props-util/initDefaultProps.ts"); /* harmony import */ var _props__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./props */ "./components/vc-tree/props.ts"); /* harmony import */ var _vc_util_warning__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../vc-util/warning */ "./components/vc-util/warning.ts"); /* harmony import */ var _util_KeyCode__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../_util/KeyCode */ "./components/_util/KeyCode.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _util_pickAttrs__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../_util/pickAttrs */ "./components/_util/pickAttrs.ts"); /* harmony import */ var _useMaxLevel__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./useMaxLevel */ "./components/vc-tree/useMaxLevel.ts"); const MAX_RETRY_TIMES = 10; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'Tree', inheritAttrs: false, props: (0,_util_props_util_initDefaultProps__WEBPACK_IMPORTED_MODULE_3__["default"])((0,_props__WEBPACK_IMPORTED_MODULE_4__.treeProps)(), { prefixCls: 'vc-tree', showLine: false, showIcon: true, selectable: true, multiple: false, checkable: false, disabled: false, checkStrictly: false, draggable: false, expandAction: false, defaultExpandParent: true, autoExpandParent: false, defaultExpandAll: false, defaultExpandedKeys: [], defaultCheckedKeys: [], defaultSelectedKeys: [], dropIndicatorRender: _DropIndicator__WEBPACK_IMPORTED_MODULE_5__["default"], allowDrop: () => true }), setup(props, _ref) { let { attrs, slots, expose } = _ref; const destroyed = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(false); let delayedDragEnterLogic = {}; const indent = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(); const selectedKeys = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)([]); const checkedKeys = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)([]); const halfCheckedKeys = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)([]); const loadedKeys = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)([]); const loadingKeys = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)([]); const expandedKeys = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)([]); const loadingRetryTimes = {}; const dragState = (0,vue__WEBPACK_IMPORTED_MODULE_2__.reactive)({ draggingNodeKey: null, dragChildrenKeys: [], // dropTargetKey is the key of abstract-drop-node // the abstract-drop-node is the real drop node when drag and drop // not the DOM drag over node dropTargetKey: null, dropPosition: null, dropContainerKey: null, dropLevelOffset: null, dropTargetPos: null, dropAllowed: true, // the abstract-drag-over-node // if mouse is on the bottom of top dom node or no the top of the bottom dom node // abstract-drag-over-node is the top node dragOverNodeKey: null }); const treeData = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)([]); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)([() => props.treeData, () => props.children], () => { treeData.value = props.treeData !== undefined ? props.treeData.slice() : (0,_utils_treeUtil__WEBPACK_IMPORTED_MODULE_6__.convertTreeToData)((0,vue__WEBPACK_IMPORTED_MODULE_2__.toRaw)(props.children)); }, { immediate: true, deep: true }); const keyEntities = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)({}); const focused = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(false); const activeKey = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(null); const listChanging = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(false); const fieldNames = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => (0,_utils_treeUtil__WEBPACK_IMPORTED_MODULE_6__.fillFieldNames)(props.fieldNames)); const listRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(); let dragStartMousePosition = null; let dragNode = null; let currentMouseOverDroppableNodeKey = null; const treeNodeRequiredProps = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { return { expandedKeysSet: expandedKeysSet.value, selectedKeysSet: selectedKeysSet.value, loadedKeysSet: loadedKeysSet.value, loadingKeysSet: loadingKeysSet.value, checkedKeysSet: checkedKeysSet.value, halfCheckedKeysSet: halfCheckedKeysSet.value, dragOverNodeKey: dragState.dragOverNodeKey, dropPosition: dragState.dropPosition, keyEntities: keyEntities.value }; }); const expandedKeysSet = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { return new Set(expandedKeys.value); }); const selectedKeysSet = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { return new Set(selectedKeys.value); }); const loadedKeysSet = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { return new Set(loadedKeys.value); }); const loadingKeysSet = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { return new Set(loadingKeys.value); }); const checkedKeysSet = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { return new Set(checkedKeys.value); }); const halfCheckedKeysSet = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { return new Set(halfCheckedKeys.value); }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watchEffect)(() => { if (treeData.value) { const entitiesMap = (0,_utils_treeUtil__WEBPACK_IMPORTED_MODULE_6__.convertDataToEntities)(treeData.value, { fieldNames: fieldNames.value }); keyEntities.value = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({ [_NodeList__WEBPACK_IMPORTED_MODULE_7__.MOTION_KEY]: _NodeList__WEBPACK_IMPORTED_MODULE_7__.MotionEntity }, entitiesMap.keyEntities); } }); let init = false; // 处理 defaultXxxx api, 仅仅首次有效 (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)([() => props.expandedKeys, () => props.autoExpandParent, keyEntities], // eslint-disable-next-line @typescript-eslint/no-unused-vars (_ref2, _ref3) => { let [_newKeys, newAutoExpandParent] = _ref2; let [_oldKeys, oldAutoExpandParent] = _ref3; let keys = expandedKeys.value; // ================ expandedKeys ================= if (props.expandedKeys !== undefined || init && newAutoExpandParent !== oldAutoExpandParent) { keys = props.autoExpandParent || !init && props.defaultExpandParent ? (0,_util__WEBPACK_IMPORTED_MODULE_8__.conductExpandParent)(props.expandedKeys, keyEntities.value) : props.expandedKeys; } else if (!init && props.defaultExpandAll) { const cloneKeyEntities = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, keyEntities.value); delete cloneKeyEntities[_NodeList__WEBPACK_IMPORTED_MODULE_7__.MOTION_KEY]; keys = Object.keys(cloneKeyEntities).map(key => cloneKeyEntities[key].key); } else if (!init && props.defaultExpandedKeys) { keys = props.autoExpandParent || props.defaultExpandParent ? (0,_util__WEBPACK_IMPORTED_MODULE_8__.conductExpandParent)(props.defaultExpandedKeys, keyEntities.value) : props.defaultExpandedKeys; } if (keys) { expandedKeys.value = keys; } init = true; }, { immediate: true }); // ================ flattenNodes ================= const flattenNodes = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)([]); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watchEffect)(() => { flattenNodes.value = (0,_utils_treeUtil__WEBPACK_IMPORTED_MODULE_6__.flattenTreeData)(treeData.value, expandedKeys.value, fieldNames.value); }); // ================ selectedKeys ================= (0,vue__WEBPACK_IMPORTED_MODULE_2__.watchEffect)(() => { if (props.selectable) { if (props.selectedKeys !== undefined) { selectedKeys.value = (0,_util__WEBPACK_IMPORTED_MODULE_8__.calcSelectedKeys)(props.selectedKeys, props); } else if (!init && props.defaultSelectedKeys) { selectedKeys.value = (0,_util__WEBPACK_IMPORTED_MODULE_8__.calcSelectedKeys)(props.defaultSelectedKeys, props); } } }); const { maxLevel, levelEntities } = (0,_useMaxLevel__WEBPACK_IMPORTED_MODULE_9__["default"])(keyEntities); // ================= checkedKeys ================= (0,vue__WEBPACK_IMPORTED_MODULE_2__.watchEffect)(() => { if (props.checkable) { let checkedKeyEntity; if (props.checkedKeys !== undefined) { checkedKeyEntity = (0,_util__WEBPACK_IMPORTED_MODULE_8__.parseCheckedKeys)(props.checkedKeys) || {}; } else if (!init && props.defaultCheckedKeys) { checkedKeyEntity = (0,_util__WEBPACK_IMPORTED_MODULE_8__.parseCheckedKeys)(props.defaultCheckedKeys) || {}; } else if (treeData.value) { // If `treeData` changed, we also need check it checkedKeyEntity = (0,_util__WEBPACK_IMPORTED_MODULE_8__.parseCheckedKeys)(props.checkedKeys) || { checkedKeys: checkedKeys.value, halfCheckedKeys: halfCheckedKeys.value }; } if (checkedKeyEntity) { let { checkedKeys: newCheckedKeys = [], halfCheckedKeys: newHalfCheckedKeys = [] } = checkedKeyEntity; if (!props.checkStrictly) { const conductKeys = (0,_utils_conductUtil__WEBPACK_IMPORTED_MODULE_10__.conductCheck)(newCheckedKeys, true, keyEntities.value, maxLevel.value, levelEntities.value); ({ checkedKeys: newCheckedKeys, halfCheckedKeys: newHalfCheckedKeys } = conductKeys); } checkedKeys.value = newCheckedKeys; halfCheckedKeys.value = newHalfCheckedKeys; } } }); // ================= loadedKeys ================== (0,vue__WEBPACK_IMPORTED_MODULE_2__.watchEffect)(() => { if (props.loadedKeys) { loadedKeys.value = props.loadedKeys; } }); const resetDragState = () => { (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])(dragState, { dragOverNodeKey: null, dropPosition: null, dropLevelOffset: null, dropTargetKey: null, dropContainerKey: null, dropTargetPos: null, dropAllowed: false }); }; const scrollTo = scroll => { listRef.value.scrollTo(scroll); }; (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)(() => props.activeKey, () => { if (props.activeKey !== undefined) { activeKey.value = props.activeKey; } }, { immediate: true }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)(activeKey, val => { (0,vue__WEBPACK_IMPORTED_MODULE_2__.nextTick)(() => { if (val !== null) { scrollTo({ key: val }); } }); }, { immediate: true, flush: 'post' }); // =========================== Expanded =========================== /** Set uncontrolled `expandedKeys`. This will also auto update `flattenNodes`. */ const setExpandedKeys = keys => { if (props.expandedKeys === undefined) { expandedKeys.value = keys; } }; const cleanDragState = () => { if (dragState.draggingNodeKey !== null) { (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])(dragState, { draggingNodeKey: null, dropPosition: null, dropContainerKey: null, dropTargetKey: null, dropLevelOffset: null, dropAllowed: true, dragOverNodeKey: null }); } dragStartMousePosition = null; currentMouseOverDroppableNodeKey = null; }; // if onNodeDragEnd is called, onWindowDragEnd won't be called since stopPropagation() is called const onNodeDragEnd = (event, node) => { const { onDragend } = props; dragState.dragOverNodeKey = null; cleanDragState(); onDragend === null || onDragend === void 0 ? void 0 : onDragend({ event, node: node.eventData }); dragNode = null; }; // since stopPropagation() is called in treeNode // if onWindowDrag is called, whice means state is keeped, drag state should be cleared const onWindowDragEnd = event => { onNodeDragEnd(event, null, true); window.removeEventListener('dragend', onWindowDragEnd); }; const onNodeDragStart = (event, node) => { const { onDragstart } = props; const { eventKey, eventData } = node; dragNode = node; dragStartMousePosition = { x: event.clientX, y: event.clientY }; const newExpandedKeys = (0,_util__WEBPACK_IMPORTED_MODULE_8__.arrDel)(expandedKeys.value, eventKey); dragState.draggingNodeKey = eventKey; dragState.dragChildrenKeys = (0,_util__WEBPACK_IMPORTED_MODULE_8__.getDragChildrenKeys)(eventKey, keyEntities.value); indent.value = listRef.value.getIndentWidth(); setExpandedKeys(newExpandedKeys); window.addEventListener('dragend', onWindowDragEnd); if (onDragstart) { onDragstart({ event, node: eventData }); } }; /** * [Legacy] Select handler is smaller than node, * so that this will trigger when drag enter node or select handler. * This is a little tricky if customize css without padding. * Better for use mouse move event to refresh drag state. * But let's just keep it to avoid event trigger logic change. */ const onNodeDragEnter = (event, node) => { const { onDragenter, onExpand, allowDrop, direction } = props; const { pos, eventKey } = node; // record the key of node which is latest entered, used in dragleave event. if (currentMouseOverDroppableNodeKey !== eventKey) { currentMouseOverDroppableNodeKey = eventKey; } if (!dragNode) { resetDragState(); return; } const { dropPosition, dropLevelOffset, dropTargetKey, dropContainerKey, dropTargetPos, dropAllowed, dragOverNodeKey } = (0,_util__WEBPACK_IMPORTED_MODULE_8__.calcDropPosition)(event, dragNode, node, indent.value, dragStartMousePosition, allowDrop, flattenNodes.value, keyEntities.value, expandedKeysSet.value, direction); if ( // don't allow drop inside its children dragState.dragChildrenKeys.indexOf(dropTargetKey) !== -1 || // don't allow drop when drop is not allowed caculated by calcDropPosition !dropAllowed) { resetDragState(); return; } // Side effect for delay drag if (!delayedDragEnterLogic) { delayedDragEnterLogic = {}; } Object.keys(delayedDragEnterLogic).forEach(key => { clearTimeout(delayedDragEnterLogic[key]); }); if (dragNode.eventKey !== node.eventKey) { // hoist expand logic here // since if logic is on the bottom // it will be blocked by abstract dragover node check // => if you dragenter from top, you mouse will still be consider as in the top node delayedDragEnterLogic[pos] = window.setTimeout(() => { if (dragState.draggingNodeKey === null) return; let newExpandedKeys = expandedKeys.value.slice(); const entity = keyEntities.value[node.eventKey]; if (entity && (entity.children || []).length) { newExpandedKeys = (0,_util__WEBPACK_IMPORTED_MODULE_8__.arrAdd)(expandedKeys.value, node.eventKey); } setExpandedKeys(newExpandedKeys); if (onExpand) { onExpand(newExpandedKeys, { node: node.eventData, expanded: true, nativeEvent: event }); } }, 800); } // Skip if drag node is self if (dragNode.eventKey === dropTargetKey && dropLevelOffset === 0) { resetDragState(); return; } // Update drag over node and drag state (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])(dragState, { dragOverNodeKey, dropPosition, dropLevelOffset, dropTargetKey, dropContainerKey, dropTargetPos, dropAllowed }); if (onDragenter) { onDragenter({ event, node: node.eventData, expandedKeys: expandedKeys.value }); } }; const onNodeDragOver = (event, node) => { const { onDragover, allowDrop, direction } = props; if (!dragNode) { return; } const { dropPosition, dropLevelOffset, dropTargetKey, dropContainerKey, dropAllowed, dropTargetPos, dragOverNodeKey } = (0,_util__WEBPACK_IMPORTED_MODULE_8__.calcDropPosition)(event, dragNode, node, indent.value, dragStartMousePosition, allowDrop, flattenNodes.value, keyEntities.value, expandedKeysSet.value, direction); if (dragState.dragChildrenKeys.indexOf(dropTargetKey) !== -1 || !dropAllowed) { // don't allow drop inside its children // don't allow drop when drop is not allowed caculated by calcDropPosition return; } // Update drag position if (dragNode.eventKey === dropTargetKey && dropLevelOffset === 0) { if (!(dragState.dropPosition === null && dragState.dropLevelOffset === null && dragState.dropTargetKey === null && dragState.dropContainerKey === null && dragState.dropTargetPos === null && dragState.dropAllowed === false && dragState.dragOverNodeKey === null)) { resetDragState(); } } else if (!(dropPosition === dragState.dropPosition && dropLevelOffset === dragState.dropLevelOffset && dropTargetKey === dragState.dropTargetKey && dropContainerKey === dragState.dropContainerKey && dropTargetPos === dragState.dropTargetPos && dropAllowed === dragState.dropAllowed && dragOverNodeKey === dragState.dragOverNodeKey)) { (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])(dragState, { dropPosition, dropLevelOffset, dropTargetKey, dropContainerKey, dropTargetPos, dropAllowed, dragOverNodeKey }); } if (onDragover) { onDragover({ event, node: node.eventData }); } }; const onNodeDragLeave = (event, node) => { // if it is outside the droppable area // currentMouseOverDroppableNodeKey will be updated in dragenter event when into another droppable receiver. if (currentMouseOverDroppableNodeKey === node.eventKey && !event.currentTarget.contains(event.relatedTarget)) { resetDragState(); currentMouseOverDroppableNodeKey = null; } const { onDragleave } = props; if (onDragleave) { onDragleave({ event, node: node.eventData }); } }; const onNodeDrop = function (event, _node) { let outsideTree = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false; var _a; const { dragChildrenKeys, dropPosition, dropTargetKey, dropTargetPos, dropAllowed } = dragState; if (!dropAllowed) return; const { onDrop } = props; dragState.dragOverNodeKey = null; cleanDragState(); if (dropTargetKey === null) return; const abstractDropNodeProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, (0,_utils_treeUtil__WEBPACK_IMPORTED_MODULE_6__.getTreeNodeProps)(dropTargetKey, (0,vue__WEBPACK_IMPORTED_MODULE_2__.toRaw)(treeNodeRequiredProps.value))), { active: ((_a = activeItem.value) === null || _a === void 0 ? void 0 : _a.key) === dropTargetKey, data: keyEntities.value[dropTargetKey].node }); const dropToChild = dragChildrenKeys.indexOf(dropTargetKey) !== -1; (0,_vc_util_warning__WEBPACK_IMPORTED_MODULE_11__.warning)(!dropToChild, "Can not drop to dragNode's children node. Maybe this is a bug of ant-design-vue. Please report an issue."); const posArr = (0,_util__WEBPACK_IMPORTED_MODULE_8__.posToArr)(dropTargetPos); const dropResult = { event, node: (0,_utils_treeUtil__WEBPACK_IMPORTED_MODULE_6__.convertNodePropsToEventData)(abstractDropNodeProps), dragNode: dragNode ? dragNode.eventData : null, dragNodesKeys: [dragNode.eventKey].concat(dragChildrenKeys), dropToGap: dropPosition !== 0, dropPosition: dropPosition + Number(posArr[posArr.length - 1]) }; if (!outsideTree) { onDrop === null || onDrop === void 0 ? void 0 : onDrop(dropResult); } dragNode = null; }; const triggerExpandActionExpand = (e, treeNode) => { const { expanded, key } = treeNode; const node = flattenNodes.value.filter(nodeItem => nodeItem.key === key)[0]; const eventNode = (0,_utils_treeUtil__WEBPACK_IMPORTED_MODULE_6__.convertNodePropsToEventData)((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, (0,_utils_treeUtil__WEBPACK_IMPORTED_MODULE_6__.getTreeNodeProps)(key, treeNodeRequiredProps.value)), { data: node.data })); setExpandedKeys(expanded ? (0,_util__WEBPACK_IMPORTED_MODULE_8__.arrDel)(expandedKeys.value, key) : (0,_util__WEBPACK_IMPORTED_MODULE_8__.arrAdd)(expandedKeys.value, key)); onNodeExpand(e, eventNode); }; const onNodeClick = (e, treeNode) => { const { onClick, expandAction } = props; if (expandAction === 'click') { triggerExpandActionExpand(e, treeNode); } if (onClick) { onClick(e, treeNode); } }; const onNodeDoubleClick = (e, treeNode) => { const { onDblclick, expandAction } = props; if (expandAction === 'doubleclick' || expandAction === 'dblclick') { triggerExpandActionExpand(e, treeNode); } if (onDblclick) { onDblclick(e, treeNode); } }; const onNodeSelect = (e, treeNode) => { let newSelectedKeys = selectedKeys.value; const { onSelect, multiple } = props; const { selected } = treeNode; const key = treeNode[fieldNames.value.key]; const targetSelected = !selected; // Update selected keys if (!targetSelected) { newSelectedKeys = (0,_util__WEBPACK_IMPORTED_MODULE_8__.arrDel)(newSelectedKeys, key); } else if (!multiple) { newSelectedKeys = [key]; } else { newSelectedKeys = (0,_util__WEBPACK_IMPORTED_MODULE_8__.arrAdd)(newSelectedKeys, key); } // [Legacy] Not found related usage in doc or upper libs const keyEntitiesValue = keyEntities.value; const selectedNodes = newSelectedKeys.map(selectedKey => { const entity = keyEntitiesValue[selectedKey]; if (!entity) return null; return entity.node; }).filter(node => node); if (props.selectedKeys === undefined) { selectedKeys.value = newSelectedKeys; } if (onSelect) { onSelect(newSelectedKeys, { event: 'select', selected: targetSelected, node: treeNode, selectedNodes, nativeEvent: e }); } }; const onNodeCheck = (e, treeNode, checked) => { const { checkStrictly, onCheck } = props; const key = treeNode[fieldNames.value.key]; // Prepare trigger arguments let checkedObj; const eventObj = { event: 'check', node: treeNode, checked, nativeEvent: e }; const keyEntitiesValue = keyEntities.value; if (checkStrictly) { const newCheckedKeys = checked ? (0,_util__WEBPACK_IMPORTED_MODULE_8__.arrAdd)(checkedKeys.value, key) : (0,_util__WEBPACK_IMPORTED_MODULE_8__.arrDel)(checkedKeys.value, key); const newHalfCheckedKeys = (0,_util__WEBPACK_IMPORTED_MODULE_8__.arrDel)(halfCheckedKeys.value, key); checkedObj = { checked: newCheckedKeys, halfChecked: newHalfCheckedKeys }; eventObj.checkedNodes = newCheckedKeys.map(checkedKey => keyEntitiesValue[checkedKey]).filter(entity => entity).map(entity => entity.node); if (props.checkedKeys === undefined) { checkedKeys.value = newCheckedKeys; } } else { // Always fill first let { checkedKeys: newCheckedKeys, halfCheckedKeys: newHalfCheckedKeys } = (0,_utils_conductUtil__WEBPACK_IMPORTED_MODULE_10__.conductCheck)([...checkedKeys.value, key], true, keyEntitiesValue, maxLevel.value, levelEntities.value); // If remove, we do it again to correction if (!checked) { const keySet = new Set(newCheckedKeys); keySet.delete(key); ({ checkedKeys: newCheckedKeys, halfCheckedKeys: newHalfCheckedKeys } = (0,_utils_conductUtil__WEBPACK_IMPORTED_MODULE_10__.conductCheck)(Array.from(keySet), { checked: false, halfCheckedKeys: newHalfCheckedKeys }, keyEntitiesValue, maxLevel.value, levelEntities.value)); } checkedObj = newCheckedKeys; // [Legacy] This is used for vc-tree-select` eventObj.checkedNodes = []; eventObj.checkedNodesPositions = []; eventObj.halfCheckedKeys = newHalfCheckedKeys; newCheckedKeys.forEach(checkedKey => { const entity = keyEntitiesValue[checkedKey]; if (!entity) return; const { node, pos } = entity; eventObj.checkedNodes.push(node); eventObj.checkedNodesPositions.push({ node, pos }); }); if (props.checkedKeys === undefined) { checkedKeys.value = newCheckedKeys; halfCheckedKeys.value = newHalfCheckedKeys; } } if (onCheck) { onCheck(checkedObj, eventObj); } }; const onNodeLoad = treeNode => { const key = treeNode[fieldNames.value.key]; const loadPromise = new Promise((resolve, reject) => { // We need to get the latest state of loading/loaded keys const { loadData, onLoad } = props; if (!loadData || loadedKeysSet.value.has(key) || loadingKeysSet.value.has(key)) { return null; } // Process load data const promise = loadData(treeNode); promise.then(() => { const newLoadedKeys = (0,_util__WEBPACK_IMPORTED_MODULE_8__.arrAdd)(loadedKeys.value, key); const newLoadingKeys = (0,_util__WEBPACK_IMPORTED_MODULE_8__.arrDel)(loadingKeys.value, key); // onLoad should trigger before internal setState to avoid `loadData` trigger twice. // https://github.com/ant-design/ant-design/issues/12464 if (onLoad) { onLoad(newLoadedKeys, { event: 'load', node: treeNode }); } if (props.loadedKeys === undefined) { loadedKeys.value = newLoadedKeys; } loadingKeys.value = newLoadingKeys; resolve(); }).catch(e => { const newLoadingKeys = (0,_util__WEBPACK_IMPORTED_MODULE_8__.arrDel)(loadingKeys.value, key); loadingKeys.value = newLoadingKeys; // If exceed max retry times, we give up retry loadingRetryTimes[key] = (loadingRetryTimes[key] || 0) + 1; if (loadingRetryTimes[key] >= MAX_RETRY_TIMES) { (0,_vc_util_warning__WEBPACK_IMPORTED_MODULE_11__.warning)(false, 'Retry for `loadData` many times but still failed. No more retry.'); const newLoadedKeys = (0,_util__WEBPACK_IMPORTED_MODULE_8__.arrAdd)(loadedKeys.value, key); if (props.loadedKeys === undefined) { loadedKeys.value = newLoadedKeys; } resolve(); } reject(e); }); loadingKeys.value = (0,_util__WEBPACK_IMPORTED_MODULE_8__.arrAdd)(loadingKeys.value, key); }); // Not care warning if we ignore this loadPromise.catch(() => {}); return loadPromise; }; const onNodeMouseEnter = (event, node) => { const { onMouseenter } = props; if (onMouseenter) { onMouseenter({ event, node }); } }; const onNodeMouseLeave = (event, node) => { const { onMouseleave } = props; if (onMouseleave) { onMouseleave({ event, node }); } }; const onNodeContextMenu = (event, node) => { const { onRightClick } = props; if (onRightClick) { event.preventDefault(); onRightClick({ event, node }); } }; const onFocus = e => { const { onFocus } = props; focused.value = true; if (onFocus) { onFocus(e); } }; const onBlur = e => { const { onBlur } = props; focused.value = false; onActiveChange(null); if (onBlur) { onBlur(e); } }; const onNodeExpand = (e, treeNode) => { let newExpandedKeys = expandedKeys.value; const { onExpand, loadData } = props; const { expanded } = treeNode; const key = treeNode[fieldNames.value.key]; // Do nothing when motion is in progress if (listChanging.value) { return; } // Update selected keys const index = newExpandedKeys.indexOf(key); const targetExpanded = !expanded; (0,_vc_util_warning__WEBPACK_IMPORTED_MODULE_11__.warning)(expanded && index !== -1 || !expanded && index === -1, 'Expand state not sync with index check'); if (targetExpanded) { newExpandedKeys = (0,_util__WEBPACK_IMPORTED_MODULE_8__.arrAdd)(newExpandedKeys, key); } else { newExpandedKeys = (0,_util__WEBPACK_IMPORTED_MODULE_8__.arrDel)(newExpandedKeys, key); } setExpandedKeys(newExpandedKeys); if (onExpand) { onExpand(newExpandedKeys, { node: treeNode, expanded: targetExpanded, nativeEvent: e }); } // Async Load data if (targetExpanded && loadData) { const loadPromise = onNodeLoad(treeNode); if (loadPromise) { loadPromise.then(() => { // [Legacy] Refresh logic // const newFlattenTreeData = flattenTreeData( // treeData.value, // newExpandedKeys, // fieldNames.value, // ); // flattenNodes.value = newFlattenTreeData; }).catch(e => { const expandedKeysToRestore = (0,_util__WEBPACK_IMPORTED_MODULE_8__.arrDel)(expandedKeys.value, key); setExpandedKeys(expandedKeysToRestore); Promise.reject(e); }); } } }; const onListChangeStart = () => { listChanging.value = true; }; const onListChangeEnd = () => { setTimeout(() => { listChanging.value = false; }); }; // =========================== Keyboard =========================== const onActiveChange = newActiveKey => { const { onActiveChange } = props; if (activeKey.value === newActiveKey) { return; } if (props.activeKey !== undefined) { activeKey.value = newActiveKey; } if (newActiveKey !== null) { scrollTo({ key: newActiveKey }); } if (onActiveChange) { onActiveChange(newActiveKey); } }; const activeItem = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { if (activeKey.value === null) { return null; } return flattenNodes.value.find(_ref4 => { let { key } = _ref4; return key === activeKey.value; }) || null; }); const offsetActiveKey = offset => { let index = flattenNodes.value.findIndex(_ref5 => { let { key } = _ref5; return key === activeKey.value; }); // Align with index if (index === -1 && offset < 0) { index = flattenNodes.value.length; } index = (index + offset + flattenNodes.value.length) % flattenNodes.value.length; const item = flattenNodes.value[index]; if (item) { const { key } = item; onActiveChange(key); } else { onActiveChange(null); } }; const activeItemEventNode = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { return (0,_utils_treeUtil__WEBPACK_IMPORTED_MODULE_6__.convertNodePropsToEventData)((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, (0,_utils_treeUtil__WEBPACK_IMPORTED_MODULE_6__.getTreeNodeProps)(activeKey.value, treeNodeRequiredProps.value)), { data: activeItem.value.data, active: true })); }); const onKeydown = event => { const { onKeydown, checkable, selectable } = props; // >>>>>>>>>> Direction switch (event.which) { case _util_KeyCode__WEBPACK_IMPORTED_MODULE_12__["default"].UP: { offsetActiveKey(-1); event.preventDefault(); break; } case _util_KeyCode__WEBPACK_IMPORTED_MODULE_12__["default"].DOWN: { offsetActiveKey(1); event.preventDefault(); break; } } // >>>>>>>>>> Expand & Selection const item = activeItem.value; if (item && item.data) { const expandable = item.data.isLeaf === false || !!(item.data.children || []).length; const eventNode = activeItemEventNode.value; switch (event.which) { // >>> Expand case _util_KeyCode__WEBPACK_IMPORTED_MODULE_12__["default"].LEFT: { // Collapse if possible if (expandable && expandedKeysSet.value.has(activeKey.value)) { onNodeExpand({}, eventNode); } else if (item.parent) { onActiveChange(item.parent.key); } event.preventDefault(); break; } case _util_KeyCode__WEBPACK_IMPORTED_MODULE_12__["default"].RIGHT: { // Expand if possible if (expandable && !expandedKeysSet.value.has(activeKey.value)) { onNodeExpand({}, eventNode); } else if (item.children && item.children.length) { onActiveChange(item.children[0].key); } event.preventDefault(); break; } // Selection case _util_KeyCode__WEBPACK_IMPORTED_MODULE_12__["default"].ENTER: case _util_KeyCode__WEBPACK_IMPORTED_MODULE_12__["default"].SPACE: { if (checkable && !eventNode.disabled && eventNode.checkable !== false && !eventNode.disableCheckbox) { onNodeCheck({}, eventNode, !checkedKeysSet.value.has(activeKey.value)); } else if (!checkable && selectable && !eventNode.disabled && eventNode.selectable !== false) { onNodeSelect({}, eventNode); } break; } } } if (onKeydown) { onKeydown(event); } }; expose({ onNodeExpand, scrollTo, onKeydown, selectedKeys: (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => selectedKeys.value), checkedKeys: (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => checkedKeys.value), halfCheckedKeys: (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => halfCheckedKeys.value), loadedKeys: (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => loadedKeys.value), loadingKeys: (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => loadingKeys.value), expandedKeys: (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => expandedKeys.value) }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.onUnmounted)(() => { window.removeEventListener('dragend', onWindowDragEnd); destroyed.value = true; }); (0,_contextTypes__WEBPACK_IMPORTED_MODULE_13__.useProvideKeysState)({ expandedKeys, selectedKeys, loadedKeys, loadingKeys, checkedKeys, halfCheckedKeys, expandedKeysSet, selectedKeysSet, loadedKeysSet, loadingKeysSet, checkedKeysSet, halfCheckedKeysSet, flattenNodes }); return () => { const { // focused, // flattenNodes, // keyEntities, draggingNodeKey, // activeKey, dropLevelOffset, dropContainerKey, dropTargetKey, dropPosition, dragOverNodeKey // indent, } = dragState; const { prefixCls, showLine, focusable, tabindex = 0, selectable, showIcon, icon = slots.icon, switcherIcon, draggable, checkable, checkStrictly, disabled, motion, loadData, filterTreeNode, height, itemHeight, virtual, dropIndicatorRender, onContextmenu, onScroll, direction, rootClassName, rootStyle } = props; const { class: className, style } = attrs; const domProps = (0,_util_pickAttrs__WEBPACK_IMPORTED_MODULE_14__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, props), attrs), { aria: true, data: true }); // It's better move to hooks but we just simply keep here let draggableConfig; if (draggable) { if (typeof draggable === 'object') { draggableConfig = draggable; } else if (typeof draggable === 'function') { draggableConfig = { nodeDraggable: draggable }; } else { draggableConfig = {}; } } else { draggableConfig = false; } return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_contextTypes__WEBPACK_IMPORTED_MODULE_13__.TreeContext, { "value": { prefixCls, selectable, showIcon, icon, switcherIcon, draggable: draggableConfig, draggingNodeKey, checkable, customCheckable: slots.checkable, checkStrictly, disabled, keyEntities: keyEntities.value, dropLevelOffset, dropContainerKey, dropTargetKey, dropPosition, dragOverNodeKey, dragging: draggingNodeKey !== null, indent: indent.value, direction, dropIndicatorRender, loadData, filterTreeNode, onNodeClick, onNodeDoubleClick, onNodeExpand, onNodeSelect, onNodeCheck, onNodeLoad, onNodeMouseEnter, onNodeMouseLeave, onNodeContextMenu, onNodeDragStart, onNodeDragEnter, onNodeDragOver, onNodeDragLeave, onNodeDragEnd, onNodeDrop, slots } }, { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "role": "tree", "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_15__["default"])(prefixCls, className, rootClassName, { [`${prefixCls}-show-line`]: showLine, [`${prefixCls}-focused`]: focused.value, [`${prefixCls}-active-focused`]: activeKey.value !== null }), "style": rootStyle }, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_NodeList__WEBPACK_IMPORTED_MODULE_7__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "ref": listRef, "prefixCls": prefixCls, "style": style, "disabled": disabled, "selectable": selectable, "checkable": !!checkable, "motion": motion, "height": height, "itemHeight": itemHeight, "virtual": virtual, "focusable": focusable, "focused": focused.value, "tabindex": tabindex, "activeItem": activeItem.value, "onFocus": onFocus, "onBlur": onBlur, "onKeydown": onKeydown, "onActiveChange": onActiveChange, "onListChangeStart": onListChangeStart, "onListChangeEnd": onListChangeEnd, "onContextmenu": onContextmenu, "onScroll": onScroll }, domProps), null)])] }); }; } })); /***/ }), /***/ "./components/vc-tree/TreeNode.tsx": /*!*****************************************!*\ !*** ./components/vc-tree/TreeNode.tsx ***! \*****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _contextTypes__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./contextTypes */ "./components/vc-tree/contextTypes.ts"); /* harmony import */ var _Indent__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./Indent */ "./components/vc-tree/Indent.tsx"); /* harmony import */ var _utils_treeUtil__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./utils/treeUtil */ "./components/vc-tree/utils/treeUtil.ts"); /* harmony import */ var _props__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./props */ "./components/vc-tree/props.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _vc_util_warning__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../vc-util/warning */ "./components/vc-util/warning.ts"); /* harmony import */ var _util_pickAttrs__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../_util/pickAttrs */ "./components/_util/pickAttrs.ts"); /* harmony import */ var _util_eagerComputed__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../_util/eagerComputed */ "./components/_util/eagerComputed.ts"); var __rest = undefined && undefined.__rest || function (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; }; const ICON_OPEN = 'open'; const ICON_CLOSE = 'close'; const defaultTitle = '---'; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'ATreeNode', inheritAttrs: false, props: _props__WEBPACK_IMPORTED_MODULE_3__.treeNodeProps, isTreeNode: 1, setup(props, _ref) { let { attrs, slots, expose } = _ref; (0,_vc_util_warning__WEBPACK_IMPORTED_MODULE_4__.warning)(!('slots' in props.data), `treeData slots is deprecated, please use ${Object.keys(props.data.slots || {}).map(key => '`v-slot:' + key + '` ')}instead`); const dragNodeHighlight = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(false); const context = (0,_contextTypes__WEBPACK_IMPORTED_MODULE_5__.useInjectTreeContext)(); const { expandedKeysSet, selectedKeysSet, loadedKeysSet, loadingKeysSet, checkedKeysSet, halfCheckedKeysSet } = (0,_contextTypes__WEBPACK_IMPORTED_MODULE_5__.useInjectKeysState)(); const { dragOverNodeKey, dropPosition, keyEntities } = context.value; const mergedTreeNodeProps = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { return (0,_utils_treeUtil__WEBPACK_IMPORTED_MODULE_6__.getTreeNodeProps)(props.eventKey, { expandedKeysSet: expandedKeysSet.value, selectedKeysSet: selectedKeysSet.value, loadedKeysSet: loadedKeysSet.value, loadingKeysSet: loadingKeysSet.value, checkedKeysSet: checkedKeysSet.value, halfCheckedKeysSet: halfCheckedKeysSet.value, dragOverNodeKey, dropPosition, keyEntities }); }); const expanded = (0,_util_eagerComputed__WEBPACK_IMPORTED_MODULE_7__["default"])(() => mergedTreeNodeProps.value.expanded); const selected = (0,_util_eagerComputed__WEBPACK_IMPORTED_MODULE_7__["default"])(() => mergedTreeNodeProps.value.selected); const checked = (0,_util_eagerComputed__WEBPACK_IMPORTED_MODULE_7__["default"])(() => mergedTreeNodeProps.value.checked); const loaded = (0,_util_eagerComputed__WEBPACK_IMPORTED_MODULE_7__["default"])(() => mergedTreeNodeProps.value.loaded); const loading = (0,_util_eagerComputed__WEBPACK_IMPORTED_MODULE_7__["default"])(() => mergedTreeNodeProps.value.loading); const halfChecked = (0,_util_eagerComputed__WEBPACK_IMPORTED_MODULE_7__["default"])(() => mergedTreeNodeProps.value.halfChecked); const dragOver = (0,_util_eagerComputed__WEBPACK_IMPORTED_MODULE_7__["default"])(() => mergedTreeNodeProps.value.dragOver); const dragOverGapTop = (0,_util_eagerComputed__WEBPACK_IMPORTED_MODULE_7__["default"])(() => mergedTreeNodeProps.value.dragOverGapTop); const dragOverGapBottom = (0,_util_eagerComputed__WEBPACK_IMPORTED_MODULE_7__["default"])(() => mergedTreeNodeProps.value.dragOverGapBottom); const pos = (0,_util_eagerComputed__WEBPACK_IMPORTED_MODULE_7__["default"])(() => mergedTreeNodeProps.value.pos); const selectHandle = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(); const hasChildren = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { const { eventKey } = props; const { keyEntities } = context.value; const { children } = keyEntities[eventKey] || {}; return !!(children || []).length; }); const isLeaf = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { const { isLeaf } = props; const { loadData } = context.value; const has = hasChildren.value; if (isLeaf === false) { return false; } return isLeaf || !loadData && !has || loadData && loaded.value && !has; }); const nodeState = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { if (isLeaf.value) { return null; } return expanded.value ? ICON_OPEN : ICON_CLOSE; }); const isDisabled = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { const { disabled } = props; const { disabled: treeDisabled } = context.value; return !!(treeDisabled || disabled); }); const isCheckable = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { const { checkable } = props; const { checkable: treeCheckable } = context.value; // Return false if tree or treeNode is not checkable if (!treeCheckable || checkable === false) return false; return treeCheckable; }); const isSelectable = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { const { selectable } = props; const { selectable: treeSelectable } = context.value; // Ignore when selectable is undefined or null if (typeof selectable === 'boolean') { return selectable; } return treeSelectable; }); const renderArgsData = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { const { data, active, checkable, disableCheckbox, disabled, selectable } = props; return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({ active, checkable, disableCheckbox, disabled, selectable }, data), { dataRef: data, data, isLeaf: isLeaf.value, checked: checked.value, expanded: expanded.value, loading: loading.value, selected: selected.value, halfChecked: halfChecked.value }); }); const instance = (0,vue__WEBPACK_IMPORTED_MODULE_2__.getCurrentInstance)(); const eventData = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { const { eventKey } = props; const { keyEntities } = context.value; const { parent } = keyEntities[eventKey] || {}; return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, (0,_utils_treeUtil__WEBPACK_IMPORTED_MODULE_6__.convertNodePropsToEventData)((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, props, mergedTreeNodeProps.value))), { parent }); }); const dragNodeEvent = (0,vue__WEBPACK_IMPORTED_MODULE_2__.reactive)({ eventData, eventKey: (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => props.eventKey), selectHandle, pos, key: instance.vnode.key }); expose(dragNodeEvent); const onSelectorDoubleClick = e => { const { onNodeDoubleClick } = context.value; onNodeDoubleClick(e, eventData.value); }; const onSelect = e => { if (isDisabled.value) return; const { onNodeSelect } = context.value; e.preventDefault(); onNodeSelect(e, eventData.value); }; const onCheck = e => { if (isDisabled.value) return; const { disableCheckbox } = props; const { onNodeCheck } = context.value; if (!isCheckable.value || disableCheckbox) return; e.preventDefault(); const targetChecked = !checked.value; onNodeCheck(e, eventData.value, targetChecked); }; const onSelectorClick = e => { // Click trigger before select/check operation const { onNodeClick } = context.value; onNodeClick(e, eventData.value); if (isSelectable.value) { onSelect(e); } else { onCheck(e); } }; const onMouseEnter = e => { const { onNodeMouseEnter } = context.value; onNodeMouseEnter(e, eventData.value); }; const onMouseLeave = e => { const { onNodeMouseLeave } = context.value; onNodeMouseLeave(e, eventData.value); }; const onContextmenu = e => { const { onNodeContextMenu } = context.value; onNodeContextMenu(e, eventData.value); }; const onDragStart = e => { const { onNodeDragStart } = context.value; e.stopPropagation(); dragNodeHighlight.value = true; onNodeDragStart(e, dragNodeEvent); try { // ie throw error // firefox-need-it e.dataTransfer.setData('text/plain', ''); } catch (error) { // empty } }; const onDragEnter = e => { const { onNodeDragEnter } = context.value; e.preventDefault(); e.stopPropagation(); onNodeDragEnter(e, dragNodeEvent); }; const onDragOver = e => { const { onNodeDragOver } = context.value; e.preventDefault(); e.stopPropagation(); onNodeDragOver(e, dragNodeEvent); }; const onDragLeave = e => { const { onNodeDragLeave } = context.value; e.stopPropagation(); onNodeDragLeave(e, dragNodeEvent); }; const onDragEnd = e => { const { onNodeDragEnd } = context.value; e.stopPropagation(); dragNodeHighlight.value = false; onNodeDragEnd(e, dragNodeEvent); }; const onDrop = e => { const { onNodeDrop } = context.value; e.preventDefault(); e.stopPropagation(); dragNodeHighlight.value = false; onNodeDrop(e, dragNodeEvent); }; // Disabled item still can be switch const onExpand = e => { const { onNodeExpand } = context.value; if (loading.value) return; onNodeExpand(e, eventData.value); }; const isDraggable = () => { const { data } = props; const { draggable } = context.value; return !!(draggable && (!draggable.nodeDraggable || draggable.nodeDraggable(data))); }; // ==================== Render: Drag Handler ==================== const renderDragHandler = () => { const { draggable, prefixCls } = context.value; return draggable && (draggable === null || draggable === void 0 ? void 0 : draggable.icon) ? (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", { "class": `${prefixCls}-draggable-icon` }, [draggable.icon]) : null; }; const renderSwitcherIconDom = () => { var _a, _b, _c; const { switcherIcon: switcherIconFromProps = slots.switcherIcon || ((_a = context.value.slots) === null || _a === void 0 ? void 0 : _a[(_c = (_b = props.data) === null || _b === void 0 ? void 0 : _b.slots) === null || _c === void 0 ? void 0 : _c.switcherIcon]) } = props; const { switcherIcon: switcherIconFromCtx } = context.value; const switcherIcon = switcherIconFromProps || switcherIconFromCtx; // if switcherIconDom is null, no render switcher span if (typeof switcherIcon === 'function') { return switcherIcon(renderArgsData.value); } return switcherIcon; }; // Load data to avoid default expanded tree without data const syncLoadData = () => { //const { expanded, loading, loaded } = props; const { loadData, onNodeLoad } = context.value; if (loading.value) { return; } // read from state to avoid loadData at same time if (loadData && expanded.value && !isLeaf.value) { // We needn't reload data when has children in sync logic // It's only needed in node expanded if (!hasChildren.value && !loaded.value) { onNodeLoad(eventData.value); } } }; (0,vue__WEBPACK_IMPORTED_MODULE_2__.onMounted)(() => { syncLoadData(); }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.onUpdated)(() => { // https://github.com/vueComponent/ant-design-vue/issues/4835 syncLoadData(); }); // Switcher const renderSwitcher = () => { const { prefixCls } = context.value; // if switcherIconDom is null, no render switcher span const switcherIconDom = renderSwitcherIconDom(); if (isLeaf.value) { return switcherIconDom !== false ? (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", { "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_8__["default"])(`${prefixCls}-switcher`, `${prefixCls}-switcher-noop`) }, [switcherIconDom]) : null; } const switcherCls = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_8__["default"])(`${prefixCls}-switcher`, `${prefixCls}-switcher_${expanded.value ? ICON_OPEN : ICON_CLOSE}`); return switcherIconDom !== false ? (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", { "onClick": onExpand, "class": switcherCls }, [switcherIconDom]) : null; }; // Checkbox const renderCheckbox = () => { var _a, _b; const { disableCheckbox } = props; const { prefixCls } = context.value; const disabled = isDisabled.value; const checkable = isCheckable.value; if (!checkable) return null; return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", { "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_8__["default"])(`${prefixCls}-checkbox`, checked.value && `${prefixCls}-checkbox-checked`, !checked.value && halfChecked.value && `${prefixCls}-checkbox-indeterminate`, (disabled || disableCheckbox) && `${prefixCls}-checkbox-disabled`), "onClick": onCheck }, [(_b = (_a = context.value).customCheckable) === null || _b === void 0 ? void 0 : _b.call(_a)]); }; const renderIcon = () => { const { prefixCls } = context.value; return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", { "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_8__["default"])(`${prefixCls}-iconEle`, `${prefixCls}-icon__${nodeState.value || 'docu'}`, loading.value && `${prefixCls}-icon_loading`) }, null); }; const renderDropIndicator = () => { const { disabled, eventKey } = props; const { draggable, dropLevelOffset, dropPosition, prefixCls, indent, dropIndicatorRender, dragOverNodeKey, direction } = context.value; const rootDraggable = draggable !== false; // allowDrop is calculated in Tree.tsx, there is no need for calc it here const showIndicator = !disabled && rootDraggable && dragOverNodeKey === eventKey; return showIndicator ? dropIndicatorRender({ dropPosition, dropLevelOffset, indent, prefixCls, direction }) : null; }; // Icon + Title const renderSelector = () => { var _a, _b, _c, _d, _e, _f; const { // title = slots.title || // context.value.slots?.[props.data?.slots?.title] || // context.value.slots?.title, // selected, icon = slots.icon, // loading, data } = props; const title = slots.title || ((_a = context.value.slots) === null || _a === void 0 ? void 0 : _a[(_c = (_b = props.data) === null || _b === void 0 ? void 0 : _b.slots) === null || _c === void 0 ? void 0 : _c.title]) || ((_d = context.value.slots) === null || _d === void 0 ? void 0 : _d.title) || props.title; const { prefixCls, showIcon, icon: treeIcon, loadData // slots: contextSlots, } = context.value; const disabled = isDisabled.value; const wrapClass = `${prefixCls}-node-content-wrapper`; // Icon - Still show loading icon when loading without showIcon let $icon; if (showIcon) { const currentIcon = icon || ((_e = context.value.slots) === null || _e === void 0 ? void 0 : _e[(_f = data === null || data === void 0 ? void 0 : data.slots) === null || _f === void 0 ? void 0 : _f.icon]) || treeIcon; $icon = currentIcon ? (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", { "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_8__["default"])(`${prefixCls}-iconEle`, `${prefixCls}-icon__customize`) }, [typeof currentIcon === 'function' ? currentIcon(renderArgsData.value) : currentIcon]) : renderIcon(); } else if (loadData && loading.value) { $icon = renderIcon(); } // Title let titleNode; if (typeof title === 'function') { titleNode = title(renderArgsData.value); // } else if (contextSlots.titleRender) { // titleNode = contextSlots.titleRender(renderArgsData.value); } else { titleNode = title; } titleNode = titleNode === undefined ? defaultTitle : titleNode; const $title = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", { "class": `${prefixCls}-title` }, [titleNode]); return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("span", { "ref": selectHandle, "title": typeof title === 'string' ? title : '', "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_8__["default"])(`${wrapClass}`, `${wrapClass}-${nodeState.value || 'normal'}`, !disabled && (selected.value || dragNodeHighlight.value) && `${prefixCls}-node-selected`), "onMouseenter": onMouseEnter, "onMouseleave": onMouseLeave, "onContextmenu": onContextmenu, "onClick": onSelectorClick, "onDblclick": onSelectorDoubleClick }, [$icon, $title, renderDropIndicator()]); }; return () => { const _a = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, props), attrs), { eventKey, isLeaf, isStart, isEnd, domRef, active, data, onMousemove, selectable } = _a, otherProps = __rest(_a, ["eventKey", "isLeaf", "isStart", "isEnd", "domRef", "active", "data", "onMousemove", "selectable"]); const { prefixCls, filterTreeNode, keyEntities, dropContainerKey, dropTargetKey, draggingNodeKey } = context.value; const disabled = isDisabled.value; const dataOrAriaAttributeProps = (0,_util_pickAttrs__WEBPACK_IMPORTED_MODULE_9__["default"])(otherProps, { aria: true, data: true }); const { level } = keyEntities[eventKey] || {}; const isEndNode = isEnd[isEnd.length - 1]; const mergedDraggable = isDraggable(); const draggableWithoutDisabled = !disabled && mergedDraggable; const dragging = draggingNodeKey === eventKey; const ariaSelected = selectable !== undefined ? { 'aria-selected': !!selectable } : undefined; // console.log(1); return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "ref": domRef, "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_8__["default"])(attrs.class, `${prefixCls}-treenode`, { [`${prefixCls}-treenode-disabled`]: disabled, [`${prefixCls}-treenode-switcher-${expanded.value ? 'open' : 'close'}`]: !isLeaf, [`${prefixCls}-treenode-checkbox-checked`]: checked.value, [`${prefixCls}-treenode-checkbox-indeterminate`]: halfChecked.value, [`${prefixCls}-treenode-selected`]: selected.value, [`${prefixCls}-treenode-loading`]: loading.value, [`${prefixCls}-treenode-active`]: active, [`${prefixCls}-treenode-leaf-last`]: isEndNode, [`${prefixCls}-treenode-draggable`]: draggableWithoutDisabled, dragging, 'drop-target': dropTargetKey === eventKey, 'drop-container': dropContainerKey === eventKey, 'drag-over': !disabled && dragOver.value, 'drag-over-gap-top': !disabled && dragOverGapTop.value, 'drag-over-gap-bottom': !disabled && dragOverGapBottom.value, 'filter-node': filterTreeNode && filterTreeNode(eventData.value) }), "style": attrs.style, "draggable": draggableWithoutDisabled, "aria-grabbed": dragging, "onDragstart": draggableWithoutDisabled ? onDragStart : undefined, "onDragenter": mergedDraggable ? onDragEnter : undefined, "onDragover": mergedDraggable ? onDragOver : undefined, "onDragleave": mergedDraggable ? onDragLeave : undefined, "onDrop": mergedDraggable ? onDrop : undefined, "onDragend": mergedDraggable ? onDragEnd : undefined, "onMousemove": onMousemove }, ariaSelected), dataOrAriaAttributeProps), [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_Indent__WEBPACK_IMPORTED_MODULE_10__["default"], { "prefixCls": prefixCls, "level": level, "isStart": isStart, "isEnd": isEnd }, null), renderDragHandler(), renderSwitcher(), renderCheckbox(), renderSelector()]); }; } })); /***/ }), /***/ "./components/vc-tree/contextTypes.ts": /*!********************************************!*\ !*** ./components/vc-tree/contextTypes.ts ***! \********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ TreeContext: () => (/* binding */ TreeContext), /* harmony export */ useInjectKeysState: () => (/* binding */ useInjectKeysState), /* harmony export */ useInjectTreeContext: () => (/* binding */ useInjectTreeContext), /* harmony export */ useProvideKeysState: () => (/* binding */ useProvideKeysState) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /** * Webpack has bug for import loop, which is not the same behavior as ES module. * When util.js imports the TreeNode for tree generate will cause treeContextTypes be empty. */ const TreeContextKey = Symbol('TreeContextKey'); const TreeContext = (0,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'TreeContext', props: { value: { type: Object } }, setup(props, _ref) { let { slots } = _ref; (0,vue__WEBPACK_IMPORTED_MODULE_0__.provide)(TreeContextKey, (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => props.value)); return () => { var _a; return (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots); }; } }); const useInjectTreeContext = () => { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.inject)(TreeContextKey, (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => ({}))); }; const KeysStateKey = Symbol('KeysStateKey'); const useProvideKeysState = state => { (0,vue__WEBPACK_IMPORTED_MODULE_0__.provide)(KeysStateKey, state); }; const useInjectKeysState = () => { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.inject)(KeysStateKey, { expandedKeys: (0,vue__WEBPACK_IMPORTED_MODULE_0__.shallowRef)([]), selectedKeys: (0,vue__WEBPACK_IMPORTED_MODULE_0__.shallowRef)([]), loadedKeys: (0,vue__WEBPACK_IMPORTED_MODULE_0__.shallowRef)([]), loadingKeys: (0,vue__WEBPACK_IMPORTED_MODULE_0__.shallowRef)([]), checkedKeys: (0,vue__WEBPACK_IMPORTED_MODULE_0__.shallowRef)([]), halfCheckedKeys: (0,vue__WEBPACK_IMPORTED_MODULE_0__.shallowRef)([]), expandedKeysSet: (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => new Set()), selectedKeysSet: (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => new Set()), loadedKeysSet: (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => new Set()), loadingKeysSet: (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => new Set()), checkedKeysSet: (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => new Set()), halfCheckedKeysSet: (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => new Set()), flattenNodes: (0,vue__WEBPACK_IMPORTED_MODULE_0__.shallowRef)([]) }); }; /***/ }), /***/ "./components/vc-tree/index.ts": /*!*************************************!*\ !*** ./components/vc-tree/index.ts ***! \*************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ TreeNode: () => (/* reexport safe */ _TreeNode__WEBPACK_IMPORTED_MODULE_0__["default"]), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _Tree__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Tree */ "./components/vc-tree/Tree.tsx"); /* harmony import */ var _TreeNode__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./TreeNode */ "./components/vc-tree/TreeNode.tsx"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_Tree__WEBPACK_IMPORTED_MODULE_1__["default"]); /***/ }), /***/ "./components/vc-tree/props.ts": /*!*************************************!*\ !*** ./components/vc-tree/props.ts ***! \*************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ nodeListProps: () => (/* binding */ nodeListProps), /* harmony export */ treeNodeProps: () => (/* binding */ treeNodeProps), /* harmony export */ treeProps: () => (/* binding */ treeProps) /* harmony export */ }); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); const treeNodeProps = { eventKey: [String, Number], prefixCls: String, // By parent // expanded: { type: Boolean, default: undefined }, // selected: { type: Boolean, default: undefined }, // checked: { type: Boolean, default: undefined }, // loaded: { type: Boolean, default: undefined }, // loading: { type: Boolean, default: undefined }, // halfChecked: { type: Boolean, default: undefined }, // dragOver: { type: Boolean, default: undefined }, // dragOverGapTop: { type: Boolean, default: undefined }, // dragOverGapBottom: { type: Boolean, default: undefined }, // pos: String, title: _util_vue_types__WEBPACK_IMPORTED_MODULE_0__["default"].any, /** New added in Tree for easy data access */ data: { type: Object, default: undefined }, parent: { type: Object, default: undefined }, isStart: { type: Array }, isEnd: { type: Array }, active: { type: Boolean, default: undefined }, onMousemove: { type: Function }, // By user isLeaf: { type: Boolean, default: undefined }, checkable: { type: Boolean, default: undefined }, selectable: { type: Boolean, default: undefined }, disabled: { type: Boolean, default: undefined }, disableCheckbox: { type: Boolean, default: undefined }, icon: _util_vue_types__WEBPACK_IMPORTED_MODULE_0__["default"].any, switcherIcon: _util_vue_types__WEBPACK_IMPORTED_MODULE_0__["default"].any, domRef: { type: Function } }; const nodeListProps = { prefixCls: { type: String }, // data: { type: Array as PropType }, motion: { type: Object }, focusable: { type: Boolean }, activeItem: { type: Object }, focused: { type: Boolean }, tabindex: { type: Number }, checkable: { type: Boolean }, selectable: { type: Boolean }, disabled: { type: Boolean }, // expandedKeys: { type: Array as PropType }, // selectedKeys: { type: Array as PropType }, // checkedKeys: { type: Array as PropType }, // loadedKeys: { type: Array as PropType }, // loadingKeys: { type: Array as PropType }, // halfCheckedKeys: { type: Array as PropType }, // keyEntities: { type: Object as PropType>> }, // dragging: { type: Boolean as PropType }, // dragOverNodeKey: { type: [String, Number] as PropType }, // dropPosition: { type: Number as PropType }, // Virtual list height: { type: Number }, itemHeight: { type: Number }, virtual: { type: Boolean }, onScroll: { type: Function }, onKeydown: { type: Function }, onFocus: { type: Function }, onBlur: { type: Function }, onActiveChange: { type: Function }, onContextmenu: { type: Function }, onListChangeStart: { type: Function }, onListChangeEnd: { type: Function } }; const treeProps = () => ({ prefixCls: String, focusable: { type: Boolean, default: undefined }, activeKey: [Number, String], tabindex: Number, children: _util_vue_types__WEBPACK_IMPORTED_MODULE_0__["default"].any, treeData: { type: Array }, fieldNames: { type: Object }, showLine: { type: [Boolean, Object], default: undefined }, showIcon: { type: Boolean, default: undefined }, icon: _util_vue_types__WEBPACK_IMPORTED_MODULE_0__["default"].any, selectable: { type: Boolean, default: undefined }, expandAction: [String, Boolean], disabled: { type: Boolean, default: undefined }, multiple: { type: Boolean, default: undefined }, checkable: { type: Boolean, default: undefined }, checkStrictly: { type: Boolean, default: undefined }, draggable: { type: [Function, Boolean] }, defaultExpandParent: { type: Boolean, default: undefined }, autoExpandParent: { type: Boolean, default: undefined }, defaultExpandAll: { type: Boolean, default: undefined }, defaultExpandedKeys: { type: Array }, expandedKeys: { type: Array }, defaultCheckedKeys: { type: Array }, checkedKeys: { type: [Object, Array] }, defaultSelectedKeys: { type: Array }, selectedKeys: { type: Array }, allowDrop: { type: Function }, dropIndicatorRender: { type: Function }, onFocus: { type: Function }, onBlur: { type: Function }, onKeydown: { type: Function }, onContextmenu: { type: Function }, onClick: { type: Function }, onDblclick: { type: Function }, onScroll: { type: Function }, onExpand: { type: Function }, onCheck: { type: Function }, onSelect: { type: Function }, onLoad: { type: Function }, loadData: { type: Function }, loadedKeys: { type: Array }, onMouseenter: { type: Function }, onMouseleave: { type: Function }, onRightClick: { type: Function }, onDragstart: { type: Function }, onDragenter: { type: Function }, onDragover: { type: Function }, onDragleave: { type: Function }, onDragend: { type: Function }, onDrop: { type: Function }, /** * Used for `rc-tree-select` only. * Do not use in your production code directly since this will be refactor. */ onActiveChange: { type: Function }, filterTreeNode: { type: Function }, motion: _util_vue_types__WEBPACK_IMPORTED_MODULE_0__["default"].any, switcherIcon: _util_vue_types__WEBPACK_IMPORTED_MODULE_0__["default"].any, // Virtual List height: Number, itemHeight: Number, virtual: { type: Boolean, default: undefined }, // direction for drag logic direction: { type: String }, rootClassName: String, rootStyle: Object }); /***/ }), /***/ "./components/vc-tree/useMaxLevel.ts": /*!*******************************************!*\ !*** ./components/vc-tree/useMaxLevel.ts ***! \*******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ useMaxLevel) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); function useMaxLevel(keyEntities) { const maxLevel = (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)(0); const levelEntities = (0,vue__WEBPACK_IMPORTED_MODULE_0__.shallowRef)(); (0,vue__WEBPACK_IMPORTED_MODULE_0__.watchEffect)(() => { const newLevelEntities = new Map(); let newMaxLevel = 0; const keyEntitiesValue = keyEntities.value || {}; // Convert entities by level for calculation for (const key in keyEntitiesValue) { if (Object.prototype.hasOwnProperty.call(keyEntitiesValue, key)) { const entity = keyEntitiesValue[key]; const { level } = entity; let levelSet = newLevelEntities.get(level); if (!levelSet) { levelSet = new Set(); newLevelEntities.set(level, levelSet); } levelSet.add(entity); newMaxLevel = Math.max(newMaxLevel, level); } } maxLevel.value = newMaxLevel; levelEntities.value = newLevelEntities; }); return { maxLevel, levelEntities }; } /***/ }), /***/ "./components/vc-tree/util.tsx": /*!*************************************!*\ !*** ./components/vc-tree/util.tsx ***! \*************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ arrAdd: () => (/* binding */ arrAdd), /* harmony export */ arrDel: () => (/* binding */ arrDel), /* harmony export */ calcDropPosition: () => (/* binding */ calcDropPosition), /* harmony export */ calcSelectedKeys: () => (/* binding */ calcSelectedKeys), /* harmony export */ conductExpandParent: () => (/* binding */ conductExpandParent), /* harmony export */ convertDataToTree: () => (/* binding */ convertDataToTree), /* harmony export */ getDragChildrenKeys: () => (/* binding */ getDragChildrenKeys), /* harmony export */ getPosition: () => (/* binding */ getPosition), /* harmony export */ isFirstChild: () => (/* binding */ isFirstChild), /* harmony export */ isLastChild: () => (/* binding */ isLastChild), /* harmony export */ isTreeNode: () => (/* binding */ isTreeNode), /* harmony export */ parseCheckedKeys: () => (/* binding */ parseCheckedKeys), /* harmony export */ posToArr: () => (/* binding */ posToArr) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _TreeNode__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./TreeNode */ "./components/vc-tree/TreeNode.tsx"); /* harmony import */ var _vc_util_warning__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../vc-util/warning */ "./components/vc-util/warning.ts"); /* eslint-disable no-lonely-if */ /** * Legacy code. Should avoid to use if you are new to import these code. */ var __rest = undefined && undefined.__rest || function (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 arrDel(list, value) { if (!list) return []; const clone = list.slice(); const index = clone.indexOf(value); if (index >= 0) { clone.splice(index, 1); } return clone; } function arrAdd(list, value) { const clone = (list || []).slice(); if (clone.indexOf(value) === -1) { clone.push(value); } return clone; } function posToArr(pos) { return pos.split('-'); } function getPosition(level, index) { return `${level}-${index}`; } function isTreeNode(node) { return node && node.type && node.type.isTreeNode; } function getDragChildrenKeys(dragNodeKey, keyEntities) { // not contains self // self for left or right drag const dragChildrenKeys = []; const entity = keyEntities[dragNodeKey]; function dig() { let list = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : []; list.forEach(_ref => { let { key, children } = _ref; dragChildrenKeys.push(key); dig(children); }); } dig(entity.children); return dragChildrenKeys; } function isLastChild(treeNodeEntity) { if (treeNodeEntity.parent) { const posArr = posToArr(treeNodeEntity.pos); return Number(posArr[posArr.length - 1]) === treeNodeEntity.parent.children.length - 1; } return false; } function isFirstChild(treeNodeEntity) { const posArr = posToArr(treeNodeEntity.pos); return Number(posArr[posArr.length - 1]) === 0; } // Only used when drag, not affect SSR. function calcDropPosition(event, dragNode, targetNode, indent, startMousePosition, allowDrop, flattenedNodes, keyEntities, expandKeysSet, direction) { var _a; const { clientX, clientY } = event; const { top, height } = event.target.getBoundingClientRect(); // optional chain for testing const horizontalMouseOffset = (direction === 'rtl' ? -1 : 1) * (((startMousePosition === null || startMousePosition === void 0 ? void 0 : startMousePosition.x) || 0) - clientX); const rawDropLevelOffset = (horizontalMouseOffset - 12) / indent; // find abstract drop node by horizontal offset let abstractDropNodeEntity = keyEntities[targetNode.eventKey]; if (clientY < top + height / 2) { // first half, set abstract drop node to previous node const nodeIndex = flattenedNodes.findIndex(flattenedNode => flattenedNode.key === abstractDropNodeEntity.key); const prevNodeIndex = nodeIndex <= 0 ? 0 : nodeIndex - 1; const prevNodeKey = flattenedNodes[prevNodeIndex].key; abstractDropNodeEntity = keyEntities[prevNodeKey]; } const initialAbstractDropNodeKey = abstractDropNodeEntity.key; const abstractDragOverEntity = abstractDropNodeEntity; const dragOverNodeKey = abstractDropNodeEntity.key; let dropPosition = 0; let dropLevelOffset = 0; // Only allow cross level drop when dragging on a non-expanded node if (!expandKeysSet.has(initialAbstractDropNodeKey)) { for (let i = 0; i < rawDropLevelOffset; i += 1) { if (isLastChild(abstractDropNodeEntity)) { abstractDropNodeEntity = abstractDropNodeEntity.parent; dropLevelOffset += 1; } else { break; } } } const abstractDragDataNode = dragNode.eventData; const abstractDropDataNode = abstractDropNodeEntity.node; let dropAllowed = true; if (isFirstChild(abstractDropNodeEntity) && abstractDropNodeEntity.level === 0 && clientY < top + height / 2 && allowDrop({ dragNode: abstractDragDataNode, dropNode: abstractDropDataNode, dropPosition: -1 }) && abstractDropNodeEntity.key === targetNode.eventKey) { // first half of first node in first level dropPosition = -1; } else if ((abstractDragOverEntity.children || []).length && expandKeysSet.has(dragOverNodeKey)) { // drop on expanded node // only allow drop inside if (allowDrop({ dragNode: abstractDragDataNode, dropNode: abstractDropDataNode, dropPosition: 0 })) { dropPosition = 0; } else { dropAllowed = false; } } else if (dropLevelOffset === 0) { if (rawDropLevelOffset > -1.5) { // | Node | <- abstractDropNode // | -^-===== | <- mousePosition // 1. try drop after // 2. do not allow drop if (allowDrop({ dragNode: abstractDragDataNode, dropNode: abstractDropDataNode, dropPosition: 1 })) { dropPosition = 1; } else { dropAllowed = false; } } else { // | Node | <- abstractDropNode // | ---==^== | <- mousePosition // whether it has children or doesn't has children // always // 1. try drop inside // 2. try drop after // 3. do not allow drop if (allowDrop({ dragNode: abstractDragDataNode, dropNode: abstractDropDataNode, dropPosition: 0 })) { dropPosition = 0; } else if (allowDrop({ dragNode: abstractDragDataNode, dropNode: abstractDropDataNode, dropPosition: 1 })) { dropPosition = 1; } else { dropAllowed = false; } } } else { // | Node1 | <- abstractDropNode // | Node2 | // --^--|----=====| <- mousePosition // 1. try insert after Node1 // 2. do not allow drop if (allowDrop({ dragNode: abstractDragDataNode, dropNode: abstractDropDataNode, dropPosition: 1 })) { dropPosition = 1; } else { dropAllowed = false; } } return { dropPosition, dropLevelOffset, dropTargetKey: abstractDropNodeEntity.key, dropTargetPos: abstractDropNodeEntity.pos, dragOverNodeKey, dropContainerKey: dropPosition === 0 ? null : ((_a = abstractDropNodeEntity.parent) === null || _a === void 0 ? void 0 : _a.key) || null, dropAllowed }; } /** * Return selectedKeys according with multiple prop * @param selectedKeys * @param props * @returns [string] */ function calcSelectedKeys(selectedKeys, props) { if (!selectedKeys) return undefined; const { multiple } = props; if (multiple) { return selectedKeys.slice(); } if (selectedKeys.length) { return [selectedKeys[0]]; } return selectedKeys; } const internalProcessProps = props => props; function convertDataToTree(treeData, processor) { if (!treeData) return []; const { processProps = internalProcessProps } = processor || {}; const list = Array.isArray(treeData) ? treeData : [treeData]; return list.map(_a => { var { children } = _a, props = __rest(_a, ["children"]); const childrenNodes = convertDataToTree(children, processor); return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_TreeNode__WEBPACK_IMPORTED_MODULE_2__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "key": props.key }, processProps(props)), { default: () => [childrenNodes] }); }); } /** * Parse `checkedKeys` to { checkedKeys, halfCheckedKeys } style */ function parseCheckedKeys(keys) { if (!keys) { return null; } // Convert keys to object format let keyProps; if (Array.isArray(keys)) { // [Legacy] Follow the api doc keyProps = { checkedKeys: keys, halfCheckedKeys: undefined }; } else if (typeof keys === 'object') { keyProps = { checkedKeys: keys.checked || undefined, halfCheckedKeys: keys.halfChecked || undefined }; } else { (0,_vc_util_warning__WEBPACK_IMPORTED_MODULE_3__.warning)(false, '`checkedKeys` is not an array or an object'); return null; } return keyProps; } /** * If user use `autoExpandParent` we should get the list of parent node * @param keyList * @param keyEntities */ function conductExpandParent(keyList, keyEntities) { const expandedKeys = new Set(); function conductUp(key) { if (expandedKeys.has(key)) return; const entity = keyEntities[key]; if (!entity) return; expandedKeys.add(key); const { parent, node } = entity; if (node.disabled) return; if (parent) { conductUp(parent.key); } } (keyList || []).forEach(key => { conductUp(key); }); return [...expandedKeys]; } /***/ }), /***/ "./components/vc-tree/utils/conductUtil.ts": /*!*************************************************!*\ !*** ./components/vc-tree/utils/conductUtil.ts ***! \*************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ conductCheck: () => (/* binding */ conductCheck), /* harmony export */ isCheckDisabled: () => (/* binding */ isCheckDisabled) /* harmony export */ }); /* harmony import */ var _vc_util_warning__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../vc-util/warning */ "./components/vc-util/warning.ts"); function removeFromCheckedKeys(halfCheckedKeys, checkedKeys) { const filteredKeys = new Set(); halfCheckedKeys.forEach(key => { if (!checkedKeys.has(key)) { filteredKeys.add(key); } }); return filteredKeys; } function isCheckDisabled(node) { const { disabled, disableCheckbox, checkable } = node || {}; return !!(disabled || disableCheckbox) || checkable === false; } // Fill miss keys function fillConductCheck(keys, levelEntities, maxLevel, syntheticGetCheckDisabled) { const checkedKeys = new Set(keys); const halfCheckedKeys = new Set(); // Add checked keys top to bottom for (let level = 0; level <= maxLevel; level += 1) { const entities = levelEntities.get(level) || new Set(); entities.forEach(entity => { const { key, node, children = [] } = entity; if (checkedKeys.has(key) && !syntheticGetCheckDisabled(node)) { children.filter(childEntity => !syntheticGetCheckDisabled(childEntity.node)).forEach(childEntity => { checkedKeys.add(childEntity.key); }); } }); } // Add checked keys from bottom to top const visitedKeys = new Set(); for (let level = maxLevel; level >= 0; level -= 1) { const entities = levelEntities.get(level) || new Set(); entities.forEach(entity => { const { parent, node } = entity; // Skip if no need to check if (syntheticGetCheckDisabled(node) || !entity.parent || visitedKeys.has(entity.parent.key)) { return; } // Skip if parent is disabled if (syntheticGetCheckDisabled(entity.parent.node)) { visitedKeys.add(parent.key); return; } let allChecked = true; let partialChecked = false; (parent.children || []).filter(childEntity => !syntheticGetCheckDisabled(childEntity.node)).forEach(_ref => { let { key } = _ref; const checked = checkedKeys.has(key); if (allChecked && !checked) { allChecked = false; } if (!partialChecked && (checked || halfCheckedKeys.has(key))) { partialChecked = true; } }); if (allChecked) { checkedKeys.add(parent.key); } if (partialChecked) { halfCheckedKeys.add(parent.key); } visitedKeys.add(parent.key); }); } return { checkedKeys: Array.from(checkedKeys), halfCheckedKeys: Array.from(removeFromCheckedKeys(halfCheckedKeys, checkedKeys)) }; } // Remove useless key function cleanConductCheck(keys, halfKeys, levelEntities, maxLevel, syntheticGetCheckDisabled) { const checkedKeys = new Set(keys); let halfCheckedKeys = new Set(halfKeys); // Remove checked keys from top to bottom for (let level = 0; level <= maxLevel; level += 1) { const entities = levelEntities.get(level) || new Set(); entities.forEach(entity => { const { key, node, children = [] } = entity; if (!checkedKeys.has(key) && !halfCheckedKeys.has(key) && !syntheticGetCheckDisabled(node)) { children.filter(childEntity => !syntheticGetCheckDisabled(childEntity.node)).forEach(childEntity => { checkedKeys.delete(childEntity.key); }); } }); } // Remove checked keys form bottom to top halfCheckedKeys = new Set(); const visitedKeys = new Set(); for (let level = maxLevel; level >= 0; level -= 1) { const entities = levelEntities.get(level) || new Set(); entities.forEach(entity => { const { parent, node } = entity; // Skip if no need to check if (syntheticGetCheckDisabled(node) || !entity.parent || visitedKeys.has(entity.parent.key)) { return; } // Skip if parent is disabled if (syntheticGetCheckDisabled(entity.parent.node)) { visitedKeys.add(parent.key); return; } let allChecked = true; let partialChecked = false; (parent.children || []).filter(childEntity => !syntheticGetCheckDisabled(childEntity.node)).forEach(_ref2 => { let { key } = _ref2; const checked = checkedKeys.has(key); if (allChecked && !checked) { allChecked = false; } if (!partialChecked && (checked || halfCheckedKeys.has(key))) { partialChecked = true; } }); if (!allChecked) { checkedKeys.delete(parent.key); } if (partialChecked) { halfCheckedKeys.add(parent.key); } visitedKeys.add(parent.key); }); } return { checkedKeys: Array.from(checkedKeys), halfCheckedKeys: Array.from(removeFromCheckedKeys(halfCheckedKeys, checkedKeys)) }; } /** * Conduct with keys. * @param keyList current key list * @param keyEntities key - dataEntity map * @param mode `fill` to fill missing key, `clean` to remove useless key */ function conductCheck(keyList, checked, keyEntities, maxLevel, levelEntities, getCheckDisabled) { const warningMissKeys = []; let syntheticGetCheckDisabled; if (getCheckDisabled) { syntheticGetCheckDisabled = getCheckDisabled; } else { syntheticGetCheckDisabled = isCheckDisabled; } // We only handle exist keys const keys = new Set(keyList.filter(key => { const hasEntity = !!keyEntities[key]; if (!hasEntity) { warningMissKeys.push(key); } return hasEntity; })); (0,_vc_util_warning__WEBPACK_IMPORTED_MODULE_0__.note)(!warningMissKeys.length, `Tree missing follow keys: ${warningMissKeys.slice(0, 100).map(key => `'${key}'`).join(', ')}`); let result; if (checked === true) { result = fillConductCheck(keys, levelEntities, maxLevel, syntheticGetCheckDisabled); } else { result = cleanConductCheck(keys, checked.halfCheckedKeys, levelEntities, maxLevel, syntheticGetCheckDisabled); } return result; } /***/ }), /***/ "./components/vc-tree/utils/diffUtil.ts": /*!**********************************************!*\ !*** ./components/vc-tree/utils/diffUtil.ts ***! \**********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ findExpandedKeys: () => (/* binding */ findExpandedKeys), /* harmony export */ getExpandRange: () => (/* binding */ getExpandRange) /* harmony export */ }); function findExpandedKeys() { let prev = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : []; let next = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : []; const prevLen = prev.length; const nextLen = next.length; if (Math.abs(prevLen - nextLen) !== 1) { return { add: false, key: null }; } function find(shorter, longer) { const cache = new Map(); shorter.forEach(key => { cache.set(key, true); }); const keys = longer.filter(key => !cache.has(key)); return keys.length === 1 ? keys[0] : null; } if (prevLen < nextLen) { return { add: true, key: find(prev, next) }; } return { add: false, key: find(next, prev) }; } function getExpandRange(shorter, longer, key) { const shorterStartIndex = shorter.findIndex(item => item.key === key); const shorterEndNode = shorter[shorterStartIndex + 1]; const longerStartIndex = longer.findIndex(item => item.key === key); if (shorterEndNode) { const longerEndIndex = longer.findIndex(item => item.key === shorterEndNode.key); return longer.slice(longerStartIndex + 1, longerEndIndex); } return longer.slice(longerStartIndex + 1); } /***/ }), /***/ "./components/vc-tree/utils/treeUtil.ts": /*!**********************************************!*\ !*** ./components/vc-tree/utils/treeUtil.ts ***! \**********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ convertDataToEntities: () => (/* binding */ convertDataToEntities), /* harmony export */ convertNodePropsToEventData: () => (/* binding */ convertNodePropsToEventData), /* harmony export */ convertTreeToData: () => (/* binding */ convertTreeToData), /* harmony export */ fillFieldNames: () => (/* binding */ fillFieldNames), /* harmony export */ flattenTreeData: () => (/* binding */ flattenTreeData), /* harmony export */ getKey: () => (/* binding */ getKey), /* harmony export */ getTreeNodeProps: () => (/* binding */ getTreeNodeProps), /* harmony export */ traverseDataNodes: () => (/* binding */ traverseDataNodes), /* harmony export */ warningWithoutKey: () => (/* binding */ warningWithoutKey) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../util */ "./components/vc-tree/util.tsx"); /* harmony import */ var _vc_util_warning__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../vc-util/warning */ "./components/vc-util/warning.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../_util/props-util */ "./components/_util/props-util/index.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../_util/props-util */ "./components/_util/util.ts"); /* harmony import */ var _util_omit__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../_util/omit */ "./components/_util/omit.ts"); var __rest = undefined && undefined.__rest || function (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 getKey(key, pos) { if (key !== null && key !== undefined) { return key; } return pos; } function fillFieldNames(fieldNames) { const { title, _title, key, children } = fieldNames || {}; const mergedTitle = title || 'title'; return { title: mergedTitle, _title: _title || [mergedTitle], key: key || 'key', children: children || 'children' }; } /** * Warning if TreeNode do not provides key */ function warningWithoutKey(treeData, fieldNames) { const keys = new Map(); function dig(list) { let path = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ''; (list || []).forEach(treeNode => { const key = treeNode[fieldNames.key]; const children = treeNode[fieldNames.children]; (0,_vc_util_warning__WEBPACK_IMPORTED_MODULE_1__.warning)(key !== null && key !== undefined, `Tree node must have a certain key: [${path}${key}]`); const recordKey = String(key); (0,_vc_util_warning__WEBPACK_IMPORTED_MODULE_1__.warning)(!keys.has(recordKey) || key === null || key === undefined, `Same 'key' exist in the Tree: ${recordKey}`); keys.set(recordKey, true); dig(children, `${path}${recordKey} > `); }); } dig(treeData); } /** * Convert `children` of Tree into `treeData` structure. */ function convertTreeToData(rootNodes) { function dig() { let node = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : []; const treeNodes = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_2__.filterEmpty)(node); return treeNodes.map(treeNode => { var _a, _b, _c, _d; // Filter invalidate node if (!(0,_util__WEBPACK_IMPORTED_MODULE_3__.isTreeNode)(treeNode)) { (0,_vc_util_warning__WEBPACK_IMPORTED_MODULE_1__.warning)(!treeNode, 'Tree/TreeNode can only accept TreeNode as children.'); return null; } const slots = treeNode.children || {}; const key = treeNode.key; const props = {}; for (const [k, v] of Object.entries(treeNode.props)) { props[(0,_util_props_util__WEBPACK_IMPORTED_MODULE_4__.camelize)(k)] = v; } const { isLeaf, checkable, selectable, disabled, disableCheckbox } = props; // 默认值为 undefined const newProps = { isLeaf: isLeaf || isLeaf === '' || undefined, checkable: checkable || checkable === '' || undefined, selectable: selectable || selectable === '' || undefined, disabled: disabled || disabled === '' || undefined, disableCheckbox: disableCheckbox || disableCheckbox === '' || undefined }; const slotsProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props), newProps); const { title = (_a = slots.title) === null || _a === void 0 ? void 0 : _a.call(slots, slotsProps), icon = (_b = slots.icon) === null || _b === void 0 ? void 0 : _b.call(slots, slotsProps), switcherIcon = (_c = slots.switcherIcon) === null || _c === void 0 ? void 0 : _c.call(slots, slotsProps) } = props, rest = __rest(props, ["title", "icon", "switcherIcon"]); const children = (_d = slots.default) === null || _d === void 0 ? void 0 : _d.call(slots); const dataNode = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, rest), { title, icon, switcherIcon, key, isLeaf }), newProps); const parsedChildren = dig(children); if (parsedChildren.length) { dataNode.children = parsedChildren; } return dataNode; }); } return dig(rootNodes); } /** * Flat nest tree data into flatten list. This is used for virtual list render. * @param treeNodeList Origin data node list * @param expandedKeys * need expanded keys, provides `true` means all expanded (used in `rc-tree-select`). */ function flattenTreeData(treeNodeList, expandedKeys, fieldNames) { const { _title: fieldTitles, key: fieldKey, children: fieldChildren } = fillFieldNames(fieldNames); const expandedKeySet = new Set(expandedKeys === true ? [] : expandedKeys); const flattenList = []; function dig(list) { let parent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null; return list.map((treeNode, index) => { const pos = (0,_util__WEBPACK_IMPORTED_MODULE_3__.getPosition)(parent ? parent.pos : '0', index); const mergedKey = getKey(treeNode[fieldKey], pos); // Pick matched title in field title list let mergedTitle; for (let i = 0; i < fieldTitles.length; i += 1) { const fieldTitle = fieldTitles[i]; if (treeNode[fieldTitle] !== undefined) { mergedTitle = treeNode[fieldTitle]; break; } } // Add FlattenDataNode into list const flattenNode = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_util_omit__WEBPACK_IMPORTED_MODULE_5__["default"])(treeNode, [...fieldTitles, fieldKey, fieldChildren])), { title: mergedTitle, key: mergedKey, parent, pos, children: null, data: treeNode, isStart: [...(parent ? parent.isStart : []), index === 0], isEnd: [...(parent ? parent.isEnd : []), index === list.length - 1] }); flattenList.push(flattenNode); // Loop treeNode children if (expandedKeys === true || expandedKeySet.has(mergedKey)) { flattenNode.children = dig(treeNode[fieldChildren] || [], flattenNode); } else { flattenNode.children = []; } return flattenNode; }); } dig(treeNodeList); return flattenList; } /** * Traverse all the data by `treeData`. * Please not use it out of the `rc-tree` since we may refactor this code. */ function traverseDataNodes(dataNodes, callback, // To avoid too many params, let use config instead of origin param config) { let mergedConfig = {}; if (typeof config === 'object') { mergedConfig = config; } else { mergedConfig = { externalGetKey: config }; } mergedConfig = mergedConfig || {}; // Init config const { childrenPropName, externalGetKey, fieldNames } = mergedConfig; const { key: fieldKey, children: fieldChildren } = fillFieldNames(fieldNames); const mergeChildrenPropName = childrenPropName || fieldChildren; // Get keys let syntheticGetKey; if (externalGetKey) { if (typeof externalGetKey === 'string') { syntheticGetKey = node => node[externalGetKey]; } else if (typeof externalGetKey === 'function') { syntheticGetKey = node => externalGetKey(node); } } else { syntheticGetKey = (node, pos) => getKey(node[fieldKey], pos); } // Process function processNode(node, index, parent, pathNodes) { const children = node ? node[mergeChildrenPropName] : dataNodes; const pos = node ? (0,_util__WEBPACK_IMPORTED_MODULE_3__.getPosition)(parent.pos, index) : '0'; const connectNodes = node ? [...pathNodes, node] : []; // Process node if is not root if (node) { const key = syntheticGetKey(node, pos); const data = { node, index, pos, key, parentPos: parent.node ? parent.pos : null, level: parent.level + 1, nodes: connectNodes }; callback(data); } // Process children node if (children) { children.forEach((subNode, subIndex) => { processNode(subNode, subIndex, { node, pos, level: parent ? parent.level + 1 : -1 }, connectNodes); }); } } processNode(null); } /** * Convert `treeData` into entity records. */ function convertDataToEntities(dataNodes) { let { initWrapper, processEntity, onProcessFinished, externalGetKey, childrenPropName, fieldNames } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; let /** @deprecated Use `config.externalGetKey` instead */ legacyExternalGetKey = arguments.length > 2 ? arguments[2] : undefined; // Init config const mergedExternalGetKey = externalGetKey || legacyExternalGetKey; const posEntities = {}; const keyEntities = {}; let wrapper = { posEntities, keyEntities }; if (initWrapper) { wrapper = initWrapper(wrapper) || wrapper; } traverseDataNodes(dataNodes, item => { const { node, index, pos, key, parentPos, level, nodes } = item; const entity = { node, nodes, index, key, pos, level }; const mergedKey = getKey(key, pos); posEntities[pos] = entity; keyEntities[mergedKey] = entity; // Fill children entity.parent = posEntities[parentPos]; if (entity.parent) { entity.parent.children = entity.parent.children || []; entity.parent.children.push(entity); } if (processEntity) { processEntity(entity, wrapper); } }, { externalGetKey: mergedExternalGetKey, childrenPropName, fieldNames }); if (onProcessFinished) { onProcessFinished(wrapper); } return wrapper; } /** * Get TreeNode props with Tree props. */ function getTreeNodeProps(key, _ref) { let { expandedKeysSet, selectedKeysSet, loadedKeysSet, loadingKeysSet, checkedKeysSet, halfCheckedKeysSet, dragOverNodeKey, dropPosition, keyEntities } = _ref; const entity = keyEntities[key]; const treeNodeProps = { eventKey: key, expanded: expandedKeysSet.has(key), selected: selectedKeysSet.has(key), loaded: loadedKeysSet.has(key), loading: loadingKeysSet.has(key), checked: checkedKeysSet.has(key), halfChecked: halfCheckedKeysSet.has(key), pos: String(entity ? entity.pos : ''), parent: entity.parent, // [Legacy] Drag props // Since the interaction of drag is changed, the semantic of the props are // not accuracy, I think it should be finally removed dragOver: dragOverNodeKey === key && dropPosition === 0, dragOverGapTop: dragOverNodeKey === key && dropPosition === -1, dragOverGapBottom: dragOverNodeKey === key && dropPosition === 1 }; return treeNodeProps; } function convertNodePropsToEventData(props) { const { data, expanded, selected, checked, loaded, loading, halfChecked, dragOver, dragOverGapTop, dragOverGapBottom, pos, active, eventKey } = props; const eventData = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ dataRef: data }, data), { expanded, selected, checked, loaded, loading, halfChecked, dragOver, dragOverGapTop, dragOverGapBottom, pos, active, eventKey, key: eventKey }); if (!('props' in eventData)) { Object.defineProperty(eventData, 'props', { get() { (0,_vc_util_warning__WEBPACK_IMPORTED_MODULE_1__.warning)(false, 'Second param return from event is node data instead of TreeNode instance. Please read value directly instead of reading from `props`.'); return props; } }); } return eventData; } /***/ }), /***/ "./components/vc-trigger/Popup/Mask.tsx": /*!**********************************************!*\ !*** ./components/vc-trigger/Popup/Mask.tsx ***! \**********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ Mask) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _utils_motionUtil__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils/motionUtil */ "./components/vc-trigger/utils/motionUtil.ts"); function Mask(props) { const { prefixCls, visible, zIndex, mask, maskAnimation, maskTransitionName } = props; if (!mask) { return null; } let motion = {}; if (maskTransitionName || maskAnimation) { motion = (0,_utils_motionUtil__WEBPACK_IMPORTED_MODULE_2__.getMotion)({ prefixCls, transitionName: maskTransitionName, animation: maskAnimation }); } return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_1__.Transition, (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "appear": true }, motion), { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_1__.withDirectives)((0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "style": { zIndex }, "class": `${prefixCls}-mask` }, null), [[(0,vue__WEBPACK_IMPORTED_MODULE_1__.resolveDirective)("if"), visible]])] }); } Mask.displayName = 'Mask'; /***/ }), /***/ "./components/vc-trigger/Popup/MobilePopupInner.tsx": /*!**********************************************************!*\ !*** ./components/vc-trigger/Popup/MobilePopupInner.tsx ***! \**********************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../_util/props-util */ "./components/_util/props-util/index.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _interface__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./interface */ "./components/vc-trigger/Popup/interface.ts"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'MobilePopupInner', inheritAttrs: false, props: _interface__WEBPACK_IMPORTED_MODULE_3__.mobileProps, emits: ['mouseenter', 'mouseleave', 'mousedown', 'touchstart', 'align'], setup(props, _ref) { let { expose, slots } = _ref; const elementRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(); expose({ forceAlign: () => {}, getElement: () => elementRef.value }); return () => { var _a; const { zIndex, visible, prefixCls, mobile: { popupClassName, popupStyle, popupMotion = {}, popupRender } = {} } = props; // ======================== Render ======================== const mergedStyle = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({ zIndex }, popupStyle); let childNode = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_4__.flattenChildren)((_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)); // Wrapper when multiple children if (childNode.length > 1) { const _childNode = function () { return childNode; }(); childNode = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": `${prefixCls}-content` }, [childNode]); } // Mobile support additional render if (popupRender) { childNode = popupRender(childNode); } const mergedClassName = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_5__["default"])(prefixCls, popupClassName); return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_2__.Transition, (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "ref": elementRef }, popupMotion), { default: () => [visible ? (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": mergedClassName, "style": mergedStyle }, [childNode]) : null] }); }; } })); /***/ }), /***/ "./components/vc-trigger/Popup/PopupInner.tsx": /*!****************************************************!*\ !*** ./components/vc-trigger/Popup/PopupInner.tsx ***! \****************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _useVisibleStatus__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./useVisibleStatus */ "./components/vc-trigger/Popup/useVisibleStatus.ts"); /* harmony import */ var _useStretchStyle__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./useStretchStyle */ "./components/vc-trigger/Popup/useStretchStyle.ts"); /* harmony import */ var _vc_align_Align__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../vc-align/Align */ "./components/vc-align/Align.tsx"); /* harmony import */ var _utils_motionUtil__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../utils/motionUtil */ "./components/vc-trigger/utils/motionUtil.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../_util/props-util */ "./components/_util/props-util/index.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _interface__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./interface */ "./components/vc-trigger/Popup/interface.ts"); /* harmony import */ var _util_transition__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../_util/transition */ "./components/_util/transition.tsx"); /* harmony import */ var _util_supportsPassive__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../_util/supportsPassive */ "./components/_util/supportsPassive.js"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'PopupInner', inheritAttrs: false, props: _interface__WEBPACK_IMPORTED_MODULE_3__.innerProps, emits: ['mouseenter', 'mouseleave', 'mousedown', 'touchstart', 'align'], setup(props, _ref) { let { expose, attrs, slots } = _ref; const alignRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(); const elementRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(); const alignedClassName = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(); // ======================= Measure ======================== const [stretchStyle, measureStretchStyle] = (0,_useStretchStyle__WEBPACK_IMPORTED_MODULE_4__["default"])((0,vue__WEBPACK_IMPORTED_MODULE_2__.toRef)(props, 'stretch')); const doMeasure = () => { if (props.stretch) { measureStretchStyle(props.getRootDomNode()); } }; const visible = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(false); let timeoutId; (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)(() => props.visible, val => { clearTimeout(timeoutId); if (val) { timeoutId = setTimeout(() => { visible.value = props.visible; }); } else { visible.value = false; } }, { immediate: true }); // ======================== Status ======================== const [status, goNextStatus] = (0,_useVisibleStatus__WEBPACK_IMPORTED_MODULE_5__["default"])(visible, doMeasure); // ======================== Aligns ======================== const prepareResolveRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(); // `target` on `rc-align` can accept as a function to get the bind element or a point. // ref: https://www.npmjs.com/package/rc-align const getAlignTarget = () => { if (props.point) { return props.point; } return props.getRootDomNode; }; const forceAlign = () => { var _a; (_a = alignRef.value) === null || _a === void 0 ? void 0 : _a.forceAlign(); }; const onInternalAlign = (popupDomNode, matchAlign) => { var _a; const nextAlignedClassName = props.getClassNameFromAlign(matchAlign); const preAlignedClassName = alignedClassName.value; if (alignedClassName.value !== nextAlignedClassName) { alignedClassName.value = nextAlignedClassName; } if (status.value === 'align') { // Repeat until not more align needed if (preAlignedClassName !== nextAlignedClassName) { Promise.resolve().then(() => { forceAlign(); }); } else { goNextStatus(() => { var _a; (_a = prepareResolveRef.value) === null || _a === void 0 ? void 0 : _a.call(prepareResolveRef); }); } (_a = props.onAlign) === null || _a === void 0 ? void 0 : _a.call(props, popupDomNode, matchAlign); } }; // ======================== Motion ======================== const motion = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { const m = typeof props.animation === 'object' ? props.animation : (0,_utils_motionUtil__WEBPACK_IMPORTED_MODULE_6__.getMotion)(props); ['onAfterEnter', 'onAfterLeave'].forEach(eventName => { const originFn = m[eventName]; m[eventName] = node => { goNextStatus(); // 结束后,强制 stable status.value = 'stable'; originFn === null || originFn === void 0 ? void 0 : originFn(node); }; }); return m; }); const onShowPrepare = () => { return new Promise(resolve => { prepareResolveRef.value = resolve; }); }; (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)([motion, status], () => { if (!motion.value && status.value === 'motion') { goNextStatus(); } }, { immediate: true }); expose({ forceAlign, getElement: () => { return elementRef.value.$el || elementRef.value; } }); const alignDisabled = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { var _a; if (((_a = props.align) === null || _a === void 0 ? void 0 : _a.points) && (status.value === 'align' || status.value === 'stable')) { return false; } return true; }); return () => { var _a; const { zIndex, align, prefixCls, destroyPopupOnHide, onMouseenter, onMouseleave, onTouchstart = () => {}, onMousedown } = props; const statusValue = status.value; // ======================== Render ======================== const mergedStyle = [(0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, stretchStyle.value), { zIndex, opacity: statusValue === 'motion' || statusValue === 'stable' || !visible.value ? null : 0, // pointerEvents: statusValue === 'stable' ? null : 'none', pointerEvents: !visible.value && statusValue !== 'stable' ? 'none' : null }), attrs.style]; let childNode = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_7__.flattenChildren)((_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots, { visible: props.visible })); // Wrapper when multiple children if (childNode.length > 1) { const _childNode = function () { return childNode; }(); childNode = (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": `${prefixCls}-content` }, [childNode]); } const mergedClassName = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_8__["default"])(prefixCls, attrs.class, alignedClassName.value, !props.arrow && `${prefixCls}-arrow-hidden`); const hasAnimate = visible.value || !props.visible; const transitionProps = hasAnimate ? (0,_util_transition__WEBPACK_IMPORTED_MODULE_9__.getTransitionProps)(motion.value.name, motion.value) : {}; return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_2__.Transition, (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "ref": elementRef }, transitionProps), {}, { "onBeforeEnter": onShowPrepare }), { default: () => { return !destroyPopupOnHide || props.visible ? (0,vue__WEBPACK_IMPORTED_MODULE_2__.withDirectives)((0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_vc_align_Align__WEBPACK_IMPORTED_MODULE_10__["default"], { "target": getAlignTarget(), "key": "popup", "ref": alignRef, "monitorWindowResize": true, "disabled": alignDisabled.value, "align": align, "onAlign": onInternalAlign }, { default: () => (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "class": mergedClassName, "onMouseenter": onMouseenter, "onMouseleave": onMouseleave, "onMousedown": (0,vue__WEBPACK_IMPORTED_MODULE_2__.withModifiers)(onMousedown, ['capture']), [_util_supportsPassive__WEBPACK_IMPORTED_MODULE_11__["default"] ? 'onTouchstartPassive' : 'onTouchstart']: (0,vue__WEBPACK_IMPORTED_MODULE_2__.withModifiers)(onTouchstart, ['capture']), "style": mergedStyle }, [childNode]) }), [[vue__WEBPACK_IMPORTED_MODULE_2__.vShow, visible.value]]) : null; } }); }; } })); /***/ }), /***/ "./components/vc-trigger/Popup/index.tsx": /*!***********************************************!*\ !*** ./components/vc-trigger/Popup/index.tsx ***! \***********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _interface__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./interface */ "./components/vc-trigger/Popup/interface.ts"); /* harmony import */ var _Mask__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./Mask */ "./components/vc-trigger/Popup/Mask.tsx"); /* harmony import */ var _MobilePopupInner__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./MobilePopupInner */ "./components/vc-trigger/Popup/MobilePopupInner.tsx"); /* harmony import */ var _PopupInner__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./PopupInner */ "./components/vc-trigger/Popup/PopupInner.tsx"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'Popup', inheritAttrs: false, props: _interface__WEBPACK_IMPORTED_MODULE_3__.popupProps, setup(props, _ref) { let { attrs, slots, expose } = _ref; const innerVisible = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(false); const inMobile = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(false); const popupRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(); const rootRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)([() => props.visible, () => props.mobile], () => { innerVisible.value = props.visible; if (props.visible && props.mobile) { inMobile.value = true; } }, { immediate: true, flush: 'post' }); expose({ forceAlign: () => { var _a; (_a = popupRef.value) === null || _a === void 0 ? void 0 : _a.forceAlign(); }, getElement: () => { var _a; return (_a = popupRef.value) === null || _a === void 0 ? void 0 : _a.getElement(); } }); return () => { const cloneProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, props), attrs), { visible: innerVisible.value }); const popupNode = inMobile.value ? (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_MobilePopupInner__WEBPACK_IMPORTED_MODULE_4__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, cloneProps), {}, { "mobile": props.mobile, "ref": popupRef }), { default: slots.default }) : (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_PopupInner__WEBPACK_IMPORTED_MODULE_5__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, cloneProps), {}, { "ref": popupRef }), { default: slots.default }); return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", { "ref": rootRef }, [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_Mask__WEBPACK_IMPORTED_MODULE_6__["default"], cloneProps, null), popupNode]); }; } })); /***/ }), /***/ "./components/vc-trigger/Popup/interface.ts": /*!**************************************************!*\ !*** ./components/vc-trigger/Popup/interface.ts ***! \**************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ innerProps: () => (/* binding */ innerProps), /* harmony export */ mobileProps: () => (/* binding */ mobileProps), /* harmony export */ popupProps: () => (/* binding */ popupProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); const innerProps = { visible: Boolean, prefixCls: String, zIndex: Number, destroyPopupOnHide: Boolean, forceRender: Boolean, arrow: { type: Boolean, default: true }, // Legacy Motion animation: [String, Object], transitionName: String, // Measure stretch: { type: String }, // Align align: { type: Object }, point: { type: Object }, getRootDomNode: { type: Function }, getClassNameFromAlign: { type: Function }, onAlign: { type: Function }, onMouseenter: { type: Function }, onMouseleave: { type: Function }, onMousedown: { type: Function }, onTouchstart: { type: Function } }; const mobileProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, innerProps), { mobile: { type: Object } }); const popupProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, innerProps), { mask: Boolean, mobile: { type: Object }, maskAnimation: String, maskTransitionName: String }); /***/ }), /***/ "./components/vc-trigger/Popup/useStretchStyle.ts": /*!********************************************************!*\ !*** ./components/vc-trigger/Popup/useStretchStyle.ts ***! \********************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (stretch => { const targetSize = (0,vue__WEBPACK_IMPORTED_MODULE_0__.shallowRef)({ width: 0, height: 0 }); function measureStretch(element) { targetSize.value = { width: element.offsetWidth, height: element.offsetHeight }; } // Merge stretch style const style = (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => { const sizeStyle = {}; if (stretch.value) { const { width, height } = targetSize.value; // Stretch with target if (stretch.value.indexOf('height') !== -1 && height) { sizeStyle.height = `${height}px`; } else if (stretch.value.indexOf('minHeight') !== -1 && height) { sizeStyle.minHeight = `${height}px`; } if (stretch.value.indexOf('width') !== -1 && width) { sizeStyle.width = `${width}px`; } else if (stretch.value.indexOf('minWidth') !== -1 && width) { sizeStyle.minWidth = `${width}px`; } } return sizeStyle; }); return [style, measureStretch]; }); /***/ }), /***/ "./components/vc-trigger/Popup/useVisibleStatus.ts": /*!*********************************************************!*\ !*** ./components/vc-trigger/Popup/useVisibleStatus.ts ***! \*********************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_raf__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../_util/raf */ "./components/_util/raf.ts"); var __awaiter = undefined && undefined.__awaiter || function (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()); }); }; const StatusQueue = ['measure', 'align', null, 'motion']; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((visible, doMeasure) => { const status = (0,vue__WEBPACK_IMPORTED_MODULE_0__.shallowRef)(null); const rafRef = (0,vue__WEBPACK_IMPORTED_MODULE_0__.shallowRef)(); const destroyRef = (0,vue__WEBPACK_IMPORTED_MODULE_0__.shallowRef)(false); function setStatus(nextStatus) { if (!destroyRef.value) { status.value = nextStatus; } } function cancelRaf() { _util_raf__WEBPACK_IMPORTED_MODULE_1__["default"].cancel(rafRef.value); } function goNextStatus(callback) { cancelRaf(); rafRef.value = (0,_util_raf__WEBPACK_IMPORTED_MODULE_1__["default"])(() => { // Only align should be manually trigger let newStatus = status.value; switch (status.value) { case 'align': newStatus = 'motion'; break; case 'motion': newStatus = 'stable'; break; default: } setStatus(newStatus); callback === null || callback === void 0 ? void 0 : callback(); }); } (0,vue__WEBPACK_IMPORTED_MODULE_0__.watch)(visible, () => { setStatus('measure'); }, { immediate: true, flush: 'post' }); (0,vue__WEBPACK_IMPORTED_MODULE_0__.onMounted)(() => { // Go next status (0,vue__WEBPACK_IMPORTED_MODULE_0__.watch)(status, () => { switch (status.value) { case 'measure': doMeasure(); break; default: } if (status.value) { rafRef.value = (0,_util_raf__WEBPACK_IMPORTED_MODULE_1__["default"])(() => __awaiter(void 0, void 0, void 0, function* () { const index = StatusQueue.indexOf(status.value); const nextStatus = StatusQueue[index + 1]; if (nextStatus && index !== -1) { setStatus(nextStatus); } })); } }, { immediate: true, flush: 'post' }); }); (0,vue__WEBPACK_IMPORTED_MODULE_0__.onBeforeUnmount)(() => { destroyRef.value = true; cancelRaf(); }); return [status, goNextStatus]; }); /***/ }), /***/ "./components/vc-trigger/Trigger.tsx": /*!*******************************************!*\ !*** ./components/vc-trigger/Trigger.tsx ***! \*******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _interface__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./interface */ "./components/vc-trigger/interface.ts"); /* harmony import */ var _vc_util_Dom_contains__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../vc-util/Dom/contains */ "./components/vc-util/Dom/contains.ts"); /* harmony import */ var _util_raf__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../_util/raf */ "./components/_util/raf.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/index.ts"); /* harmony import */ var _vc_util_Dom_addEventListener__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../vc-util/Dom/addEventListener */ "./components/vc-util/Dom/addEventListener.js"); /* harmony import */ var _Popup__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./Popup */ "./components/vc-trigger/Popup/index.tsx"); /* harmony import */ var _utils_alignUtil__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./utils/alignUtil */ "./components/vc-trigger/utils/alignUtil.ts"); /* harmony import */ var _util_BaseMixin__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../_util/BaseMixin */ "./components/_util/BaseMixin.ts"); /* harmony import */ var _util_PortalWrapper__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../_util/PortalWrapper */ "./components/_util/PortalWrapper.tsx"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _util_vnode__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../_util/vnode */ "./components/_util/vnode.ts"); /* harmony import */ var _util_supportsPassive__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../_util/supportsPassive */ "./components/_util/supportsPassive.js"); /* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./context */ "./components/vc-trigger/context.ts"); const ALL_HANDLERS = ['onClick', 'onMousedown', 'onTouchstart', 'onMouseenter', 'onMouseleave', 'onFocus', 'onBlur', 'onContextmenu']; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'Trigger', mixins: [_util_BaseMixin__WEBPACK_IMPORTED_MODULE_2__["default"]], inheritAttrs: false, props: (0,_interface__WEBPACK_IMPORTED_MODULE_3__.triggerProps)(), setup(props) { const align = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(() => { const { popupPlacement, popupAlign, builtinPlacements } = props; if (popupPlacement && builtinPlacements) { return (0,_utils_alignUtil__WEBPACK_IMPORTED_MODULE_4__.getAlignFromPlacement)(builtinPlacements, popupPlacement, popupAlign); } return popupAlign; }); const popupRef = (0,vue__WEBPACK_IMPORTED_MODULE_1__.shallowRef)(null); const setPopupRef = val => { popupRef.value = val; }; return { vcTriggerContext: (0,vue__WEBPACK_IMPORTED_MODULE_1__.inject)('vcTriggerContext', {}), popupRef, setPopupRef, triggerRef: (0,vue__WEBPACK_IMPORTED_MODULE_1__.shallowRef)(null), align, focusTime: null, clickOutsideHandler: null, contextmenuOutsideHandler1: null, contextmenuOutsideHandler2: null, touchOutsideHandler: null, attachId: null, delayTimer: null, hasPopupMouseDown: false, preClickTime: null, preTouchTime: null, mouseDownTimeout: null, childOriginEvents: {} }; }, data() { const props = this.$props; let popupVisible; if (this.popupVisible !== undefined) { popupVisible = !!props.popupVisible; } else { popupVisible = !!props.defaultPopupVisible; } ALL_HANDLERS.forEach(h => { this[`fire${h}`] = e => { this.fireEvents(h, e); }; }); return { prevPopupVisible: popupVisible, sPopupVisible: popupVisible, point: null }; }, watch: { popupVisible(val) { if (val !== undefined) { this.prevPopupVisible = this.sPopupVisible; this.sPopupVisible = val; } } }, created() { (0,vue__WEBPACK_IMPORTED_MODULE_1__.provide)('vcTriggerContext', { onPopupMouseDown: this.onPopupMouseDown, onPopupMouseenter: this.onPopupMouseenter, onPopupMouseleave: this.onPopupMouseleave }); (0,_context__WEBPACK_IMPORTED_MODULE_5__.useProvidePortal)(this); }, deactivated() { this.setPopupVisible(false); }, mounted() { this.$nextTick(() => { this.updatedCal(); }); }, updated() { this.$nextTick(() => { this.updatedCal(); }); }, beforeUnmount() { this.clearDelayTimer(); this.clearOutsideHandler(); clearTimeout(this.mouseDownTimeout); _util_raf__WEBPACK_IMPORTED_MODULE_6__["default"].cancel(this.attachId); }, methods: { updatedCal() { const props = this.$props; const state = this.$data; // We must listen to `mousedown` or `touchstart`, edge case: // https://github.com/ant-design/ant-design/issues/5804 // https://github.com/react-component/calendar/issues/250 // https://github.com/react-component/trigger/issues/50 if (state.sPopupVisible) { let currentDocument; if (!this.clickOutsideHandler && (this.isClickToHide() || this.isContextmenuToShow())) { currentDocument = props.getDocument(this.getRootDomNode()); this.clickOutsideHandler = (0,_vc_util_Dom_addEventListener__WEBPACK_IMPORTED_MODULE_7__["default"])(currentDocument, 'mousedown', this.onDocumentClick); } // always hide on mobile if (!this.touchOutsideHandler) { currentDocument = currentDocument || props.getDocument(this.getRootDomNode()); this.touchOutsideHandler = (0,_vc_util_Dom_addEventListener__WEBPACK_IMPORTED_MODULE_7__["default"])(currentDocument, 'touchstart', this.onDocumentClick, _util_supportsPassive__WEBPACK_IMPORTED_MODULE_8__["default"] ? { passive: false } : false); } // close popup when trigger type contains 'onContextmenu' and document is scrolling. if (!this.contextmenuOutsideHandler1 && this.isContextmenuToShow()) { currentDocument = currentDocument || props.getDocument(this.getRootDomNode()); this.contextmenuOutsideHandler1 = (0,_vc_util_Dom_addEventListener__WEBPACK_IMPORTED_MODULE_7__["default"])(currentDocument, 'scroll', this.onContextmenuClose); } // close popup when trigger type contains 'onContextmenu' and window is blur. if (!this.contextmenuOutsideHandler2 && this.isContextmenuToShow()) { this.contextmenuOutsideHandler2 = (0,_vc_util_Dom_addEventListener__WEBPACK_IMPORTED_MODULE_7__["default"])(window, 'blur', this.onContextmenuClose); } } else { this.clearOutsideHandler(); } }, onMouseenter(e) { const { mouseEnterDelay } = this.$props; this.fireEvents('onMouseenter', e); this.delaySetPopupVisible(true, mouseEnterDelay, mouseEnterDelay ? null : e); }, onMouseMove(e) { this.fireEvents('onMousemove', e); this.setPoint(e); }, onMouseleave(e) { this.fireEvents('onMouseleave', e); this.delaySetPopupVisible(false, this.$props.mouseLeaveDelay); }, onPopupMouseenter() { const { vcTriggerContext = {} } = this; if (vcTriggerContext.onPopupMouseenter) { vcTriggerContext.onPopupMouseenter(); } this.clearDelayTimer(); }, onPopupMouseleave(e) { var _a; if (e && e.relatedTarget && !e.relatedTarget.setTimeout && (0,_vc_util_Dom_contains__WEBPACK_IMPORTED_MODULE_9__["default"])((_a = this.popupRef) === null || _a === void 0 ? void 0 : _a.getElement(), e.relatedTarget)) { return; } if (this.isMouseLeaveToHide()) { this.delaySetPopupVisible(false, this.$props.mouseLeaveDelay); } const { vcTriggerContext = {} } = this; if (vcTriggerContext.onPopupMouseleave) { vcTriggerContext.onPopupMouseleave(e); } }, onFocus(e) { this.fireEvents('onFocus', e); // incase focusin and focusout this.clearDelayTimer(); if (this.isFocusToShow()) { this.focusTime = Date.now(); this.delaySetPopupVisible(true, this.$props.focusDelay); } }, onMousedown(e) { this.fireEvents('onMousedown', e); this.preClickTime = Date.now(); }, onTouchstart(e) { this.fireEvents('onTouchstart', e); this.preTouchTime = Date.now(); }, onBlur(e) { if (!(0,_vc_util_Dom_contains__WEBPACK_IMPORTED_MODULE_9__["default"])(e.target, e.relatedTarget || document.activeElement)) { this.fireEvents('onBlur', e); this.clearDelayTimer(); if (this.isBlurToHide()) { this.delaySetPopupVisible(false, this.$props.blurDelay); } } }, onContextmenu(e) { e.preventDefault(); this.fireEvents('onContextmenu', e); this.setPopupVisible(true, e); }, onContextmenuClose() { if (this.isContextmenuToShow()) { this.close(); } }, onClick(event) { this.fireEvents('onClick', event); // focus will trigger click if (this.focusTime) { let preTime; if (this.preClickTime && this.preTouchTime) { preTime = Math.min(this.preClickTime, this.preTouchTime); } else if (this.preClickTime) { preTime = this.preClickTime; } else if (this.preTouchTime) { preTime = this.preTouchTime; } if (Math.abs(preTime - this.focusTime) < 20) { return; } this.focusTime = 0; } this.preClickTime = 0; this.preTouchTime = 0; // Only prevent default when all the action is click. // https://github.com/ant-design/ant-design/issues/17043 // https://github.com/ant-design/ant-design/issues/17291 if (this.isClickToShow() && (this.isClickToHide() || this.isBlurToHide()) && event && event.preventDefault) { event.preventDefault(); } if (event && event.domEvent) { event.domEvent.preventDefault(); } const nextVisible = !this.$data.sPopupVisible; if (this.isClickToHide() && !nextVisible || nextVisible && this.isClickToShow()) { this.setPopupVisible(!this.$data.sPopupVisible, event); } }, onPopupMouseDown() { const { vcTriggerContext = {} } = this; this.hasPopupMouseDown = true; clearTimeout(this.mouseDownTimeout); this.mouseDownTimeout = setTimeout(() => { this.hasPopupMouseDown = false; }, 0); if (vcTriggerContext.onPopupMouseDown) { vcTriggerContext.onPopupMouseDown(...arguments); } }, onDocumentClick(event) { if (this.$props.mask && !this.$props.maskClosable) { return; } const target = event.target; const root = this.getRootDomNode(); const popupNode = this.getPopupDomNode(); if ( // mousedown on the target should also close popup when action is contextMenu. // https://github.com/ant-design/ant-design/issues/29853 (!(0,_vc_util_Dom_contains__WEBPACK_IMPORTED_MODULE_9__["default"])(root, target) || this.isContextMenuOnly()) && !(0,_vc_util_Dom_contains__WEBPACK_IMPORTED_MODULE_9__["default"])(popupNode, target) && !this.hasPopupMouseDown) { // https://github.com/vuejs/core/issues/4462 // vue 动画bug导致 https://github.com/vueComponent/ant-design-vue/issues/5259, // 改成延时解决 this.delaySetPopupVisible(false, 0.1); } }, getPopupDomNode() { var _a; // for test return ((_a = this.popupRef) === null || _a === void 0 ? void 0 : _a.getElement()) || null; }, getRootDomNode() { var _a, _b, _c, _d; const { getTriggerDOMNode } = this.$props; if (getTriggerDOMNode) { const domNode = ((_b = (_a = this.triggerRef) === null || _a === void 0 ? void 0 : _a.$el) === null || _b === void 0 ? void 0 : _b.nodeName) === '#comment' ? null : (0,_util_props_util__WEBPACK_IMPORTED_MODULE_10__.findDOMNode)(this.triggerRef); return (0,_util_props_util__WEBPACK_IMPORTED_MODULE_10__.findDOMNode)(getTriggerDOMNode(domNode)); } try { const domNode = ((_d = (_c = this.triggerRef) === null || _c === void 0 ? void 0 : _c.$el) === null || _d === void 0 ? void 0 : _d.nodeName) === '#comment' ? null : (0,_util_props_util__WEBPACK_IMPORTED_MODULE_10__.findDOMNode)(this.triggerRef); if (domNode) { return domNode; } } catch (err) { // Do nothing } return (0,_util_props_util__WEBPACK_IMPORTED_MODULE_10__.findDOMNode)(this); }, handleGetPopupClassFromAlign(align) { const className = []; const props = this.$props; const { popupPlacement, builtinPlacements, prefixCls, alignPoint, getPopupClassNameFromAlign } = props; if (popupPlacement && builtinPlacements) { className.push((0,_utils_alignUtil__WEBPACK_IMPORTED_MODULE_4__.getAlignPopupClassName)(builtinPlacements, prefixCls, align, alignPoint)); } if (getPopupClassNameFromAlign) { className.push(getPopupClassNameFromAlign(align)); } return className.join(' '); }, getPopupAlign() { const props = this.$props; const { popupPlacement, popupAlign, builtinPlacements } = props; if (popupPlacement && builtinPlacements) { return (0,_utils_alignUtil__WEBPACK_IMPORTED_MODULE_4__.getAlignFromPlacement)(builtinPlacements, popupPlacement, popupAlign); } return popupAlign; }, getComponent() { const mouseProps = {}; if (this.isMouseEnterToShow()) { mouseProps.onMouseenter = this.onPopupMouseenter; } if (this.isMouseLeaveToHide()) { mouseProps.onMouseleave = this.onPopupMouseleave; } mouseProps.onMousedown = this.onPopupMouseDown; mouseProps[_util_supportsPassive__WEBPACK_IMPORTED_MODULE_8__["default"] ? 'onTouchstartPassive' : 'onTouchstart'] = this.onPopupMouseDown; const { handleGetPopupClassFromAlign, getRootDomNode, $attrs } = this; const { prefixCls, destroyPopupOnHide, popupClassName, popupAnimation, popupTransitionName, popupStyle, mask, maskAnimation, maskTransitionName, zIndex, stretch, alignPoint, mobile, arrow, forceRender } = this.$props; const { sPopupVisible, point } = this.$data; const popupProps = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ prefixCls, arrow, destroyPopupOnHide, visible: sPopupVisible, point: alignPoint ? point : null, align: this.align, animation: popupAnimation, getClassNameFromAlign: handleGetPopupClassFromAlign, stretch, getRootDomNode, mask, zIndex, transitionName: popupTransitionName, maskAnimation, maskTransitionName, class: popupClassName, style: popupStyle, onAlign: $attrs.onPopupAlign || _interface__WEBPACK_IMPORTED_MODULE_3__.noop }, mouseProps), { ref: this.setPopupRef, mobile, forceRender }); return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_Popup__WEBPACK_IMPORTED_MODULE_11__["default"], popupProps, { default: this.$slots.popup || (() => (0,_util_props_util__WEBPACK_IMPORTED_MODULE_10__.getComponent)(this, 'popup')) }); }, attachParent(popupContainer) { _util_raf__WEBPACK_IMPORTED_MODULE_6__["default"].cancel(this.attachId); const { getPopupContainer, getDocument } = this.$props; const domNode = this.getRootDomNode(); let mountNode; if (!getPopupContainer) { mountNode = getDocument(this.getRootDomNode()).body; } else if (domNode || getPopupContainer.length === 0) { // Compatible for legacy getPopupContainer with domNode argument. // If no need `domNode` argument, will call directly. // https://codesandbox.io/s/eloquent-mclean-ss93m?file=/src/App.js mountNode = getPopupContainer(domNode); } if (mountNode) { mountNode.appendChild(popupContainer); } else { // Retry after frame render in case parent not ready this.attachId = (0,_util_raf__WEBPACK_IMPORTED_MODULE_6__["default"])(() => { this.attachParent(popupContainer); }); } }, getContainer() { const { $props: props } = this; const { getDocument } = props; const popupContainer = getDocument(this.getRootDomNode()).createElement('div'); // Make sure default popup container will never cause scrollbar appearing // https://github.com/react-component/trigger/issues/41 popupContainer.style.position = 'absolute'; popupContainer.style.top = '0'; popupContainer.style.left = '0'; popupContainer.style.width = '100%'; this.attachParent(popupContainer); return popupContainer; }, setPopupVisible(sPopupVisible, event) { const { alignPoint, sPopupVisible: prevPopupVisible, onPopupVisibleChange } = this; this.clearDelayTimer(); if (prevPopupVisible !== sPopupVisible) { if (!(0,_util_props_util__WEBPACK_IMPORTED_MODULE_10__.hasProp)(this, 'popupVisible')) { this.setState({ sPopupVisible, prevPopupVisible }); } onPopupVisibleChange && onPopupVisibleChange(sPopupVisible); } // Always record the point position since mouseEnterDelay will delay the show if (alignPoint && event && sPopupVisible) { this.setPoint(event); } }, setPoint(point) { const { alignPoint } = this.$props; if (!alignPoint || !point) return; this.setState({ point: { pageX: point.pageX, pageY: point.pageY } }); }, handlePortalUpdate() { if (this.prevPopupVisible !== this.sPopupVisible) { this.afterPopupVisibleChange(this.sPopupVisible); } }, delaySetPopupVisible(visible, delayS, event) { const delay = delayS * 1000; this.clearDelayTimer(); if (delay) { const point = event ? { pageX: event.pageX, pageY: event.pageY } : null; this.delayTimer = setTimeout(() => { this.setPopupVisible(visible, point); this.clearDelayTimer(); }, delay); } else { this.setPopupVisible(visible, event); } }, clearDelayTimer() { if (this.delayTimer) { clearTimeout(this.delayTimer); this.delayTimer = null; } }, clearOutsideHandler() { if (this.clickOutsideHandler) { this.clickOutsideHandler.remove(); this.clickOutsideHandler = null; } if (this.contextmenuOutsideHandler1) { this.contextmenuOutsideHandler1.remove(); this.contextmenuOutsideHandler1 = null; } if (this.contextmenuOutsideHandler2) { this.contextmenuOutsideHandler2.remove(); this.contextmenuOutsideHandler2 = null; } if (this.touchOutsideHandler) { this.touchOutsideHandler.remove(); this.touchOutsideHandler = null; } }, createTwoChains(event) { let fn = () => {}; const events = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_10__.getEvents)(this); if (this.childOriginEvents[event] && events[event]) { return this[`fire${event}`]; } fn = this.childOriginEvents[event] || events[event] || fn; return fn; }, isClickToShow() { const { action, showAction } = this.$props; return action.indexOf('click') !== -1 || showAction.indexOf('click') !== -1; }, isContextMenuOnly() { const { action } = this.$props; return action === 'contextmenu' || action.length === 1 && action[0] === 'contextmenu'; }, isContextmenuToShow() { const { action, showAction } = this.$props; return action.indexOf('contextmenu') !== -1 || showAction.indexOf('contextmenu') !== -1; }, isClickToHide() { const { action, hideAction } = this.$props; return action.indexOf('click') !== -1 || hideAction.indexOf('click') !== -1; }, isMouseEnterToShow() { const { action, showAction } = this.$props; return action.indexOf('hover') !== -1 || showAction.indexOf('mouseenter') !== -1; }, isMouseLeaveToHide() { const { action, hideAction } = this.$props; return action.indexOf('hover') !== -1 || hideAction.indexOf('mouseleave') !== -1; }, isFocusToShow() { const { action, showAction } = this.$props; return action.indexOf('focus') !== -1 || showAction.indexOf('focus') !== -1; }, isBlurToHide() { const { action, hideAction } = this.$props; return action.indexOf('focus') !== -1 || hideAction.indexOf('blur') !== -1; }, forcePopupAlign() { var _a; if (this.$data.sPopupVisible) { (_a = this.popupRef) === null || _a === void 0 ? void 0 : _a.forceAlign(); } }, fireEvents(type, e) { if (this.childOriginEvents[type]) { this.childOriginEvents[type](e); } const event = this.$props[type] || this.$attrs[type]; if (event) { event(e); } }, close() { this.setPopupVisible(false); } }, render() { const { $attrs } = this; const children = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_10__.filterEmpty)((0,_util_props_util__WEBPACK_IMPORTED_MODULE_10__.getSlot)(this)); const { alignPoint, getPopupContainer } = this.$props; const child = children[0]; this.childOriginEvents = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_10__.getEvents)(child); const newChildProps = { key: 'trigger' }; if (this.isContextmenuToShow()) { newChildProps.onContextmenu = this.onContextmenu; } else { newChildProps.onContextmenu = this.createTwoChains('onContextmenu'); } if (this.isClickToHide() || this.isClickToShow()) { newChildProps.onClick = this.onClick; newChildProps.onMousedown = this.onMousedown; newChildProps[_util_supportsPassive__WEBPACK_IMPORTED_MODULE_8__["default"] ? 'onTouchstartPassive' : 'onTouchstart'] = this.onTouchstart; } else { newChildProps.onClick = this.createTwoChains('onClick'); newChildProps.onMousedown = this.createTwoChains('onMousedown'); newChildProps[_util_supportsPassive__WEBPACK_IMPORTED_MODULE_8__["default"] ? 'onTouchstartPassive' : 'onTouchstart'] = this.createTwoChains('onTouchstart'); } if (this.isMouseEnterToShow()) { newChildProps.onMouseenter = this.onMouseenter; if (alignPoint) { newChildProps.onMousemove = this.onMouseMove; } } else { newChildProps.onMouseenter = this.createTwoChains('onMouseenter'); } if (this.isMouseLeaveToHide()) { newChildProps.onMouseleave = this.onMouseleave; } else { newChildProps.onMouseleave = this.createTwoChains('onMouseleave'); } if (this.isFocusToShow() || this.isBlurToHide()) { newChildProps.onFocus = this.onFocus; newChildProps.onBlur = this.onBlur; } else { newChildProps.onFocus = this.createTwoChains('onFocus'); newChildProps.onBlur = e => { if (e && (!e.relatedTarget || !(0,_vc_util_Dom_contains__WEBPACK_IMPORTED_MODULE_9__["default"])(e.target, e.relatedTarget))) { this.createTwoChains('onBlur')(e); } }; } const childrenClassName = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_12__["default"])(child && child.props && child.props.class, $attrs.class); if (childrenClassName) { newChildProps.class = childrenClassName; } const trigger = (0,_util_vnode__WEBPACK_IMPORTED_MODULE_13__.cloneElement)(child, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, newChildProps), { ref: 'triggerRef' }), true, true); const portal = (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_util_PortalWrapper__WEBPACK_IMPORTED_MODULE_14__["default"], { "key": "portal", "getContainer": getPopupContainer && (() => getPopupContainer(this.getRootDomNode())), "didUpdate": this.handlePortalUpdate, "visible": this.$data.sPopupVisible }, { default: this.getComponent }); return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(vue__WEBPACK_IMPORTED_MODULE_1__.Fragment, null, [trigger, portal]); } })); /***/ }), /***/ "./components/vc-trigger/context.ts": /*!******************************************!*\ !*** ./components/vc-trigger/context.ts ***! \******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ useInjectPortal: () => (/* binding */ useInjectPortal), /* harmony export */ useProvidePortal: () => (/* binding */ useProvidePortal) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); const PortalContextKey = Symbol('PortalContextKey'); const useProvidePortal = function (instance) { let config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : { inTriggerContext: true }; (0,vue__WEBPACK_IMPORTED_MODULE_0__.provide)(PortalContextKey, { inTriggerContext: config.inTriggerContext, shouldRender: (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => { const { sPopupVisible, popupRef, forceRender, autoDestroy } = instance || {}; // if (popPortal) return true; let shouldRender = false; if (sPopupVisible || popupRef || forceRender) { shouldRender = true; } if (!sPopupVisible && autoDestroy) { shouldRender = false; } return shouldRender; }) }); }; const useInjectPortal = () => { useProvidePortal({}, { inTriggerContext: false }); const portalContext = (0,vue__WEBPACK_IMPORTED_MODULE_0__.inject)(PortalContextKey, { shouldRender: (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => false), inTriggerContext: false }); return { shouldRender: (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(() => portalContext.shouldRender.value || portalContext.inTriggerContext === false) }; }; /***/ }), /***/ "./components/vc-trigger/index.ts": /*!****************************************!*\ !*** ./components/vc-trigger/index.ts ***! \****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ triggerProps: () => (/* reexport safe */ _interface__WEBPACK_IMPORTED_MODULE_0__.triggerProps) /* harmony export */ }); /* harmony import */ var _Trigger__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Trigger */ "./components/vc-trigger/Trigger.tsx"); /* harmony import */ var _interface__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./interface */ "./components/vc-trigger/interface.ts"); // based on rc-trigger 5.2.10 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_Trigger__WEBPACK_IMPORTED_MODULE_1__["default"]); /***/ }), /***/ "./components/vc-trigger/interface.ts": /*!********************************************!*\ !*** ./components/vc-trigger/interface.ts ***! \********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ noop: () => (/* binding */ noop), /* harmony export */ triggerProps: () => (/* binding */ triggerProps) /* harmony export */ }); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); function returnEmptyString() { return ''; } function returnDocument(element) { if (element) { return element.ownerDocument; } return window.document; } function noop() {} const triggerProps = () => ({ action: _util_vue_types__WEBPACK_IMPORTED_MODULE_0__["default"].oneOfType([_util_vue_types__WEBPACK_IMPORTED_MODULE_0__["default"].string, _util_vue_types__WEBPACK_IMPORTED_MODULE_0__["default"].arrayOf(_util_vue_types__WEBPACK_IMPORTED_MODULE_0__["default"].string)]).def([]), showAction: _util_vue_types__WEBPACK_IMPORTED_MODULE_0__["default"].any.def([]), hideAction: _util_vue_types__WEBPACK_IMPORTED_MODULE_0__["default"].any.def([]), getPopupClassNameFromAlign: _util_vue_types__WEBPACK_IMPORTED_MODULE_0__["default"].any.def(returnEmptyString), onPopupVisibleChange: Function, afterPopupVisibleChange: _util_vue_types__WEBPACK_IMPORTED_MODULE_0__["default"].func.def(noop), popup: _util_vue_types__WEBPACK_IMPORTED_MODULE_0__["default"].any, arrow: _util_vue_types__WEBPACK_IMPORTED_MODULE_0__["default"].bool.def(true), popupStyle: { type: Object, default: undefined }, prefixCls: _util_vue_types__WEBPACK_IMPORTED_MODULE_0__["default"].string.def('rc-trigger-popup'), popupClassName: _util_vue_types__WEBPACK_IMPORTED_MODULE_0__["default"].string.def(''), popupPlacement: String, builtinPlacements: _util_vue_types__WEBPACK_IMPORTED_MODULE_0__["default"].object, popupTransitionName: String, popupAnimation: _util_vue_types__WEBPACK_IMPORTED_MODULE_0__["default"].any, mouseEnterDelay: _util_vue_types__WEBPACK_IMPORTED_MODULE_0__["default"].number.def(0), mouseLeaveDelay: _util_vue_types__WEBPACK_IMPORTED_MODULE_0__["default"].number.def(0.1), zIndex: Number, focusDelay: _util_vue_types__WEBPACK_IMPORTED_MODULE_0__["default"].number.def(0), blurDelay: _util_vue_types__WEBPACK_IMPORTED_MODULE_0__["default"].number.def(0.15), getPopupContainer: Function, getDocument: _util_vue_types__WEBPACK_IMPORTED_MODULE_0__["default"].func.def(returnDocument), forceRender: { type: Boolean, default: undefined }, destroyPopupOnHide: { type: Boolean, default: false }, mask: { type: Boolean, default: false }, maskClosable: { type: Boolean, default: true }, // onPopupAlign: PropTypes.func.def(noop), popupAlign: _util_vue_types__WEBPACK_IMPORTED_MODULE_0__["default"].object.def(() => ({})), popupVisible: { type: Boolean, default: undefined }, defaultPopupVisible: { type: Boolean, default: false }, maskTransitionName: String, maskAnimation: String, stretch: String, alignPoint: { type: Boolean, default: undefined }, autoDestroy: { type: Boolean, default: false }, mobile: Object, getTriggerDOMNode: Function }); /***/ }), /***/ "./components/vc-trigger/utils/alignUtil.ts": /*!**************************************************!*\ !*** ./components/vc-trigger/utils/alignUtil.ts ***! \**************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ getAlignFromPlacement: () => (/* binding */ getAlignFromPlacement), /* harmony export */ getAlignPopupClassName: () => (/* binding */ getAlignPopupClassName) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); function isPointsEq(a1, a2, isAlignPoint) { if (isAlignPoint) { return a1[0] === a2[0]; } return a1[0] === a2[0] && a1[1] === a2[1]; } function getAlignFromPlacement(builtinPlacements, placementStr, align) { const baseAlign = builtinPlacements[placementStr] || {}; return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, baseAlign), align); } function getAlignPopupClassName(builtinPlacements, prefixCls, align, isAlignPoint) { const { points } = align; const placements = Object.keys(builtinPlacements); for (let i = 0; i < placements.length; i += 1) { const placement = placements[i]; if (isPointsEq(builtinPlacements[placement].points, points, isAlignPoint)) { return `${prefixCls}-placement-${placement}`; } } return ''; } /***/ }), /***/ "./components/vc-trigger/utils/motionUtil.ts": /*!***************************************************!*\ !*** ./components/vc-trigger/utils/motionUtil.ts ***! \***************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ getMotion: () => (/* binding */ getMotion) /* harmony export */ }); function getMotion(_ref) { let { prefixCls, animation, transitionName } = _ref; if (animation) { return { name: `${prefixCls}-${animation}` }; } if (transitionName) { return { name: transitionName }; } return {}; } /***/ }), /***/ "./components/vc-upload/AjaxUploader.tsx": /*!***********************************************!*\ !*** ./components/vc-upload/AjaxUploader.tsx ***! \***********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _request__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./request */ "./components/vc-upload/request.ts"); /* harmony import */ var _uid__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./uid */ "./components/vc-upload/uid.ts"); /* harmony import */ var _attr_accept__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./attr-accept */ "./components/vc-upload/attr-accept.ts"); /* harmony import */ var _traverseFileTree__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./traverseFileTree */ "./components/vc-upload/traverseFileTree.ts"); /* harmony import */ var _interface__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./interface */ "./components/vc-upload/interface.tsx"); /* harmony import */ var _util_pickAttrs__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../_util/pickAttrs */ "./components/_util/pickAttrs.ts"); /* harmony import */ var lodash_es_partition__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! lodash-es/partition */ "./node_modules/lodash-es/partition.js"); var __awaiter = undefined && undefined.__awaiter || function (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()); }); }; var __rest = undefined && undefined.__rest || function (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; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'AjaxUploader', inheritAttrs: false, props: (0,_interface__WEBPACK_IMPORTED_MODULE_2__.uploadProps)(), setup(props, _ref) { let { slots, attrs, expose } = _ref; const uid = (0,vue__WEBPACK_IMPORTED_MODULE_1__.ref)((0,_uid__WEBPACK_IMPORTED_MODULE_3__["default"])()); const reqs = {}; const fileInput = (0,vue__WEBPACK_IMPORTED_MODULE_1__.ref)(); let isMounted = false; /** * Process file before upload. When all the file is ready, we start upload. */ const processFile = (file, fileList) => __awaiter(this, void 0, void 0, function* () { const { beforeUpload } = props; let transformedFile = file; if (beforeUpload) { try { transformedFile = yield beforeUpload(file, fileList); } catch (e) { // Rejection will also trade as false transformedFile = false; } if (transformedFile === false) { return { origin: file, parsedFile: null, action: null, data: null }; } } // Get latest action const { action } = props; let mergedAction; if (typeof action === 'function') { mergedAction = yield action(file); } else { mergedAction = action; } // Get latest data const { data } = props; let mergedData; if (typeof data === 'function') { mergedData = yield data(file); } else { mergedData = data; } const parsedData = // string type is from legacy `transformFile`. // Not sure if this will work since no related test case works with it (typeof transformedFile === 'object' || typeof transformedFile === 'string') && transformedFile ? transformedFile : file; let parsedFile; if (parsedData instanceof File) { parsedFile = parsedData; } else { parsedFile = new File([parsedData], file.name, { type: file.type }); } const mergedParsedFile = parsedFile; mergedParsedFile.uid = file.uid; return { origin: file, data: mergedData, parsedFile: mergedParsedFile, action: mergedAction }; }); const post = _ref2 => { let { data, origin, action, parsedFile } = _ref2; if (!isMounted) { return; } const { onStart, customRequest, name, headers, withCredentials, method } = props; const { uid } = origin; const request = customRequest || _request__WEBPACK_IMPORTED_MODULE_4__["default"]; const requestOption = { action, filename: name, data, file: parsedFile, headers, withCredentials, method: method || 'post', onProgress: e => { const { onProgress } = props; onProgress === null || onProgress === void 0 ? void 0 : onProgress(e, parsedFile); }, onSuccess: (ret, xhr) => { const { onSuccess } = props; onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(ret, parsedFile, xhr); delete reqs[uid]; }, onError: (err, ret) => { const { onError } = props; onError === null || onError === void 0 ? void 0 : onError(err, ret, parsedFile); delete reqs[uid]; } }; onStart(origin); reqs[uid] = request(requestOption); }; const reset = () => { uid.value = (0,_uid__WEBPACK_IMPORTED_MODULE_3__["default"])(); }; const abort = file => { if (file) { const uid = file.uid ? file.uid : file; if (reqs[uid] && reqs[uid].abort) { reqs[uid].abort(); } delete reqs[uid]; } else { Object.keys(reqs).forEach(uid => { if (reqs[uid] && reqs[uid].abort) { reqs[uid].abort(); } delete reqs[uid]; }); } }; (0,vue__WEBPACK_IMPORTED_MODULE_1__.onMounted)(() => { isMounted = true; }); (0,vue__WEBPACK_IMPORTED_MODULE_1__.onBeforeUnmount)(() => { isMounted = false; abort(); }); const uploadFiles = files => { const originFiles = [...files]; const postFiles = originFiles.map(file => { // eslint-disable-next-line no-param-reassign file.uid = (0,_uid__WEBPACK_IMPORTED_MODULE_3__["default"])(); return processFile(file, originFiles); }); // Batch upload files Promise.all(postFiles).then(fileList => { const { onBatchStart } = props; onBatchStart === null || onBatchStart === void 0 ? void 0 : onBatchStart(fileList.map(_ref3 => { let { origin, parsedFile } = _ref3; return { file: origin, parsedFile }; })); fileList.filter(file => file.parsedFile !== null).forEach(file => { post(file); }); }); }; const onChange = e => { const { accept, directory } = props; const { files } = e.target; const acceptedFiles = [...files].filter(file => !directory || (0,_attr_accept__WEBPACK_IMPORTED_MODULE_5__["default"])(file, accept)); uploadFiles(acceptedFiles); reset(); }; const onClick = e => { const el = fileInput.value; if (!el) { return; } const { onClick } = props; // TODO // if (children && (children as any).type === 'button') { // const parent = el.parentNode as HTMLInputElement; // parent.focus(); // parent.querySelector('button').blur(); // } el.click(); if (onClick) { onClick(e); } }; const onKeyDown = e => { if (e.key === 'Enter') { onClick(e); } }; const onFileDrop = e => { const { multiple } = props; e.preventDefault(); if (e.type === 'dragover') { return; } if (props.directory) { (0,_traverseFileTree__WEBPACK_IMPORTED_MODULE_6__["default"])(Array.prototype.slice.call(e.dataTransfer.items), uploadFiles, _file => (0,_attr_accept__WEBPACK_IMPORTED_MODULE_5__["default"])(_file, props.accept)); } else { const files = (0,lodash_es_partition__WEBPACK_IMPORTED_MODULE_7__["default"])(Array.prototype.slice.call(e.dataTransfer.files), file => (0,_attr_accept__WEBPACK_IMPORTED_MODULE_5__["default"])(file, props.accept)); let successFiles = files[0]; const errorFiles = files[1]; if (multiple === false) { successFiles = successFiles.slice(0, 1); } uploadFiles(successFiles); if (errorFiles.length && props.onReject) props.onReject(errorFiles); } }; expose({ abort }); return () => { var _a; const { componentTag: Tag, prefixCls, disabled, id, multiple, accept, capture, directory, openFileDialogOnClick, onMouseenter, onMouseleave } = props, otherProps = __rest(props, ["componentTag", "prefixCls", "disabled", "id", "multiple", "accept", "capture", "directory", "openFileDialogOnClick", "onMouseenter", "onMouseleave"]); const cls = { [prefixCls]: true, [`${prefixCls}-disabled`]: disabled, [attrs.class]: !!attrs.class }; // because input don't have directory/webkitdirectory type declaration const dirProps = directory ? { directory: 'directory', webkitdirectory: 'webkitdirectory' } : {}; const events = disabled ? {} : { onClick: openFileDialogOnClick ? onClick : () => {}, onKeydown: openFileDialogOnClick ? onKeyDown : () => {}, onMouseenter, onMouseleave, onDrop: onFileDrop, onDragover: onFileDrop, tabindex: '0' }; return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(Tag, (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, events), {}, { "class": cls, "role": "button", "style": attrs.style }), { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("input", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, (0,_util_pickAttrs__WEBPACK_IMPORTED_MODULE_8__["default"])(otherProps, { aria: true, data: true })), {}, { "id": id, "type": "file", "ref": fileInput, "onClick": e => e.stopPropagation(), "onCancel": e => e.stopPropagation(), "key": uid.value, "style": { display: 'none' }, "accept": accept }, dirProps), {}, { "multiple": multiple, "onChange": onChange }, capture != null ? { capture } : {}), null), (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)] }); }; } })); /***/ }), /***/ "./components/vc-upload/Upload.tsx": /*!*****************************************!*\ !*** ./components/vc-upload/Upload.tsx ***! \*****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/initDefaultProps.ts"); /* harmony import */ var _AjaxUploader__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./AjaxUploader */ "./components/vc-upload/AjaxUploader.tsx"); /* harmony import */ var _interface__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./interface */ "./components/vc-upload/interface.tsx"); function empty() {} /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'Upload', inheritAttrs: false, props: (0,_util_props_util__WEBPACK_IMPORTED_MODULE_2__["default"])((0,_interface__WEBPACK_IMPORTED_MODULE_3__.uploadProps)(), { componentTag: 'span', prefixCls: 'rc-upload', data: {}, headers: {}, name: 'file', multipart: false, onStart: empty, onError: empty, onSuccess: empty, multiple: false, beforeUpload: null, customRequest: null, withCredentials: false, openFileDialogOnClick: true }), setup(props, _ref) { let { slots, attrs, expose } = _ref; const uploader = (0,vue__WEBPACK_IMPORTED_MODULE_1__.ref)(); const abort = file => { var _a; (_a = uploader.value) === null || _a === void 0 ? void 0 : _a.abort(file); }; expose({ abort }); return () => { return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_AjaxUploader__WEBPACK_IMPORTED_MODULE_4__["default"], (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props), attrs), {}, { "ref": uploader }), slots); }; } })); /***/ }), /***/ "./components/vc-upload/attr-accept.ts": /*!*********************************************!*\ !*** ./components/vc-upload/attr-accept.ts ***! \*********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _vc_util_warning__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../vc-util/warning */ "./components/vc-util/warning.ts"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((file, acceptedFiles) => { if (file && acceptedFiles) { const acceptedFilesArray = Array.isArray(acceptedFiles) ? acceptedFiles : acceptedFiles.split(','); const fileName = file.name || ''; const mimeType = file.type || ''; const baseMimeType = mimeType.replace(/\/.*$/, ''); return acceptedFilesArray.some(type => { const validType = type.trim(); // This is something like */*,* allow all files if (/^\*(\/\*)?$/.test(type)) { return true; } // like .jpg, .png if (validType.charAt(0) === '.') { const lowerFileName = fileName.toLowerCase(); const lowerType = validType.toLowerCase(); let affixList = [lowerType]; if (lowerType === '.jpg' || lowerType === '.jpeg') { affixList = ['.jpg', '.jpeg']; } return affixList.some(affix => lowerFileName.endsWith(affix)); } // This is something like a image/* mime type if (/\/\*$/.test(validType)) { return baseMimeType === validType.replace(/\/.*$/, ''); } // Full match if (mimeType === validType) { return true; } // Invalidate type should skip if (/^\w+$/.test(validType)) { (0,_vc_util_warning__WEBPACK_IMPORTED_MODULE_0__.warning)(false, `Upload takes an invalidate 'accept' type '${validType}'.Skip for check.`); return true; } return false; }); } return true; }); /***/ }), /***/ "./components/vc-upload/index.ts": /*!***************************************!*\ !*** ./components/vc-upload/index.ts ***! \***************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _Upload__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Upload */ "./components/vc-upload/Upload.tsx"); // rc-upload 4.3.3 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_Upload__WEBPACK_IMPORTED_MODULE_0__["default"]); /***/ }), /***/ "./components/vc-upload/interface.tsx": /*!********************************************!*\ !*** ./components/vc-upload/interface.tsx ***! \********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ uploadProps: () => (/* binding */ uploadProps) /* harmony export */ }); const uploadProps = () => { return { capture: [Boolean, String], multipart: { type: Boolean, default: undefined }, name: String, disabled: { type: Boolean, default: undefined }, componentTag: String, action: [String, Function], method: String, directory: { type: Boolean, default: undefined }, data: [Object, Function], headers: Object, accept: String, multiple: { type: Boolean, default: undefined }, onBatchStart: Function, onReject: Function, onStart: Function, onError: Function, onSuccess: Function, onProgress: Function, beforeUpload: Function, customRequest: Function, withCredentials: { type: Boolean, default: undefined }, openFileDialogOnClick: { type: Boolean, default: undefined }, prefixCls: String, id: String, onMouseenter: Function, onMouseleave: Function, onClick: Function }; }; /***/ }), /***/ "./components/vc-upload/request.ts": /*!*****************************************!*\ !*** ./components/vc-upload/request.ts ***! \*****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ upload) /* harmony export */ }); function getError(option, xhr) { const msg = `cannot ${option.method} ${option.action} ${xhr.status}'`; const err = new Error(msg); err.status = xhr.status; err.method = option.method; err.url = option.action; return err; } function getBody(xhr) { const text = xhr.responseText || xhr.response; if (!text) { return text; } try { return JSON.parse(text); } catch (e) { return text; } } function upload(option) { // eslint-disable-next-line no-undef const xhr = new XMLHttpRequest(); if (option.onProgress && xhr.upload) { xhr.upload.onprogress = function progress(e) { if (e.total > 0) { e.percent = e.loaded / e.total * 100; } option.onProgress(e); }; } // eslint-disable-next-line no-undef const formData = new FormData(); if (option.data) { Object.keys(option.data).forEach(key => { const value = option.data[key]; // support key-value array data if (Array.isArray(value)) { value.forEach(item => { // { list: [ 11, 22 ] } // formData.append('list[]', 11); formData.append(`${key}[]`, item); }); return; } formData.append(key, value); }); } // eslint-disable-next-line no-undef if (option.file instanceof Blob) { formData.append(option.filename, option.file, option.file.name); } else { formData.append(option.filename, option.file); } xhr.onerror = function error(e) { option.onError(e); }; xhr.onload = function onload() { // allow success when 2xx status // see https://github.com/react-component/upload/issues/34 if (xhr.status < 200 || xhr.status >= 300) { return option.onError(getError(option, xhr), getBody(xhr)); } return option.onSuccess(getBody(xhr), xhr); }; xhr.open(option.method, option.action, true); // Has to be after `.open()`. See https://github.com/enyo/dropzone/issues/179 if (option.withCredentials && 'withCredentials' in xhr) { xhr.withCredentials = true; } const headers = option.headers || {}; // when set headers['X-Requested-With'] = null , can close default XHR header // see https://github.com/react-component/upload/issues/33 if (headers['X-Requested-With'] !== null) { xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest'); } Object.keys(headers).forEach(h => { if (headers[h] !== null) { xhr.setRequestHeader(h, headers[h]); } }); xhr.send(formData); return { abort() { xhr.abort(); } }; } /***/ }), /***/ "./components/vc-upload/traverseFileTree.ts": /*!**************************************************!*\ !*** ./components/vc-upload/traverseFileTree.ts ***! \**************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); function loopFiles(item, callback) { const dirReader = item.createReader(); let fileList = []; function sequence() { dirReader.readEntries(entries => { const entryList = Array.prototype.slice.apply(entries); fileList = fileList.concat(entryList); // Check if all the file has been viewed const isFinished = !entryList.length; if (isFinished) { callback(fileList); } else { sequence(); } }); } sequence(); } const traverseFileTree = (files, callback, isAccepted) => { // eslint-disable-next-line @typescript-eslint/naming-convention const _traverseFileTree = (item, path) => { // eslint-disable-next-line no-param-reassign item.path = path || ''; if (item.isFile) { item.file(file => { if (isAccepted(file)) { // https://github.com/ant-design/ant-design/issues/16426 if (item.fullPath && !file.webkitRelativePath) { Object.defineProperties(file, { webkitRelativePath: { writable: true } }); // eslint-disable-next-line no-param-reassign file.webkitRelativePath = item.fullPath.replace(/^\//, ''); Object.defineProperties(file, { webkitRelativePath: { writable: false } }); } callback([file]); } }); } else if (item.isDirectory) { loopFiles(item, entries => { entries.forEach(entryItem => { _traverseFileTree(entryItem, `${path}${item.name}/`); }); }); } }; files.forEach(file => { _traverseFileTree(file.webkitGetAsEntry()); }); }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (traverseFileTree); /***/ }), /***/ "./components/vc-upload/uid.ts": /*!*************************************!*\ !*** ./components/vc-upload/uid.ts ***! \*************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ uid) /* harmony export */ }); const now = +new Date(); let index = 0; function uid() { // eslint-disable-next-line no-plusplus return `vc-upload-${now}-${++index}`; } /***/ }), /***/ "./components/vc-util/Dom/contains.ts": /*!********************************************!*\ !*** ./components/vc-util/Dom/contains.ts ***! \********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ contains) /* harmony export */ }); function contains(root, n) { if (!root) { return false; } // Use native if support if (root.contains) { return root.contains(n); } return false; } /***/ }), /***/ "./components/vc-util/Dom/css.ts": /*!***************************************!*\ !*** ./components/vc-util/Dom/css.ts ***! \***************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ get: () => (/* binding */ get), /* harmony export */ getClientSize: () => (/* binding */ getClientSize), /* harmony export */ getDocSize: () => (/* binding */ getDocSize), /* harmony export */ getOffset: () => (/* binding */ getOffset), /* harmony export */ getOuterHeight: () => (/* binding */ getOuterHeight), /* harmony export */ getOuterWidth: () => (/* binding */ getOuterWidth), /* harmony export */ getScroll: () => (/* binding */ getScroll), /* harmony export */ set: () => (/* binding */ set), /* harmony export */ styleObjectToString: () => (/* binding */ styleObjectToString), /* harmony export */ styleToString: () => (/* binding */ styleToString) /* harmony export */ }); const PIXEL_PATTERN = /margin|padding|width|height|max|min|offset/; const removePixel = { left: true, top: true }; const floatMap = { cssFloat: 1, styleFloat: 1, float: 1 }; function getComputedStyle(node) { return node.nodeType === 1 ? node.ownerDocument.defaultView.getComputedStyle(node, null) : {}; } function getStyleValue(node, type, value) { type = type.toLowerCase(); if (value === 'auto') { if (type === 'height') { return node.offsetHeight; } if (type === 'width') { return node.offsetWidth; } } if (!(type in removePixel)) { removePixel[type] = PIXEL_PATTERN.test(type); } return removePixel[type] ? parseFloat(value) || 0 : value; } function get(node, name) { const length = arguments.length; const style = getComputedStyle(node); name = floatMap[name] ? 'cssFloat' in node.style ? 'cssFloat' : 'styleFloat' : name; return length === 1 ? style : getStyleValue(node, name, style[name] || node.style[name]); } function set(node, name, value) { const length = arguments.length; name = floatMap[name] ? 'cssFloat' in node.style ? 'cssFloat' : 'styleFloat' : name; if (length === 3) { if (typeof value === 'number' && PIXEL_PATTERN.test(name)) { value = `${value}px`; } node.style[name] = value; // Number return value; } for (const x in name) { if (name.hasOwnProperty(x)) { set(node, x, name[x]); } } return getComputedStyle(node); } function getOuterWidth(el) { if (el === document.body) { return document.documentElement.clientWidth; } return el.offsetWidth; } function getOuterHeight(el) { if (el === document.body) { return window.innerHeight || document.documentElement.clientHeight; } return el.offsetHeight; } function getDocSize() { const width = Math.max(document.documentElement.scrollWidth, document.body.scrollWidth); const height = Math.max(document.documentElement.scrollHeight, document.body.scrollHeight); return { width, height }; } function getClientSize() { const width = document.documentElement.clientWidth; const height = window.innerHeight || document.documentElement.clientHeight; return { width, height }; } function getScroll() { return { scrollLeft: Math.max(document.documentElement.scrollLeft, document.body.scrollLeft), scrollTop: Math.max(document.documentElement.scrollTop, document.body.scrollTop) }; } function getOffset(node) { const box = node.getBoundingClientRect(); const docElem = document.documentElement; return { left: box.left + (window.scrollX || docElem.scrollLeft) - (docElem.clientLeft || document.body.clientLeft || 0), top: box.top + (window.scrollY || docElem.scrollTop) - (docElem.clientTop || document.body.clientTop || 0) }; } function styleToString(style) { // There are some different behavior between Firefox & Chrome. // We have to handle this ourself. const styleNames = Array.prototype.slice.apply(style); return styleNames.map(name => `${name}: ${style.getPropertyValue(name)};`).join(''); } function styleObjectToString(style) { return Object.keys(style).reduce((acc, name) => { const styleValue = style[name]; if (typeof styleValue === 'undefined' || styleValue === null) { return acc; } acc += `${name}: ${style[name]};`; return acc; }, ''); } /***/ }), /***/ "./components/vc-util/Dom/dynamicCSS.ts": /*!**********************************************!*\ !*** ./components/vc-util/Dom/dynamicCSS.ts ***! \**********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ clearContainerCache: () => (/* binding */ clearContainerCache), /* harmony export */ injectCSS: () => (/* binding */ injectCSS), /* harmony export */ removeCSS: () => (/* binding */ removeCSS), /* harmony export */ updateCSS: () => (/* binding */ updateCSS) /* harmony export */ }); /* harmony import */ var _util_canUseDom__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../_util/canUseDom */ "./components/_util/canUseDom.ts"); /* harmony import */ var _contains__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./contains */ "./components/vc-util/Dom/contains.ts"); const APPEND_ORDER = 'data-vc-order'; const MARK_KEY = `vc-util-key`; const containerCache = new Map(); function getMark() { let { mark } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; if (mark) { return mark.startsWith('data-') ? mark : `data-${mark}`; } return MARK_KEY; } function getContainer(option) { if (option.attachTo) { return option.attachTo; } const head = document.querySelector('head'); return head || document.body; } function getOrder(prepend) { if (prepend === 'queue') { return 'prependQueue'; } return prepend ? 'prepend' : 'append'; } /** * Find style which inject by rc-util */ function findStyles(container) { return Array.from((containerCache.get(container) || container).children).filter(node => node.tagName === 'STYLE'); } function injectCSS(css) { let option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; if (!(0,_util_canUseDom__WEBPACK_IMPORTED_MODULE_0__["default"])()) { return null; } const { csp, prepend } = option; const styleNode = document.createElement('style'); styleNode.setAttribute(APPEND_ORDER, getOrder(prepend)); if (csp === null || csp === void 0 ? void 0 : csp.nonce) { styleNode.nonce = csp === null || csp === void 0 ? void 0 : csp.nonce; } styleNode.innerHTML = css; const container = getContainer(option); const { firstChild } = container; if (prepend) { // If is queue `prepend`, it will prepend first style and then append rest style if (prepend === 'queue') { const existStyle = findStyles(container).filter(node => ['prepend', 'prependQueue'].includes(node.getAttribute(APPEND_ORDER))); if (existStyle.length) { container.insertBefore(styleNode, existStyle[existStyle.length - 1].nextSibling); return styleNode; } } // Use `insertBefore` as `prepend` container.insertBefore(styleNode, firstChild); } else { container.appendChild(styleNode); } return styleNode; } function findExistNode(key) { let option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; const container = getContainer(option); return findStyles(container).find(node => node.getAttribute(getMark(option)) === key); } function removeCSS(key) { let option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; const existNode = findExistNode(key, option); if (existNode) { const container = getContainer(option); container.removeChild(existNode); } } /** * qiankun will inject `appendChild` to insert into other */ function syncRealContainer(container, option) { const cachedRealContainer = containerCache.get(container); // Find real container when not cached or cached container removed if (!cachedRealContainer || !(0,_contains__WEBPACK_IMPORTED_MODULE_1__["default"])(document, cachedRealContainer)) { const placeholderStyle = injectCSS('', option); const { parentNode } = placeholderStyle; containerCache.set(container, parentNode); container.removeChild(placeholderStyle); } } /** * manually clear container cache to avoid global cache in unit testes */ function clearContainerCache() { containerCache.clear(); } function updateCSS(css, key) { let option = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {}; var _a, _b, _c; const container = getContainer(option); // Sync real parent syncRealContainer(container, option); const existNode = findExistNode(key, option); if (existNode) { if (((_a = option.csp) === null || _a === void 0 ? void 0 : _a.nonce) && existNode.nonce !== ((_b = option.csp) === null || _b === void 0 ? void 0 : _b.nonce)) { existNode.nonce = (_c = option.csp) === null || _c === void 0 ? void 0 : _c.nonce; } if (existNode.innerHTML !== css) { existNode.innerHTML = css; } return existNode; } const newNode = injectCSS(css, option); newNode.setAttribute(getMark(option), key); return newNode; } /***/ }), /***/ "./components/vc-util/Dom/isVisible.ts": /*!*********************************************!*\ !*** ./components/vc-util/Dom/isVisible.ts ***! \*********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (element => { if (!element) { return false; } if (element.offsetParent) { return true; } if (element.getBBox) { const box = element.getBBox(); if (box.width || box.height) { return true; } } if (element.getBoundingClientRect) { const box = element.getBoundingClientRect(); if (box.width || box.height) { return true; } } return false; }); /***/ }), /***/ "./components/vc-util/devWarning.ts": /*!******************************************!*\ !*** ./components/vc-util/devWarning.ts ***! \******************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ resetWarned: () => (/* reexport safe */ _warning__WEBPACK_IMPORTED_MODULE_0__.resetWarned) /* harmony export */ }); /* harmony import */ var _warning__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./warning */ "./components/vc-util/warning.ts"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((valid, component, message) => { (0,_warning__WEBPACK_IMPORTED_MODULE_0__["default"])(valid, `[ant-design-vue: ${component}] ${message}`); }); /***/ }), /***/ "./components/vc-util/get.ts": /*!***********************************!*\ !*** ./components/vc-util/get.ts ***! \***********************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ get) /* harmony export */ }); function get(entity, path) { let current = entity; for (let i = 0; i < path.length; i += 1) { if (current === null || current === undefined) { return undefined; } current = current[path[i]]; } return current; } /***/ }), /***/ "./components/vc-util/isEqual.ts": /*!***************************************!*\ !*** ./components/vc-util/isEqual.ts ***! \***************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _warning__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./warning */ "./components/vc-util/warning.ts"); /** * Deeply compares two object literals. * @param obj1 object 1 * @param obj2 object 2 * @param shallow shallow compare * @returns */ function isEqual(obj1, obj2) { let shallow = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false; // https://github.com/mapbox/mapbox-gl-js/pull/5979/files#diff-fde7145050c47cc3a306856efd5f9c3016e86e859de9afbd02c879be5067e58f const refSet = new Set(); function deepEqual(a, b) { let level = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1; const circular = refSet.has(a); (0,_warning__WEBPACK_IMPORTED_MODULE_0__["default"])(!circular, 'Warning: There may be circular references'); if (circular) { return false; } if (a === b) { return true; } if (shallow && level > 1) { return false; } refSet.add(a); const newLevel = level + 1; if (Array.isArray(a)) { if (!Array.isArray(b) || a.length !== b.length) { return false; } for (let i = 0; i < a.length; i++) { if (!deepEqual(a[i], b[i], newLevel)) { return false; } } return true; } if (a && b && typeof a === 'object' && typeof b === 'object') { const keys = Object.keys(a); if (keys.length !== Object.keys(b).length) { return false; } return keys.every(key => deepEqual(a[key], b[key], newLevel)); } // other return false; } return deepEqual(obj1, obj2); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (isEqual); /***/ }), /***/ "./components/vc-util/isMobile.ts": /*!****************************************!*\ !*** ./components/vc-util/isMobile.ts ***! \****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (() => { if (typeof navigator === 'undefined' || typeof window === 'undefined') { return false; } const agent = navigator.userAgent || navigator.vendor || window.opera; return /(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(agent) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw-(n|u)|c55\/|capi|ccwa|cdm-|cell|chtm|cldc|cmd-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc-s|devi|dica|dmob|do(c|p)o|ds(12|-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(-|_)|g1 u|g560|gene|gf-5|g-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd-(m|p|t)|hei-|hi(pt|ta)|hp( i|ip)|hs-c|ht(c(-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i-(20|go|ma)|i230|iac( |-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|-[a-w])|libw|lynx|m1-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|-([1-8]|c))|phil|pire|pl(ay|uc)|pn-2|po(ck|rt|se)|prox|psio|pt-g|qa-a|qc(07|12|21|32|60|-[2-7]|i-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h-|oo|p-)|sdk\/|se(c(-|0|1)|47|mc|nd|ri)|sgh-|shar|sie(-|m)|sk-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h-|v-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl-|tdg-|tel(i|m)|tim-|t-mo|to(pl|sh)|ts(70|m-|m3|m5)|tx-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas-|your|zeto|zte-/i.test(agent === null || agent === void 0 ? void 0 : agent.substring(0, 4)); }); /***/ }), /***/ "./components/vc-util/set.ts": /*!***********************************!*\ !*** ./components/vc-util/set.ts ***! \***********************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ set) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _get__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./get */ "./components/vc-util/get.ts"); function internalSet(entity, paths, value, removeIfUndefined) { if (!paths.length) { return value; } const [path, ...restPath] = paths; let clone; if (!entity && typeof path === 'number') { clone = []; } else if (Array.isArray(entity)) { clone = [...entity]; } else { clone = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, entity); } // Delete prop if `removeIfUndefined` and value is undefined if (removeIfUndefined && value === undefined && restPath.length === 1) { delete clone[path][restPath[0]]; } else { clone[path] = internalSet(clone[path], restPath, value, removeIfUndefined); } return clone; } function set(entity, paths, value) { let removeIfUndefined = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false; // Do nothing if `removeIfUndefined` and parent object not exist if (paths.length && removeIfUndefined && value === undefined && !(0,_get__WEBPACK_IMPORTED_MODULE_1__["default"])(entity, paths.slice(0, -1))) { return entity; } return internalSet(entity, paths, value, removeIfUndefined); } /***/ }), /***/ "./components/vc-util/warning.ts": /*!***************************************!*\ !*** ./components/vc-util/warning.ts ***! \***************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ call: () => (/* binding */ call), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ note: () => (/* binding */ note), /* harmony export */ noteOnce: () => (/* binding */ noteOnce), /* harmony export */ resetWarned: () => (/* binding */ resetWarned), /* harmony export */ warning: () => (/* binding */ warning), /* harmony export */ warningOnce: () => (/* binding */ warningOnce) /* harmony export */ }); /* eslint-disable no-console */ let warned = {}; function warning(valid, message) { // Support uglify if ( true && !valid && console !== undefined) { console.error(`Warning: ${message}`); } } function note(valid, message) { // Support uglify if ( true && !valid && console !== undefined) { console.warn(`Note: ${message}`); } } function resetWarned() { warned = {}; } function call(method, valid, message) { if (!valid && !warned[message]) { method(false, message); warned[message] = true; } } function warningOnce(valid, message) { call(warning, valid, message); } function noteOnce(valid, message) { call(note, valid, message); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (warningOnce); /* eslint-enable */ /***/ }), /***/ "./components/vc-virtual-list/Filler.tsx": /*!***********************************************!*\ !*** ./components/vc-virtual-list/Filler.tsx ***! \***********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _vc_resize_observer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../vc-resize-observer */ "./components/vc-resize-observer/index.tsx"); const Filter = (_ref, _ref2) => { let { height, offset, prefixCls, onInnerResize } = _ref; let { slots } = _ref2; var _a; let outerStyle = {}; let innerStyle = { display: 'flex', flexDirection: 'column' }; if (offset !== undefined) { outerStyle = { height: `${height}px`, position: 'relative', overflow: 'hidden' }; innerStyle = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, innerStyle), { transform: `translateY(${offset}px)`, position: 'absolute', left: 0, right: 0, top: 0 }); } return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "style": outerStyle }, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_vc_resize_observer__WEBPACK_IMPORTED_MODULE_2__["default"], { "onResize": _ref3 => { let { offsetHeight } = _ref3; if (offsetHeight && onInnerResize) { onInnerResize(); } } }, { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "style": innerStyle, "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_3__["default"])({ [`${prefixCls}-holder-inner`]: prefixCls }) }, [(_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)])] })]); }; Filter.displayName = 'Filter'; Filter.inheritAttrs = false; Filter.props = { prefixCls: String, /** Virtual filler height. Should be `count * itemMinHeight` */ height: Number, /** Set offset of visible items. Should be the top of start item position */ offset: Number, onInnerResize: Function }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Filter); /***/ }), /***/ "./components/vc-virtual-list/Item.tsx": /*!*********************************************!*\ !*** ./components/vc-virtual-list/Item.tsx ***! \*********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/index.ts"); const Item = (_ref, _ref2) => { let { setRef } = _ref; let { slots } = _ref2; var _a; const children = (0,_util_props_util__WEBPACK_IMPORTED_MODULE_1__.flattenChildren)((_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)); return children && children.length ? (0,vue__WEBPACK_IMPORTED_MODULE_0__.cloneVNode)(children[0], { ref: setRef }) : children; }; Item.props = { setRef: { type: Function, default: () => {} } }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Item); /***/ }), /***/ "./components/vc-virtual-list/List.tsx": /*!*********************************************!*\ !*** ./components/vc-virtual-list/List.tsx ***! \*********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _Filler__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./Filler */ "./components/vc-virtual-list/Filler.tsx"); /* harmony import */ var _Item__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Item */ "./components/vc-virtual-list/Item.tsx"); /* harmony import */ var _ScrollBar__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./ScrollBar */ "./components/vc-virtual-list/ScrollBar.tsx"); /* harmony import */ var _hooks_useHeights__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./hooks/useHeights */ "./components/vc-virtual-list/hooks/useHeights.tsx"); /* harmony import */ var _hooks_useScrollTo__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./hooks/useScrollTo */ "./components/vc-virtual-list/hooks/useScrollTo.tsx"); /* harmony import */ var _hooks_useFrameWheel__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./hooks/useFrameWheel */ "./components/vc-virtual-list/hooks/useFrameWheel.ts"); /* harmony import */ var _hooks_useMobileTouchMove__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./hooks/useMobileTouchMove */ "./components/vc-virtual-list/hooks/useMobileTouchMove.ts"); /* harmony import */ var _hooks_useOriginScroll__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./hooks/useOriginScroll */ "./components/vc-virtual-list/hooks/useOriginScroll.ts"); /* harmony import */ var _util_vue_types__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/vue-types */ "./components/_util/vue-types/index.ts"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _util_supportsPassive__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../_util/supportsPassive */ "./components/_util/supportsPassive.js"); var __rest = undefined && undefined.__rest || function (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; }; const EMPTY_DATA = []; const ScrollStyle = { overflowY: 'auto', overflowAnchor: 'none' }; function renderChildren(list, startIndex, endIndex, setNodeRef, renderFunc, _ref) { let { getKey } = _ref; return list.slice(startIndex, endIndex + 1).map((item, index) => { const eleIndex = startIndex + index; const node = renderFunc(item, eleIndex, { // style: status === 'MEASURE_START' ? { visibility: 'hidden' } : {}, }); const key = getKey(item); return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_Item__WEBPACK_IMPORTED_MODULE_3__["default"], { "key": key, "setRef": ele => setNodeRef(item, ele) }, { default: () => [node] }); }); } const List = (0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'List', inheritAttrs: false, props: { prefixCls: String, data: _util_vue_types__WEBPACK_IMPORTED_MODULE_4__["default"].array, height: Number, itemHeight: Number, /** If not match virtual scroll condition, Set List still use height of container. */ fullHeight: { type: Boolean, default: undefined }, itemKey: { type: [String, Number, Function], required: true }, component: { type: [String, Object] }, /** Set `false` will always use real scroll instead of virtual one */ virtual: { type: Boolean, default: undefined }, children: Function, onScroll: Function, onMousedown: Function, onMouseenter: Function, onVisibleChange: Function }, setup(props, _ref2) { let { expose } = _ref2; // ================================= MISC ================================= const useVirtual = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { const { height, itemHeight, virtual } = props; return !!(virtual !== false && height && itemHeight); }); const inVirtual = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { const { height, itemHeight, data } = props; return useVirtual.value && data && itemHeight * data.length > height; }); const state = (0,vue__WEBPACK_IMPORTED_MODULE_2__.reactive)({ scrollTop: 0, scrollMoving: false }); const data = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { return props.data || EMPTY_DATA; }); const mergedData = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)([]); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)(data, () => { mergedData.value = (0,vue__WEBPACK_IMPORTED_MODULE_2__.toRaw)(data.value).slice(); }, { immediate: true }); // eslint-disable-next-line @typescript-eslint/no-unused-vars const itemKey = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(_item => undefined); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)(() => props.itemKey, val => { if (typeof val === 'function') { itemKey.value = val; } else { itemKey.value = item => item === null || item === void 0 ? void 0 : item[val]; } }, { immediate: true }); const componentRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(); const fillerInnerRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(); const scrollBarRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(); // Hack on scrollbar to enable flash call // =============================== Item Key =============================== const getKey = item => { return itemKey.value(item); }; const sharedConfig = { getKey }; // ================================ Scroll ================================ function syncScrollTop(newTop) { let value; if (typeof newTop === 'function') { value = newTop(state.scrollTop); } else { value = newTop; } const alignedTop = keepInRange(value); if (componentRef.value) { componentRef.value.scrollTop = alignedTop; } state.scrollTop = alignedTop; } // ================================ Height ================================ const [setInstance, collectHeight, heights, updatedMark] = (0,_hooks_useHeights__WEBPACK_IMPORTED_MODULE_5__["default"])(mergedData, getKey, null, null); const calRes = (0,vue__WEBPACK_IMPORTED_MODULE_2__.reactive)({ scrollHeight: undefined, start: 0, end: 0, offset: undefined }); const offsetHeight = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(0); (0,vue__WEBPACK_IMPORTED_MODULE_2__.onMounted)(() => { (0,vue__WEBPACK_IMPORTED_MODULE_2__.nextTick)(() => { var _a; offsetHeight.value = ((_a = fillerInnerRef.value) === null || _a === void 0 ? void 0 : _a.offsetHeight) || 0; }); }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.onUpdated)(() => { (0,vue__WEBPACK_IMPORTED_MODULE_2__.nextTick)(() => { var _a; offsetHeight.value = ((_a = fillerInnerRef.value) === null || _a === void 0 ? void 0 : _a.offsetHeight) || 0; }); }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)([useVirtual, mergedData], () => { if (!useVirtual.value) { (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])(calRes, { scrollHeight: undefined, start: 0, end: mergedData.value.length - 1, offset: undefined }); } }, { immediate: true }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)([useVirtual, mergedData, offsetHeight, inVirtual], () => { // Always use virtual scroll bar in avoid shaking if (useVirtual.value && !inVirtual.value) { (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])(calRes, { scrollHeight: offsetHeight.value, start: 0, end: mergedData.value.length - 1, offset: undefined }); } if (componentRef.value) { state.scrollTop = componentRef.value.scrollTop; } }, { immediate: true }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)([inVirtual, useVirtual, () => state.scrollTop, mergedData, updatedMark, () => props.height, offsetHeight], () => { if (!useVirtual.value || !inVirtual.value) { return; } let itemTop = 0; let startIndex; let startOffset; let endIndex; const dataLen = mergedData.value.length; const data = mergedData.value; const scrollTop = state.scrollTop; const { itemHeight, height } = props; const scrollTopHeight = scrollTop + height; for (let i = 0; i < dataLen; i += 1) { const item = data[i]; const key = getKey(item); let cacheHeight = heights.get(key); if (cacheHeight === undefined) { cacheHeight = itemHeight; } const currentItemBottom = itemTop + cacheHeight; if (startIndex === undefined && currentItemBottom >= scrollTop) { startIndex = i; startOffset = itemTop; } // Check item bottom in the range. We will render additional one item for motion usage if (endIndex === undefined && currentItemBottom > scrollTopHeight) { endIndex = i; } itemTop = currentItemBottom; } // When scrollTop at the end but data cut to small count will reach this if (startIndex === undefined) { startIndex = 0; startOffset = 0; endIndex = Math.ceil(height / itemHeight); } if (endIndex === undefined) { endIndex = dataLen - 1; } // Give cache to improve scroll experience endIndex = Math.min(endIndex + 1, dataLen); (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])(calRes, { scrollHeight: itemTop, start: startIndex, end: endIndex, offset: startOffset }); }, { immediate: true }); // =============================== In Range =============================== const maxScrollHeight = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => calRes.scrollHeight - props.height); function keepInRange(newScrollTop) { let newTop = newScrollTop; if (!Number.isNaN(maxScrollHeight.value)) { newTop = Math.min(newTop, maxScrollHeight.value); } newTop = Math.max(newTop, 0); return newTop; } const isScrollAtTop = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => state.scrollTop <= 0); const isScrollAtBottom = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => state.scrollTop >= maxScrollHeight.value); const originScroll = (0,_hooks_useOriginScroll__WEBPACK_IMPORTED_MODULE_6__["default"])(isScrollAtTop, isScrollAtBottom); // ================================ Scroll ================================ function onScrollBar(newScrollTop) { const newTop = newScrollTop; syncScrollTop(newTop); } // When data size reduce. It may trigger native scroll event back to fit scroll position function onFallbackScroll(e) { var _a; const { scrollTop: newScrollTop } = e.currentTarget; if (newScrollTop !== state.scrollTop) { syncScrollTop(newScrollTop); } // Trigger origin onScroll (_a = props.onScroll) === null || _a === void 0 ? void 0 : _a.call(props, e); } // Since this added in global,should use ref to keep update const [onRawWheel, onFireFoxScroll] = (0,_hooks_useFrameWheel__WEBPACK_IMPORTED_MODULE_7__["default"])(useVirtual, isScrollAtTop, isScrollAtBottom, offsetY => { syncScrollTop(top => { const newTop = top + offsetY; return newTop; }); }); // Mobile touch move (0,_hooks_useMobileTouchMove__WEBPACK_IMPORTED_MODULE_8__["default"])(useVirtual, componentRef, (deltaY, smoothOffset) => { if (originScroll(deltaY, smoothOffset)) { return false; } onRawWheel({ preventDefault() {}, deltaY }); return true; }); // Firefox only function onMozMousePixelScroll(e) { if (useVirtual.value) { e.preventDefault(); } } const removeEventListener = () => { if (componentRef.value) { componentRef.value.removeEventListener('wheel', onRawWheel, _util_supportsPassive__WEBPACK_IMPORTED_MODULE_9__["default"] ? { passive: false } : false); componentRef.value.removeEventListener('DOMMouseScroll', onFireFoxScroll); componentRef.value.removeEventListener('MozMousePixelScroll', onMozMousePixelScroll); } }; (0,vue__WEBPACK_IMPORTED_MODULE_2__.watchEffect)(() => { (0,vue__WEBPACK_IMPORTED_MODULE_2__.nextTick)(() => { if (componentRef.value) { removeEventListener(); componentRef.value.addEventListener('wheel', onRawWheel, _util_supportsPassive__WEBPACK_IMPORTED_MODULE_9__["default"] ? { passive: false } : false); componentRef.value.addEventListener('DOMMouseScroll', onFireFoxScroll); componentRef.value.addEventListener('MozMousePixelScroll', onMozMousePixelScroll); } }); }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.onBeforeUnmount)(() => { removeEventListener(); }); // ================================= Ref ================================== const scrollTo = (0,_hooks_useScrollTo__WEBPACK_IMPORTED_MODULE_10__["default"])(componentRef, mergedData, heights, props, getKey, collectHeight, syncScrollTop, () => { var _a; (_a = scrollBarRef.value) === null || _a === void 0 ? void 0 : _a.delayHidden(); }); expose({ scrollTo }); const componentStyle = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { let cs = null; if (props.height) { cs = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({ [props.fullHeight ? 'height' : 'maxHeight']: props.height + 'px' }, ScrollStyle); if (useVirtual.value) { cs.overflowY = 'hidden'; if (state.scrollMoving) { cs.pointerEvents = 'none'; } } } return cs; }); // ================================ Effect ================================ /** We need told outside that some list not rendered */ (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)([() => calRes.start, () => calRes.end, mergedData], () => { if (props.onVisibleChange) { const renderList = mergedData.value.slice(calRes.start, calRes.end + 1); props.onVisibleChange(renderList, mergedData.value); } }, { flush: 'post' }); const delayHideScrollBar = () => { var _a; (_a = scrollBarRef.value) === null || _a === void 0 ? void 0 : _a.delayHidden(); }; return { state, mergedData, componentStyle, onFallbackScroll, onScrollBar, componentRef, useVirtual, calRes, collectHeight, setInstance, sharedConfig, scrollBarRef, fillerInnerRef, delayHideScrollBar }; }, render() { const _a = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, this.$props), this.$attrs), { prefixCls = 'rc-virtual-list', height, itemHeight, // eslint-disable-next-line no-unused-vars fullHeight, data, itemKey, virtual, component: Component = 'div', onScroll, children = this.$slots.default, style, class: className } = _a, restProps = __rest(_a, ["prefixCls", "height", "itemHeight", "fullHeight", "data", "itemKey", "virtual", "component", "onScroll", "children", "style", "class"]); const mergedClassName = (0,_util_classNames__WEBPACK_IMPORTED_MODULE_11__["default"])(prefixCls, className); const { scrollTop } = this.state; const { scrollHeight, offset, start, end } = this.calRes; const { componentStyle, onFallbackScroll, onScrollBar, useVirtual, collectHeight, sharedConfig, setInstance, mergedData, delayHideScrollBar } = this; return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({ "style": (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, style), { position: 'relative' }), "class": mergedClassName }, restProps), [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(Component, { "class": `${prefixCls}-holder`, "style": componentStyle, "ref": "componentRef", "onScroll": onFallbackScroll, "onMouseenter": delayHideScrollBar }, { default: () => [(0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_Filler__WEBPACK_IMPORTED_MODULE_12__["default"], { "prefixCls": prefixCls, "height": scrollHeight, "offset": offset, "onInnerResize": collectHeight, "ref": "fillerInnerRef" }, { default: () => renderChildren(mergedData, start, end, setInstance, children, sharedConfig) })] }), useVirtual && (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)(_ScrollBar__WEBPACK_IMPORTED_MODULE_13__["default"], { "ref": "scrollBarRef", "prefixCls": prefixCls, "scrollTop": scrollTop, "height": height, "scrollHeight": scrollHeight, "count": mergedData.length, "onScroll": onScrollBar, "onStartMove": () => { this.state.scrollMoving = true; }, "onStopMove": () => { this.state.scrollMoving = false; } }, null)]); } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (List); /***/ }), /***/ "./components/vc-virtual-list/ScrollBar.tsx": /*!**************************************************!*\ !*** ./components/vc-virtual-list/ScrollBar.tsx ***! \**************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_classNames__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../_util/classNames */ "./components/_util/classNames.ts"); /* harmony import */ var _util_createRef__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../_util/createRef */ "./components/_util/createRef.ts"); /* harmony import */ var _util_raf__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/raf */ "./components/_util/raf.ts"); /* harmony import */ var _util_supportsPassive__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/supportsPassive */ "./components/_util/supportsPassive.js"); const MIN_SIZE = 20; function getPageY(e) { return 'touches' in e ? e.touches[0].pageY : e.pageY; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({ compatConfig: { MODE: 3 }, name: 'ScrollBar', inheritAttrs: false, props: { prefixCls: String, scrollTop: Number, scrollHeight: Number, height: Number, count: Number, onScroll: { type: Function }, onStartMove: { type: Function }, onStopMove: { type: Function } }, setup() { return { moveRaf: null, scrollbarRef: (0,_util_createRef__WEBPACK_IMPORTED_MODULE_2__["default"])(), thumbRef: (0,_util_createRef__WEBPACK_IMPORTED_MODULE_2__["default"])(), visibleTimeout: null, state: (0,vue__WEBPACK_IMPORTED_MODULE_1__.reactive)({ dragging: false, pageY: null, startTop: null, visible: false }) }; }, watch: { scrollTop: { handler() { this.delayHidden(); }, flush: 'post' } }, mounted() { var _a, _b; (_a = this.scrollbarRef.current) === null || _a === void 0 ? void 0 : _a.addEventListener('touchstart', this.onScrollbarTouchStart, _util_supportsPassive__WEBPACK_IMPORTED_MODULE_3__["default"] ? { passive: false } : false); (_b = this.thumbRef.current) === null || _b === void 0 ? void 0 : _b.addEventListener('touchstart', this.onMouseDown, _util_supportsPassive__WEBPACK_IMPORTED_MODULE_3__["default"] ? { passive: false } : false); }, beforeUnmount() { this.removeEvents(); clearTimeout(this.visibleTimeout); }, methods: { delayHidden() { clearTimeout(this.visibleTimeout); this.state.visible = true; this.visibleTimeout = setTimeout(() => { this.state.visible = false; }, 2000); }, onScrollbarTouchStart(e) { e.preventDefault(); }, onContainerMouseDown(e) { e.stopPropagation(); e.preventDefault(); }, // ======================= Clean ======================= patchEvents() { window.addEventListener('mousemove', this.onMouseMove); window.addEventListener('mouseup', this.onMouseUp); this.thumbRef.current.addEventListener('touchmove', this.onMouseMove, _util_supportsPassive__WEBPACK_IMPORTED_MODULE_3__["default"] ? { passive: false } : false); this.thumbRef.current.addEventListener('touchend', this.onMouseUp); }, removeEvents() { window.removeEventListener('mousemove', this.onMouseMove); window.removeEventListener('mouseup', this.onMouseUp); this.scrollbarRef.current.removeEventListener('touchstart', this.onScrollbarTouchStart, _util_supportsPassive__WEBPACK_IMPORTED_MODULE_3__["default"] ? { passive: false } : false); if (this.thumbRef.current) { this.thumbRef.current.removeEventListener('touchstart', this.onMouseDown, _util_supportsPassive__WEBPACK_IMPORTED_MODULE_3__["default"] ? { passive: false } : false); this.thumbRef.current.removeEventListener('touchmove', this.onMouseMove, _util_supportsPassive__WEBPACK_IMPORTED_MODULE_3__["default"] ? { passive: false } : false); this.thumbRef.current.removeEventListener('touchend', this.onMouseUp); } _util_raf__WEBPACK_IMPORTED_MODULE_4__["default"].cancel(this.moveRaf); }, // ======================= Thumb ======================= onMouseDown(e) { const { onStartMove } = this.$props; (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])(this.state, { dragging: true, pageY: getPageY(e), startTop: this.getTop() }); onStartMove(); this.patchEvents(); e.stopPropagation(); e.preventDefault(); }, onMouseMove(e) { const { dragging, pageY, startTop } = this.state; const { onScroll } = this.$props; _util_raf__WEBPACK_IMPORTED_MODULE_4__["default"].cancel(this.moveRaf); if (dragging) { const offsetY = getPageY(e) - pageY; const newTop = startTop + offsetY; const enableScrollRange = this.getEnableScrollRange(); const enableHeightRange = this.getEnableHeightRange(); const ptg = enableHeightRange ? newTop / enableHeightRange : 0; const newScrollTop = Math.ceil(ptg * enableScrollRange); this.moveRaf = (0,_util_raf__WEBPACK_IMPORTED_MODULE_4__["default"])(() => { onScroll(newScrollTop); }); } }, onMouseUp() { const { onStopMove } = this.$props; this.state.dragging = false; onStopMove(); this.removeEvents(); }, // ===================== Calculate ===================== getSpinHeight() { const { height, scrollHeight } = this.$props; let baseHeight = height / scrollHeight * 100; baseHeight = Math.max(baseHeight, MIN_SIZE); baseHeight = Math.min(baseHeight, height / 2); return Math.floor(baseHeight); }, getEnableScrollRange() { const { scrollHeight, height } = this.$props; return scrollHeight - height || 0; }, getEnableHeightRange() { const { height } = this.$props; const spinHeight = this.getSpinHeight(); return height - spinHeight || 0; }, getTop() { const { scrollTop } = this.$props; const enableScrollRange = this.getEnableScrollRange(); const enableHeightRange = this.getEnableHeightRange(); if (scrollTop === 0 || enableScrollRange === 0) { return 0; } const ptg = scrollTop / enableScrollRange; return ptg * enableHeightRange; }, // Not show scrollbar when height is large than scrollHeight showScroll() { const { height, scrollHeight } = this.$props; return scrollHeight > height; } }, render() { // eslint-disable-next-line no-unused-vars const { dragging, visible } = this.state; const { prefixCls } = this.$props; const spinHeight = this.getSpinHeight() + 'px'; const top = this.getTop() + 'px'; const canScroll = this.showScroll(); const mergedVisible = canScroll && visible; return (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "ref": this.scrollbarRef, "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_5__["default"])(`${prefixCls}-scrollbar`, { [`${prefixCls}-scrollbar-show`]: canScroll }), "style": { width: '8px', top: 0, bottom: 0, right: 0, position: 'absolute', display: mergedVisible ? undefined : 'none' }, "onMousedown": this.onContainerMouseDown, "onMousemove": this.delayHidden }, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)("div", { "ref": this.thumbRef, "class": (0,_util_classNames__WEBPACK_IMPORTED_MODULE_5__["default"])(`${prefixCls}-scrollbar-thumb`, { [`${prefixCls}-scrollbar-thumb-moving`]: dragging }), "style": { width: '100%', height: spinHeight, top, left: 0, position: 'absolute', background: 'rgba(0, 0, 0, 0.5)', borderRadius: '99px', cursor: 'pointer', userSelect: 'none' }, "onMousedown": this.onMouseDown }, null)]); } })); /***/ }), /***/ "./components/vc-virtual-list/hooks/useFrameWheel.ts": /*!***********************************************************!*\ !*** ./components/vc-virtual-list/hooks/useFrameWheel.ts ***! \***********************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ useFrameWheel) /* harmony export */ }); /* harmony import */ var _util_raf__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../_util/raf */ "./components/_util/raf.ts"); /* harmony import */ var _utils_isFirefox__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils/isFirefox */ "./components/vc-virtual-list/utils/isFirefox.ts"); /* harmony import */ var _useOriginScroll__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./useOriginScroll */ "./components/vc-virtual-list/hooks/useOriginScroll.ts"); function useFrameWheel(inVirtual, isScrollAtTop, isScrollAtBottom, onWheelDelta) { let offsetRef = 0; let nextFrame = null; // Firefox patch let wheelValue = null; let isMouseScroll = false; // Scroll status sync const originScroll = (0,_useOriginScroll__WEBPACK_IMPORTED_MODULE_0__["default"])(isScrollAtTop, isScrollAtBottom); function onWheel(event) { if (!inVirtual.value) return; _util_raf__WEBPACK_IMPORTED_MODULE_1__["default"].cancel(nextFrame); const { deltaY } = event; offsetRef += deltaY; wheelValue = deltaY; // Do nothing when scroll at the edge, Skip check when is in scroll if (originScroll(deltaY)) return; // Proxy of scroll events if (!_utils_isFirefox__WEBPACK_IMPORTED_MODULE_2__["default"]) { event.preventDefault(); } nextFrame = (0,_util_raf__WEBPACK_IMPORTED_MODULE_1__["default"])(() => { // Patch a multiple for Firefox to fix wheel number too small // ref: https://github.com/ant-design/ant-design/issues/26372#issuecomment-679460266 const patchMultiple = isMouseScroll ? 10 : 1; onWheelDelta(offsetRef * patchMultiple); offsetRef = 0; }); } // A patch for firefox function onFireFoxScroll(event) { if (!inVirtual.value) return; isMouseScroll = event.detail === wheelValue; } return [onWheel, onFireFoxScroll]; } /***/ }), /***/ "./components/vc-virtual-list/hooks/useHeights.tsx": /*!*********************************************************!*\ !*** ./components/vc-virtual-list/hooks/useHeights.tsx ***! \*********************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ useHeights) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _util_raf__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../_util/raf */ "./components/_util/raf.ts"); function useHeights(mergedData, getKey, onItemAdd, onItemRemove) { const instance = new Map(); const heights = new Map(); const updatedMark = (0,vue__WEBPACK_IMPORTED_MODULE_0__.ref)(Symbol('update')); (0,vue__WEBPACK_IMPORTED_MODULE_0__.watch)(mergedData, () => { updatedMark.value = Symbol('update'); }); let collectRaf = undefined; function cancelRaf() { _util_raf__WEBPACK_IMPORTED_MODULE_1__["default"].cancel(collectRaf); } function collectHeight() { cancelRaf(); collectRaf = (0,_util_raf__WEBPACK_IMPORTED_MODULE_1__["default"])(() => { instance.forEach((element, key) => { if (element && element.offsetParent) { const { offsetHeight } = element; if (heights.get(key) !== offsetHeight) { //changed = true; updatedMark.value = Symbol('update'); heights.set(key, element.offsetHeight); } } }); }); } function setInstance(item, ins) { const key = getKey(item); const origin = instance.get(key); if (ins) { instance.set(key, ins.$el || ins); collectHeight(); } else { instance.delete(key); } // Instance changed if (!origin !== !ins) { if (ins) { onItemAdd === null || onItemAdd === void 0 ? void 0 : onItemAdd(item); } else { onItemRemove === null || onItemRemove === void 0 ? void 0 : onItemRemove(item); } } } (0,vue__WEBPACK_IMPORTED_MODULE_0__.onUnmounted)(() => { cancelRaf(); }); return [setInstance, collectHeight, heights, updatedMark]; } /***/ }), /***/ "./components/vc-virtual-list/hooks/useMobileTouchMove.ts": /*!****************************************************************!*\ !*** ./components/vc-virtual-list/hooks/useMobileTouchMove.ts ***! \****************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ useMobileTouchMove) /* harmony export */ }); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue"); const SMOOTH_PTG = 14 / 15; function useMobileTouchMove(inVirtual, listRef, callback) { let touched = false; let touchY = 0; let element = null; // Smooth scroll let interval = null; const cleanUpEvents = () => { if (element) { element.removeEventListener('touchmove', onTouchMove); element.removeEventListener('touchend', onTouchEnd); } }; const onTouchMove = e => { if (touched) { const currentY = Math.ceil(e.touches[0].pageY); let offsetY = touchY - currentY; touchY = currentY; if (callback(offsetY)) { e.preventDefault(); } // Smooth interval clearInterval(interval); interval = setInterval(() => { offsetY *= SMOOTH_PTG; if (!callback(offsetY, true) || Math.abs(offsetY) <= 0.1) { clearInterval(interval); } }, 16); } }; const onTouchEnd = () => { touched = false; cleanUpEvents(); }; const onTouchStart = e => { cleanUpEvents(); if (e.touches.length === 1 && !touched) { touched = true; touchY = Math.ceil(e.touches[0].pageY); element = e.target; element.addEventListener('touchmove', onTouchMove, { passive: false }); element.addEventListener('touchend', onTouchEnd); } }; const noop = () => {}; (0,vue__WEBPACK_IMPORTED_MODULE_0__.onMounted)(() => { document.addEventListener('touchmove', noop, { passive: false }); (0,vue__WEBPACK_IMPORTED_MODULE_0__.watch)(inVirtual, val => { listRef.value.removeEventListener('touchstart', onTouchStart); cleanUpEvents(); clearInterval(interval); if (val) { listRef.value.addEventListener('touchstart', onTouchStart, { passive: false }); } }, { immediate: true }); }); (0,vue__WEBPACK_IMPORTED_MODULE_0__.onBeforeUnmount)(() => { document.removeEventListener('touchmove', noop); }); } /***/ }), /***/ "./components/vc-virtual-list/hooks/useOriginScroll.ts": /*!*************************************************************!*\ !*** ./components/vc-virtual-list/hooks/useOriginScroll.ts ***! \*************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((isScrollAtTop, isScrollAtBottom) => { // Do lock for a wheel when scrolling let lock = false; let lockTimeout = null; function lockScroll() { clearTimeout(lockTimeout); lock = true; lockTimeout = setTimeout(() => { lock = false; }, 50); } return function (deltaY) { let smoothOffset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false; const originScroll = // Pass origin wheel when on the top deltaY < 0 && isScrollAtTop.value || // Pass origin wheel when on the bottom deltaY > 0 && isScrollAtBottom.value; if (smoothOffset && originScroll) { // No need lock anymore when it's smooth offset from touchMove interval clearTimeout(lockTimeout); lock = false; } else if (!originScroll || lock) { lockScroll(); } return !lock && originScroll; }; }); /***/ }), /***/ "./components/vc-virtual-list/hooks/useScrollTo.tsx": /*!**********************************************************!*\ !*** ./components/vc-virtual-list/hooks/useScrollTo.tsx ***! \**********************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ useScrollTo) /* harmony export */ }); /* harmony import */ var _util_raf__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../_util/raf */ "./components/_util/raf.ts"); function useScrollTo(containerRef, mergedData, heights, props, getKey, collectHeight, syncScrollTop, triggerFlash) { let scroll; return arg => { // When not argument provided, we think dev may want to show the scrollbar if (arg === null || arg === undefined) { triggerFlash(); return; } // Normal scroll logic _util_raf__WEBPACK_IMPORTED_MODULE_0__["default"].cancel(scroll); const data = mergedData.value; const itemHeight = props.itemHeight; if (typeof arg === 'number') { syncScrollTop(arg); } else if (arg && typeof arg === 'object') { let index; const { align } = arg; if ('index' in arg) { ({ index } = arg); } else { index = data.findIndex(item => getKey(item) === arg.key); } const { offset = 0 } = arg; // We will retry 3 times in case dynamic height shaking const syncScroll = (times, targetAlign) => { if (times < 0 || !containerRef.value) return; const height = containerRef.value.clientHeight; let needCollectHeight = false; let newTargetAlign = targetAlign; // Go to next frame if height not exist if (height) { const mergedAlign = targetAlign || align; // Get top & bottom let stackTop = 0; let itemTop = 0; let itemBottom = 0; const maxLen = Math.min(data.length, index); for (let i = 0; i <= maxLen; i += 1) { const key = getKey(data[i]); itemTop = stackTop; const cacheHeight = heights.get(key); itemBottom = itemTop + (cacheHeight === undefined ? itemHeight : cacheHeight); stackTop = itemBottom; if (i === index && cacheHeight === undefined) { needCollectHeight = true; } } const scrollTop = containerRef.value.scrollTop; // Scroll to let targetTop = null; switch (mergedAlign) { case 'top': targetTop = itemTop - offset; break; case 'bottom': targetTop = itemBottom - height + offset; break; default: { const scrollBottom = scrollTop + height; if (itemTop < scrollTop) { newTargetAlign = 'top'; } else if (itemBottom > scrollBottom) { newTargetAlign = 'bottom'; } } } if (targetTop !== null && targetTop !== scrollTop) { syncScrollTop(targetTop); } } // We will retry since element may not sync height as it described scroll = (0,_util_raf__WEBPACK_IMPORTED_MODULE_0__["default"])(() => { if (needCollectHeight) { collectHeight(); } syncScroll(times - 1, newTargetAlign); }, 2); }; syncScroll(5); } }; } /***/ }), /***/ "./components/vc-virtual-list/index.ts": /*!*********************************************!*\ !*** ./components/vc-virtual-list/index.ts ***! \*********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _List__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./List */ "./components/vc-virtual-list/List.tsx"); // base rc-virtual-list 3.4.13 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_List__WEBPACK_IMPORTED_MODULE_0__["default"]); /***/ }), /***/ "./components/vc-virtual-list/utils/isFirefox.ts": /*!*******************************************************!*\ !*** ./components/vc-virtual-list/utils/isFirefox.ts ***! \*******************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); const isFF = typeof navigator === 'object' && /Firefox/i.test(navigator.userAgent); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (isFF); /***/ }), /***/ "./components/version/index.ts": /*!*************************************!*\ !*** ./components/version/index.ts ***! \*************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _version__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./version */ "./components/version/version.ts"); /* eslint import/no-unresolved: 0 */ // @ts-ignore /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_version__WEBPACK_IMPORTED_MODULE_0__["default"]); /***/ }), /***/ "./components/version/version.ts": /*!***************************************!*\ !*** ./components/version/version.ts ***! \***************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ('4.2.6'); /***/ }), /***/ "./components/watermark/index.tsx": /*!****************************************!*\ !*** ./components/watermark/index.tsx ***! \****************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ watermarkProps: () => (/* binding */ watermarkProps) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js"); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue"); /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./utils */ "./components/watermark/utils.ts"); /* harmony import */ var _util_type__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../_util/type */ "./components/_util/type.ts"); /* harmony import */ var _util_hooks_vueuse_useMutationObserver__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../_util/hooks/_vueuse/useMutationObserver */ "./components/_util/hooks/_vueuse/useMutationObserver.ts"); /* harmony import */ var _util_props_util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/props-util */ "./components/_util/props-util/initDefaultProps.ts"); /* harmony import */ var _theme_internal__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../theme/internal */ "./components/theme/internal.ts"); /** * Base size of the canvas, 1 for parallel layout and 2 for alternate layout * Only alternate layout is currently supported */ const BaseSize = 2; const FontGap = 3; const watermarkProps = () => ({ zIndex: Number, rotate: Number, width: Number, height: Number, image: String, content: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.someType)([String, Array]), font: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.objectType)(), rootClassName: String, gap: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.arrayType)(), offset: (0,_util_type__WEBPACK_IMPORTED_MODULE_3__.arrayType)() }); const Watermark = (0,vue__WEBPACK_IMPORTED_MODULE_2__.defineComponent)({ name: 'AWatermark', inheritAttrs: false, props: (0,_util_props_util__WEBPACK_IMPORTED_MODULE_4__["default"])(watermarkProps(), { zIndex: 9, rotate: -22, font: {}, gap: [100, 100] }), setup(props, _ref) { let { slots, attrs } = _ref; const [, token] = (0,_theme_internal__WEBPACK_IMPORTED_MODULE_5__.useToken)(); const containerRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(); const watermarkRef = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(); const stopObservation = (0,vue__WEBPACK_IMPORTED_MODULE_2__.shallowRef)(false); const gapX = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { var _a, _b; return (_b = (_a = props.gap) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : 100; }); const gapY = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { var _a, _b; return (_b = (_a = props.gap) === null || _a === void 0 ? void 0 : _a[1]) !== null && _b !== void 0 ? _b : 100; }); const gapXCenter = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => gapX.value / 2); const gapYCenter = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => gapY.value / 2); const offsetLeft = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { var _a, _b; return (_b = (_a = props.offset) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : gapXCenter.value; }); const offsetTop = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { var _a, _b; return (_b = (_a = props.offset) === null || _a === void 0 ? void 0 : _a[1]) !== null && _b !== void 0 ? _b : gapYCenter.value; }); const fontSize = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { var _a, _b; return (_b = (_a = props.font) === null || _a === void 0 ? void 0 : _a.fontSize) !== null && _b !== void 0 ? _b : token.value.fontSizeLG; }); const fontWeight = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { var _a, _b; return (_b = (_a = props.font) === null || _a === void 0 ? void 0 : _a.fontWeight) !== null && _b !== void 0 ? _b : 'normal'; }); const fontStyle = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { var _a, _b; return (_b = (_a = props.font) === null || _a === void 0 ? void 0 : _a.fontStyle) !== null && _b !== void 0 ? _b : 'normal'; }); const fontFamily = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { var _a, _b; return (_b = (_a = props.font) === null || _a === void 0 ? void 0 : _a.fontFamily) !== null && _b !== void 0 ? _b : 'sans-serif'; }); const color = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { var _a, _b; return (_b = (_a = props.font) === null || _a === void 0 ? void 0 : _a.color) !== null && _b !== void 0 ? _b : token.value.colorFill; }); const markStyle = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(() => { var _a; const markStyle = { zIndex: (_a = props.zIndex) !== null && _a !== void 0 ? _a : 9, position: 'absolute', left: 0, top: 0, width: '100%', height: '100%', pointerEvents: 'none', backgroundRepeat: 'repeat' }; /** Calculate the style of the offset */ let positionLeft = offsetLeft.value - gapXCenter.value; let positionTop = offsetTop.value - gapYCenter.value; if (positionLeft > 0) { markStyle.left = `${positionLeft}px`; markStyle.width = `calc(100% - ${positionLeft}px)`; positionLeft = 0; } if (positionTop > 0) { markStyle.top = `${positionTop}px`; markStyle.height = `calc(100% - ${positionTop}px)`; positionTop = 0; } markStyle.backgroundPosition = `${positionLeft}px ${positionTop}px`; return markStyle; }); const destroyWatermark = () => { if (watermarkRef.value) { watermarkRef.value.remove(); watermarkRef.value = undefined; } }; const appendWatermark = (base64Url, markWidth) => { var _a; if (containerRef.value && watermarkRef.value) { stopObservation.value = true; watermarkRef.value.setAttribute('style', (0,_utils__WEBPACK_IMPORTED_MODULE_6__.getStyleStr)((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, markStyle.value), { backgroundImage: `url('${base64Url}')`, backgroundSize: `${(gapX.value + markWidth) * BaseSize}px` }))); (_a = containerRef.value) === null || _a === void 0 ? void 0 : _a.append(watermarkRef.value); // Delayed execution setTimeout(() => { stopObservation.value = false; }); } }; /** * Get the width and height of the watermark. The default values are as follows * Image: [120, 64]; Content: It's calculated by content; */ const getMarkSize = ctx => { let defaultWidth = 120; let defaultHeight = 64; const content = props.content; const image = props.image; const width = props.width; const height = props.height; if (!image && ctx.measureText) { ctx.font = `${Number(fontSize.value)}px ${fontFamily.value}`; const contents = Array.isArray(content) ? content : [content]; const widths = contents.map(item => ctx.measureText(item).width); defaultWidth = Math.ceil(Math.max(...widths)); defaultHeight = Number(fontSize.value) * contents.length + (contents.length - 1) * FontGap; } return [width !== null && width !== void 0 ? width : defaultWidth, height !== null && height !== void 0 ? height : defaultHeight]; }; const fillTexts = (ctx, drawX, drawY, drawWidth, drawHeight) => { const ratio = (0,_utils__WEBPACK_IMPORTED_MODULE_6__.getPixelRatio)(); const content = props.content; const mergedFontSize = Number(fontSize.value) * ratio; ctx.font = `${fontStyle.value} normal ${fontWeight.value} ${mergedFontSize}px/${drawHeight}px ${fontFamily.value}`; ctx.fillStyle = color.value; ctx.textAlign = 'center'; ctx.textBaseline = 'top'; ctx.translate(drawWidth / 2, 0); const contents = Array.isArray(content) ? content : [content]; contents === null || contents === void 0 ? void 0 : contents.forEach((item, index) => { ctx.fillText(item !== null && item !== void 0 ? item : '', drawX, drawY + index * (mergedFontSize + FontGap * ratio)); }); }; const renderWatermark = () => { var _a; const canvas = document.createElement('canvas'); const ctx = canvas.getContext('2d'); const image = props.image; const rotate = (_a = props.rotate) !== null && _a !== void 0 ? _a : -22; if (ctx) { if (!watermarkRef.value) { watermarkRef.value = document.createElement('div'); } const ratio = (0,_utils__WEBPACK_IMPORTED_MODULE_6__.getPixelRatio)(); const [markWidth, markHeight] = getMarkSize(ctx); const canvasWidth = (gapX.value + markWidth) * ratio; const canvasHeight = (gapY.value + markHeight) * ratio; canvas.setAttribute('width', `${canvasWidth * BaseSize}px`); canvas.setAttribute('height', `${canvasHeight * BaseSize}px`); const drawX = gapX.value * ratio / 2; const drawY = gapY.value * ratio / 2; const drawWidth = markWidth * ratio; const drawHeight = markHeight * ratio; const rotateX = (drawWidth + gapX.value * ratio) / 2; const rotateY = (drawHeight + gapY.value * ratio) / 2; /** Alternate drawing parameters */ const alternateDrawX = drawX + canvasWidth; const alternateDrawY = drawY + canvasHeight; const alternateRotateX = rotateX + canvasWidth; const alternateRotateY = rotateY + canvasHeight; ctx.save(); (0,_utils__WEBPACK_IMPORTED_MODULE_6__.rotateWatermark)(ctx, rotateX, rotateY, rotate); if (image) { const img = new Image(); img.onload = () => { ctx.drawImage(img, drawX, drawY, drawWidth, drawHeight); /** Draw interleaved pictures after rotation */ ctx.restore(); (0,_utils__WEBPACK_IMPORTED_MODULE_6__.rotateWatermark)(ctx, alternateRotateX, alternateRotateY, rotate); ctx.drawImage(img, alternateDrawX, alternateDrawY, drawWidth, drawHeight); appendWatermark(canvas.toDataURL(), markWidth); }; img.crossOrigin = 'anonymous'; img.referrerPolicy = 'no-referrer'; img.src = image; } else { fillTexts(ctx, drawX, drawY, drawWidth, drawHeight); /** Fill the interleaved text after rotation */ ctx.restore(); (0,_utils__WEBPACK_IMPORTED_MODULE_6__.rotateWatermark)(ctx, alternateRotateX, alternateRotateY, rotate); fillTexts(ctx, alternateDrawX, alternateDrawY, drawWidth, drawHeight); appendWatermark(canvas.toDataURL(), markWidth); } } }; (0,vue__WEBPACK_IMPORTED_MODULE_2__.onMounted)(() => { renderWatermark(); }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.watch)(() => [props, token.value.colorFill, token.value.fontSizeLG], () => { renderWatermark(); }, { deep: true, flush: 'post' }); (0,vue__WEBPACK_IMPORTED_MODULE_2__.onBeforeUnmount)(() => { destroyWatermark(); }); const onMutate = mutations => { if (stopObservation.value) { return; } mutations.forEach(mutation => { if ((0,_utils__WEBPACK_IMPORTED_MODULE_6__.reRendering)(mutation, watermarkRef.value)) { destroyWatermark(); renderWatermark(); } }); }; (0,_util_hooks_vueuse_useMutationObserver__WEBPACK_IMPORTED_MODULE_7__.useMutationObserver)(containerRef, onMutate, { attributes: true, subtree: true, childList: true, attributeFilter: ['style', 'class'] }); return () => { var _a; return (0,vue__WEBPACK_IMPORTED_MODULE_2__.createVNode)("div", (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, attrs), {}, { "ref": containerRef, "class": [attrs.class, props.rootClassName], "style": [{ position: 'relative' }, attrs.style] }), [(_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)]); }; } }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_util_type__WEBPACK_IMPORTED_MODULE_3__.withInstall)(Watermark)); /***/ }), /***/ "./components/watermark/utils.ts": /*!***************************************!*\ !*** ./components/watermark/utils.ts ***! \***************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ getPixelRatio: () => (/* binding */ getPixelRatio), /* harmony export */ getStyleStr: () => (/* binding */ getStyleStr), /* harmony export */ reRendering: () => (/* binding */ reRendering), /* harmony export */ rotateWatermark: () => (/* binding */ rotateWatermark), /* harmony export */ toLowercaseSeparator: () => (/* binding */ toLowercaseSeparator) /* harmony export */ }); /** converting camel-cased strings to be lowercase and link it with Separato */ function toLowercaseSeparator(key) { return key.replace(/([A-Z])/g, '-$1').toLowerCase(); } function getStyleStr(style) { return Object.keys(style).map(key => `${toLowercaseSeparator(key)}: ${style[key]};`).join(' '); } /** Returns the ratio of the device's physical pixel resolution to the css pixel resolution */ function getPixelRatio() { return window.devicePixelRatio || 1; } /** Rotate with the watermark as the center point */ function rotateWatermark(ctx, rotateX, rotateY, rotate) { ctx.translate(rotateX, rotateY); ctx.rotate(Math.PI / 180 * Number(rotate)); ctx.translate(-rotateX, -rotateY); } /** Whether to re-render the watermark */ const reRendering = (mutation, watermarkElement) => { let flag = false; // Whether to delete the watermark node if (mutation.removedNodes.length) { flag = Array.from(mutation.removedNodes).some(node => node === watermarkElement); } // Whether the watermark dom property value has been modified if (mutation.type === 'attributes' && mutation.target === watermarkElement) { flag = true; } return flag; }; /***/ }), /***/ "./node_modules/dayjs/dayjs.min.js": /*!*****************************************!*\ !*** ./node_modules/dayjs/dayjs.min.js ***! \*****************************************/ /***/ (function(module) { !function(t,e){ true?module.exports=e():0}(this,(function(){"use strict";var t=1e3,e=6e4,n=36e5,r="millisecond",i="second",s="minute",u="hour",a="day",o="week",c="month",f="quarter",h="year",d="date",l="Invalid Date",$=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,y=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,M={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(t){var e=["th","st","nd","rd"],n=t%100;return"["+t+(e[(n-20)%10]||e[n]||e[0])+"]"}},m=function(t,e,n){var r=String(t);return!r||r.length>=e?t:""+Array(e+1-r.length).join(n)+t},v={s:m,z:function(t){var e=-t.utcOffset(),n=Math.abs(e),r=Math.floor(n/60),i=n%60;return(e<=0?"+":"-")+m(r,2,"0")+":"+m(i,2,"0")},m:function t(e,n){if(e.date()1)return t(u[0])}else{var a=e.name;D[a]=e,i=a}return!r&&i&&(g=i),i||!r&&g},O=function(t,e){if(S(t))return t.clone();var n="object"==typeof e?e:{};return n.date=t,n.args=arguments,new _(n)},b=v;b.l=w,b.i=S,b.w=function(t,e){return O(t,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var _=function(){function M(t){this.$L=w(t.locale,null,!0),this.parse(t),this.$x=this.$x||t.x||{},this[p]=!0}var m=M.prototype;return m.parse=function(t){this.$d=function(t){var e=t.date,n=t.utc;if(null===e)return new Date(NaN);if(b.u(e))return new Date;if(e instanceof Date)return new Date(e);if("string"==typeof e&&!/Z$/i.test(e)){var r=e.match($);if(r){var i=r[2]-1||0,s=(r[7]||"0").substring(0,3);return n?new Date(Date.UTC(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)):new Date(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)}}return new Date(e)}(t),this.init()},m.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds()},m.$utils=function(){return b},m.isValid=function(){return!(this.$d.toString()===l)},m.isSame=function(t,e){var n=O(t);return this.startOf(e)<=n&&n<=this.endOf(e)},m.isAfter=function(t,e){return O(t)68?1900:2e3)};var a=function(e){return function(t){this[e]=+t}},f=[/[+-]\d\d:?(\d\d)?|Z/,function(e){(this.zone||(this.zone={})).offset=function(e){if(!e)return 0;if("Z"===e)return 0;var t=e.match(/([+-]|\d\d)/g),n=60*t[1]+(+t[2]||0);return 0===n?0:"+"===t[0]?-n:n}(e)}],h=function(e){var t=o[e];return t&&(t.indexOf?t:t.s.concat(t.f))},u=function(e,t){var n,r=o.meridiem;if(r){for(var i=1;i<=24;i+=1)if(e.indexOf(r(i,0,t))>-1){n=i>12;break}}else n=e===(t?"pm":"PM");return n},d={A:[i,function(e){this.afternoon=u(e,!1)}],a:[i,function(e){this.afternoon=u(e,!0)}],S:[/\d/,function(e){this.milliseconds=100*+e}],SS:[n,function(e){this.milliseconds=10*+e}],SSS:[/\d{3}/,function(e){this.milliseconds=+e}],s:[r,a("seconds")],ss:[r,a("seconds")],m:[r,a("minutes")],mm:[r,a("minutes")],H:[r,a("hours")],h:[r,a("hours")],HH:[r,a("hours")],hh:[r,a("hours")],D:[r,a("day")],DD:[n,a("day")],Do:[i,function(e){var t=o.ordinal,n=e.match(/\d+/);if(this.day=n[0],t)for(var r=1;r<=31;r+=1)t(r).replace(/\[|\]/g,"")===e&&(this.day=r)}],M:[r,a("month")],MM:[n,a("month")],MMM:[i,function(e){var t=h("months"),n=(h("monthsShort")||t.map((function(e){return e.slice(0,3)}))).indexOf(e)+1;if(n<1)throw new Error;this.month=n%12||n}],MMMM:[i,function(e){var t=h("months").indexOf(e)+1;if(t<1)throw new Error;this.month=t%12||t}],Y:[/[+-]?\d+/,a("year")],YY:[n,function(e){this.year=s(e)}],YYYY:[/\d{4}/,a("year")],Z:f,ZZ:f};function c(n){var r,i;r=n,i=o&&o.formats;for(var s=(n=r.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,(function(t,n,r){var o=r&&r.toUpperCase();return n||i[r]||e[r]||i[o].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,(function(e,t,n){return t||n.slice(1)}))}))).match(t),a=s.length,f=0;f-1)return new Date(("X"===t?1e3:1)*e);var r=c(t)(e),i=r.year,o=r.month,s=r.day,a=r.hours,f=r.minutes,h=r.seconds,u=r.milliseconds,d=r.zone,l=new Date,m=s||(i||o?1:l.getDate()),M=i||l.getFullYear(),Y=0;i&&!o||(Y=o>0?o-1:l.getMonth());var p=a||0,v=f||0,D=h||0,g=u||0;return d?new Date(Date.UTC(M,Y,m,p,v,D,g+60*d.offset*1e3)):n?new Date(Date.UTC(M,Y,m,p,v,D,g)):new Date(M,Y,m,p,v,D,g)}catch(e){return new Date("")}}(t,a,r),this.init(),d&&!0!==d&&(this.$L=this.locale(d).$L),u&&t!=this.format(a)&&(this.$d=new Date("")),o={}}else if(a instanceof Array)for(var l=a.length,m=1;m<=l;m+=1){s[1]=a[m-1];var M=n.apply(this,s);if(M.isValid()){this.$d=M.$d,this.$L=M.$L,this.init();break}m===l&&(this.$d=new Date(""))}else i.call(this,e)}}})); /***/ }), /***/ "./node_modules/dayjs/plugin/localeData.js": /*!*************************************************!*\ !*** ./node_modules/dayjs/plugin/localeData.js ***! \*************************************************/ /***/ (function(module) { !function(n,e){ true?module.exports=e():0}(this,(function(){"use strict";return function(n,e,t){var r=e.prototype,o=function(n){return n&&(n.indexOf?n:n.s)},u=function(n,e,t,r,u){var i=n.name?n:n.$locale(),a=o(i[e]),s=o(i[t]),f=a||s.map((function(n){return n.slice(0,r)}));if(!u)return f;var d=i.weekStart;return f.map((function(n,e){return f[(e+(d||0))%7]}))},i=function(){return t.Ls[t.locale()]},a=function(n,e){return n.formats[e]||function(n){return n.replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,(function(n,e,t){return e||t.slice(1)}))}(n.formats[e.toUpperCase()])},s=function(){var n=this;return{months:function(e){return e?e.format("MMMM"):u(n,"months")},monthsShort:function(e){return e?e.format("MMM"):u(n,"monthsShort","months",3)},firstDayOfWeek:function(){return n.$locale().weekStart||0},weekdays:function(e){return e?e.format("dddd"):u(n,"weekdays")},weekdaysMin:function(e){return e?e.format("dd"):u(n,"weekdaysMin","weekdays",2)},weekdaysShort:function(e){return e?e.format("ddd"):u(n,"weekdaysShort","weekdays",3)},longDateFormat:function(e){return a(n.$locale(),e)},meridiem:this.$locale().meridiem,ordinal:this.$locale().ordinal}};r.localeData=function(){return s.bind(this)()},t.localeData=function(){var n=i();return{firstDayOfWeek:function(){return n.weekStart||0},weekdays:function(){return t.weekdays()},weekdaysShort:function(){return t.weekdaysShort()},weekdaysMin:function(){return t.weekdaysMin()},months:function(){return t.months()},monthsShort:function(){return t.monthsShort()},longDateFormat:function(e){return a(n,e)},meridiem:n.meridiem,ordinal:n.ordinal}},t.months=function(){return u(i(),"months")},t.monthsShort=function(){return u(i(),"monthsShort","months",3)},t.weekdays=function(n){return u(i(),"weekdays",null,null,n)},t.weekdaysShort=function(n){return u(i(),"weekdaysShort","weekdays",3,n)},t.weekdaysMin=function(n){return u(i(),"weekdaysMin","weekdays",2,n)}}})); /***/ }), /***/ "./node_modules/dayjs/plugin/quarterOfYear.js": /*!****************************************************!*\ !*** ./node_modules/dayjs/plugin/quarterOfYear.js ***! \****************************************************/ /***/ (function(module) { !function(t,n){ true?module.exports=n():0}(this,(function(){"use strict";var t="month",n="quarter";return function(e,i){var r=i.prototype;r.quarter=function(t){return this.$utils().u(t)?Math.ceil((this.month()+1)/3):this.month(this.month()%3+3*(t-1))};var s=r.add;r.add=function(e,i){return e=Number(e),this.$utils().p(i)===n?this.add(3*e,t):s.bind(this)(e,i)};var u=r.startOf;r.startOf=function(e,i){var r=this.$utils(),s=!!r.u(i)||i;if(r.p(e)===n){var o=this.quarter()-1;return s?this.month(3*o).startOf(t).startOf("day"):this.month(3*o+2).endOf(t).endOf("day")}return u.bind(this)(e,i)}}})); /***/ }), /***/ "./node_modules/dayjs/plugin/weekOfYear.js": /*!*************************************************!*\ !*** ./node_modules/dayjs/plugin/weekOfYear.js ***! \*************************************************/ /***/ (function(module) { !function(e,t){ true?module.exports=t():0}(this,(function(){"use strict";var e="week",t="year";return function(i,n,r){var f=n.prototype;f.week=function(i){if(void 0===i&&(i=null),null!==i)return this.add(7*(i-this.week()),"day");var n=this.$locale().yearStart||1;if(11===this.month()&&this.date()>25){var f=r(this).startOf(t).add(1,t).date(n),s=r(this).endOf(e);if(f.isBefore(s))return 1}var a=r(this).startOf(t).date(n).startOf(e).subtract(1,"millisecond"),o=this.diff(a,e,!0);return o<0?r(this).startOf("week").week():Math.ceil(o)},f.weeks=function(e){return void 0===e&&(e=null),this.week(e)}}})); /***/ }), /***/ "./node_modules/dayjs/plugin/weekYear.js": /*!***********************************************!*\ !*** ./node_modules/dayjs/plugin/weekYear.js ***! \***********************************************/ /***/ (function(module) { !function(e,t){ true?module.exports=t():0}(this,(function(){"use strict";return function(e,t){t.prototype.weekYear=function(){var e=this.month(),t=this.week(),n=this.year();return 1===t&&11===e?n+1:0===e&&t>=52?n-1:n}}})); /***/ }), /***/ "./node_modules/dayjs/plugin/weekday.js": /*!**********************************************!*\ !*** ./node_modules/dayjs/plugin/weekday.js ***! \**********************************************/ /***/ (function(module) { !function(e,t){ true?module.exports=t():0}(this,(function(){"use strict";return function(e,t){t.prototype.weekday=function(e){var t=this.$locale().weekStart||0,i=this.$W,n=(i { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ alignElement: () => (/* binding */ alignElement), /* harmony export */ alignPoint: () => (/* binding */ alignPoint), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; } function _objectSpread2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; } function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } var vendorPrefix; var jsCssMap = { Webkit: '-webkit-', Moz: '-moz-', // IE did it wrong again ... ms: '-ms-', O: '-o-' }; function getVendorPrefix() { if (vendorPrefix !== undefined) { return vendorPrefix; } vendorPrefix = ''; var style = document.createElement('p').style; var testProp = 'Transform'; for (var key in jsCssMap) { if (key + testProp in style) { vendorPrefix = key; } } return vendorPrefix; } function getTransitionName() { return getVendorPrefix() ? "".concat(getVendorPrefix(), "TransitionProperty") : 'transitionProperty'; } function getTransformName() { return getVendorPrefix() ? "".concat(getVendorPrefix(), "Transform") : 'transform'; } function setTransitionProperty(node, value) { var name = getTransitionName(); if (name) { node.style[name] = value; if (name !== 'transitionProperty') { node.style.transitionProperty = value; } } } function setTransform(node, value) { var name = getTransformName(); if (name) { node.style[name] = value; if (name !== 'transform') { node.style.transform = value; } } } function getTransitionProperty(node) { return node.style.transitionProperty || node.style[getTransitionName()]; } function getTransformXY(node) { var style = window.getComputedStyle(node, null); var transform = style.getPropertyValue('transform') || style.getPropertyValue(getTransformName()); if (transform && transform !== 'none') { var matrix = transform.replace(/[^0-9\-.,]/g, '').split(','); return { x: parseFloat(matrix[12] || matrix[4], 0), y: parseFloat(matrix[13] || matrix[5], 0) }; } return { x: 0, y: 0 }; } var matrix2d = /matrix\((.*)\)/; var matrix3d = /matrix3d\((.*)\)/; function setTransformXY(node, xy) { var style = window.getComputedStyle(node, null); var transform = style.getPropertyValue('transform') || style.getPropertyValue(getTransformName()); if (transform && transform !== 'none') { var arr; var match2d = transform.match(matrix2d); if (match2d) { match2d = match2d[1]; arr = match2d.split(',').map(function (item) { return parseFloat(item, 10); }); arr[4] = xy.x; arr[5] = xy.y; setTransform(node, "matrix(".concat(arr.join(','), ")")); } else { var match3d = transform.match(matrix3d)[1]; arr = match3d.split(',').map(function (item) { return parseFloat(item, 10); }); arr[12] = xy.x; arr[13] = xy.y; setTransform(node, "matrix3d(".concat(arr.join(','), ")")); } } else { setTransform(node, "translateX(".concat(xy.x, "px) translateY(").concat(xy.y, "px) translateZ(0)")); } } var RE_NUM = /[\-+]?(?:\d*\.|)\d+(?:[eE][\-+]?\d+|)/.source; var getComputedStyleX; // https://stackoverflow.com/a/3485654/3040605 function forceRelayout(elem) { var originalStyle = elem.style.display; elem.style.display = 'none'; elem.offsetHeight; // eslint-disable-line elem.style.display = originalStyle; } function css(el, name, v) { var value = v; if (_typeof(name) === 'object') { for (var i in name) { if (name.hasOwnProperty(i)) { css(el, i, name[i]); } } return undefined; } if (typeof value !== 'undefined') { if (typeof value === 'number') { value = "".concat(value, "px"); } el.style[name] = value; return undefined; } return getComputedStyleX(el, name); } function getClientPosition(elem) { var box; var x; var y; var doc = elem.ownerDocument; var body = doc.body; var docElem = doc && doc.documentElement; // 根据 GBS 最新数据,A-Grade Browsers 都已支持 getBoundingClientRect 方法,不用再考虑传统的实现方式 box = elem.getBoundingClientRect(); // 注:jQuery 还考虑减去 docElem.clientLeft/clientTop // 但测试发现,这样反而会导致当 html 和 body 有边距/边框样式时,获取的值不正确 // 此外,ie6 会忽略 html 的 margin 值,幸运地是没有谁会去设置 html 的 margin x = Math.floor(box.left); y = Math.floor(box.top); // In IE, most of the time, 2 extra pixels are added to the top and left // due to the implicit 2-pixel inset border. In IE6/7 quirks mode and // IE6 standards mode, this border can be overridden by setting the // document element's border to zero -- thus, we cannot rely on the // offset always being 2 pixels. // In quirks mode, the offset can be determined by querying the body's // clientLeft/clientTop, but in standards mode, it is found by querying // the document element's clientLeft/clientTop. Since we already called // getClientBoundingRect we have already forced a reflow, so it is not // too expensive just to query them all. // ie 下应该减去窗口的边框吧,毕竟默认 absolute 都是相对窗口定位的 // 窗口边框标准是设 documentElement ,quirks 时设置 body // 最好禁止在 body 和 html 上边框 ,但 ie < 9 html 默认有 2px ,减去 // 但是非 ie 不可能设置窗口边框,body html 也不是窗口 ,ie 可以通过 html,body 设置 // 标准 ie 下 docElem.clientTop 就是 border-top // ie7 html 即窗口边框改变不了。永远为 2 // 但标准 firefox/chrome/ie9 下 docElem.clientTop 是窗口边框,即使设了 border-top 也为 0 x -= docElem.clientLeft || body.clientLeft || 0; y -= docElem.clientTop || body.clientTop || 0; return { left: x, top: y }; } function getScroll(w, top) { var ret = w["page".concat(top ? 'Y' : 'X', "Offset")]; var method = "scroll".concat(top ? 'Top' : 'Left'); if (typeof ret !== 'number') { var d = w.document; // ie6,7,8 standard mode ret = d.documentElement[method]; if (typeof ret !== 'number') { // quirks mode ret = d.body[method]; } } return ret; } function getScrollLeft(w) { return getScroll(w); } function getScrollTop(w) { return getScroll(w, true); } function getOffset(el) { var pos = getClientPosition(el); var doc = el.ownerDocument; var w = doc.defaultView || doc.parentWindow; pos.left += getScrollLeft(w); pos.top += getScrollTop(w); return pos; } /** * A crude way of determining if an object is a window * @member util */ function isWindow(obj) { // must use == for ie8 /* eslint eqeqeq:0 */ return obj !== null && obj !== undefined && obj == obj.window; } function getDocument(node) { if (isWindow(node)) { return node.document; } if (node.nodeType === 9) { return node; } return node.ownerDocument; } function _getComputedStyle(elem, name, cs) { var computedStyle = cs; var val = ''; var d = getDocument(elem); computedStyle = computedStyle || d.defaultView.getComputedStyle(elem, null); // https://github.com/kissyteam/kissy/issues/61 if (computedStyle) { val = computedStyle.getPropertyValue(name) || computedStyle[name]; } return val; } var _RE_NUM_NO_PX = new RegExp("^(".concat(RE_NUM, ")(?!px)[a-z%]+$"), 'i'); var RE_POS = /^(top|right|bottom|left)$/; var CURRENT_STYLE = 'currentStyle'; var RUNTIME_STYLE = 'runtimeStyle'; var LEFT = 'left'; var PX = 'px'; function _getComputedStyleIE(elem, name) { // currentStyle maybe null // http://msdn.microsoft.com/en-us/library/ms535231.aspx var ret = elem[CURRENT_STYLE] && elem[CURRENT_STYLE][name]; // 当 width/height 设置为百分比时,通过 pixelLeft 方式转换的 width/height 值 // 一开始就处理了! CUSTOM_STYLE.height,CUSTOM_STYLE.width ,cssHook 解决@2011-08-19 // 在 ie 下不对,需要直接用 offset 方式 // borderWidth 等值也有问题,但考虑到 borderWidth 设为百分比的概率很小,这里就不考虑了 // From the awesome hack by Dean Edwards // http://erik.eae.net/archives/2007/07/27/18.54.15/#comment-102291 // If we're not dealing with a regular pixel number // but a number that has a weird ending, we need to convert it to pixels // exclude left right for relativity if (_RE_NUM_NO_PX.test(ret) && !RE_POS.test(name)) { // Remember the original values var style = elem.style; var left = style[LEFT]; var rsLeft = elem[RUNTIME_STYLE][LEFT]; // prevent flashing of content elem[RUNTIME_STYLE][LEFT] = elem[CURRENT_STYLE][LEFT]; // Put in the new values to get a computed value out style[LEFT] = name === 'fontSize' ? '1em' : ret || 0; ret = style.pixelLeft + PX; // Revert the changed values style[LEFT] = left; elem[RUNTIME_STYLE][LEFT] = rsLeft; } return ret === '' ? 'auto' : ret; } if (typeof window !== 'undefined') { getComputedStyleX = window.getComputedStyle ? _getComputedStyle : _getComputedStyleIE; } function getOffsetDirection(dir, option) { if (dir === 'left') { return option.useCssRight ? 'right' : dir; } return option.useCssBottom ? 'bottom' : dir; } function oppositeOffsetDirection(dir) { if (dir === 'left') { return 'right'; } else if (dir === 'right') { return 'left'; } else if (dir === 'top') { return 'bottom'; } else if (dir === 'bottom') { return 'top'; } } // 设置 elem 相对 elem.ownerDocument 的坐标 function setLeftTop(elem, offset, option) { // set position first, in-case top/left are set even on static elem if (css(elem, 'position') === 'static') { elem.style.position = 'relative'; } var presetH = -999; var presetV = -999; var horizontalProperty = getOffsetDirection('left', option); var verticalProperty = getOffsetDirection('top', option); var oppositeHorizontalProperty = oppositeOffsetDirection(horizontalProperty); var oppositeVerticalProperty = oppositeOffsetDirection(verticalProperty); if (horizontalProperty !== 'left') { presetH = 999; } if (verticalProperty !== 'top') { presetV = 999; } var originalTransition = ''; var originalOffset = getOffset(elem); if ('left' in offset || 'top' in offset) { originalTransition = getTransitionProperty(elem) || ''; setTransitionProperty(elem, 'none'); } if ('left' in offset) { elem.style[oppositeHorizontalProperty] = ''; elem.style[horizontalProperty] = "".concat(presetH, "px"); } if ('top' in offset) { elem.style[oppositeVerticalProperty] = ''; elem.style[verticalProperty] = "".concat(presetV, "px"); } // force relayout forceRelayout(elem); var old = getOffset(elem); var originalStyle = {}; for (var key in offset) { if (offset.hasOwnProperty(key)) { var dir = getOffsetDirection(key, option); var preset = key === 'left' ? presetH : presetV; var off = originalOffset[key] - old[key]; if (dir === key) { originalStyle[dir] = preset + off; } else { originalStyle[dir] = preset - off; } } } css(elem, originalStyle); // force relayout forceRelayout(elem); if ('left' in offset || 'top' in offset) { setTransitionProperty(elem, originalTransition); } var ret = {}; for (var _key in offset) { if (offset.hasOwnProperty(_key)) { var _dir = getOffsetDirection(_key, option); var _off = offset[_key] - originalOffset[_key]; if (_key === _dir) { ret[_dir] = originalStyle[_dir] + _off; } else { ret[_dir] = originalStyle[_dir] - _off; } } } css(elem, ret); } function setTransform$1(elem, offset) { var originalOffset = getOffset(elem); var originalXY = getTransformXY(elem); var resultXY = { x: originalXY.x, y: originalXY.y }; if ('left' in offset) { resultXY.x = originalXY.x + offset.left - originalOffset.left; } if ('top' in offset) { resultXY.y = originalXY.y + offset.top - originalOffset.top; } setTransformXY(elem, resultXY); } function setOffset(elem, offset, option) { if (option.ignoreShake) { var oriOffset = getOffset(elem); var oLeft = oriOffset.left.toFixed(0); var oTop = oriOffset.top.toFixed(0); var tLeft = offset.left.toFixed(0); var tTop = offset.top.toFixed(0); if (oLeft === tLeft && oTop === tTop) { return; } } if (option.useCssRight || option.useCssBottom) { setLeftTop(elem, offset, option); } else if (option.useCssTransform && getTransformName() in document.body.style) { setTransform$1(elem, offset); } else { setLeftTop(elem, offset, option); } } function each(arr, fn) { for (var i = 0; i < arr.length; i++) { fn(arr[i]); } } function isBorderBoxFn(elem) { return getComputedStyleX(elem, 'boxSizing') === 'border-box'; } var BOX_MODELS = ['margin', 'border', 'padding']; var CONTENT_INDEX = -1; var PADDING_INDEX = 2; var BORDER_INDEX = 1; var MARGIN_INDEX = 0; function swap(elem, options, callback) { var old = {}; var style = elem.style; var name; // Remember the old values, and insert the new ones for (name in options) { if (options.hasOwnProperty(name)) { old[name] = style[name]; style[name] = options[name]; } } callback.call(elem); // Revert the old values for (name in options) { if (options.hasOwnProperty(name)) { style[name] = old[name]; } } } function getPBMWidth(elem, props, which) { var value = 0; var prop; var j; var i; for (j = 0; j < props.length; j++) { prop = props[j]; if (prop) { for (i = 0; i < which.length; i++) { var cssProp = void 0; if (prop === 'border') { cssProp = "".concat(prop).concat(which[i], "Width"); } else { cssProp = prop + which[i]; } value += parseFloat(getComputedStyleX(elem, cssProp)) || 0; } } } return value; } var domUtils = { getParent: function getParent(element) { var parent = element; do { if (parent.nodeType === 11 && parent.host) { parent = parent.host; } else { parent = parent.parentNode; } } while (parent && parent.nodeType !== 1 && parent.nodeType !== 9); return parent; } }; each(['Width', 'Height'], function (name) { domUtils["doc".concat(name)] = function (refWin) { var d = refWin.document; return Math.max( // firefox chrome documentElement.scrollHeight< body.scrollHeight // ie standard mode : documentElement.scrollHeight> body.scrollHeight d.documentElement["scroll".concat(name)], // quirks : documentElement.scrollHeight 最大等于可视窗口多一点? d.body["scroll".concat(name)], domUtils["viewport".concat(name)](d)); }; domUtils["viewport".concat(name)] = function (win) { // pc browser includes scrollbar in window.innerWidth var prop = "client".concat(name); var doc = win.document; var body = doc.body; var documentElement = doc.documentElement; var documentElementProp = documentElement[prop]; // 标准模式取 documentElement // backcompat 取 body return doc.compatMode === 'CSS1Compat' && documentElementProp || body && body[prop] || documentElementProp; }; }); /* 得到元素的大小信息 @param elem @param name @param {String} [extra] 'padding' : (css width) + padding 'border' : (css width) + padding + border 'margin' : (css width) + padding + border + margin */ function getWH(elem, name, ex) { var extra = ex; if (isWindow(elem)) { return name === 'width' ? domUtils.viewportWidth(elem) : domUtils.viewportHeight(elem); } else if (elem.nodeType === 9) { return name === 'width' ? domUtils.docWidth(elem) : domUtils.docHeight(elem); } var which = name === 'width' ? ['Left', 'Right'] : ['Top', 'Bottom']; var borderBoxValue = name === 'width' ? Math.floor(elem.getBoundingClientRect().width) : Math.floor(elem.getBoundingClientRect().height); var isBorderBox = isBorderBoxFn(elem); var cssBoxValue = 0; if (borderBoxValue === null || borderBoxValue === undefined || borderBoxValue <= 0) { borderBoxValue = undefined; // Fall back to computed then un computed css if necessary cssBoxValue = getComputedStyleX(elem, name); if (cssBoxValue === null || cssBoxValue === undefined || Number(cssBoxValue) < 0) { cssBoxValue = elem.style[name] || 0; } // Normalize '', auto, and prepare for extra cssBoxValue = Math.floor(parseFloat(cssBoxValue)) || 0; } if (extra === undefined) { extra = isBorderBox ? BORDER_INDEX : CONTENT_INDEX; } var borderBoxValueOrIsBorderBox = borderBoxValue !== undefined || isBorderBox; var val = borderBoxValue || cssBoxValue; if (extra === CONTENT_INDEX) { if (borderBoxValueOrIsBorderBox) { return val - getPBMWidth(elem, ['border', 'padding'], which); } return cssBoxValue; } else if (borderBoxValueOrIsBorderBox) { if (extra === BORDER_INDEX) { return val; } return val + (extra === PADDING_INDEX ? -getPBMWidth(elem, ['border'], which) : getPBMWidth(elem, ['margin'], which)); } return cssBoxValue + getPBMWidth(elem, BOX_MODELS.slice(extra), which); } var cssShow = { position: 'absolute', visibility: 'hidden', display: 'block' }; // fix #119 : https://github.com/kissyteam/kissy/issues/119 function getWHIgnoreDisplay() { for (var _len = arguments.length, args = new Array(_len), _key2 = 0; _key2 < _len; _key2++) { args[_key2] = arguments[_key2]; } var val; var elem = args[0]; // in case elem is window // elem.offsetWidth === undefined if (elem.offsetWidth !== 0) { val = getWH.apply(undefined, args); } else { swap(elem, cssShow, function () { val = getWH.apply(undefined, args); }); } return val; } each(['width', 'height'], function (name) { var first = name.charAt(0).toUpperCase() + name.slice(1); domUtils["outer".concat(first)] = function (el, includeMargin) { return el && getWHIgnoreDisplay(el, name, includeMargin ? MARGIN_INDEX : BORDER_INDEX); }; var which = name === 'width' ? ['Left', 'Right'] : ['Top', 'Bottom']; domUtils[name] = function (elem, v) { var val = v; if (val !== undefined) { if (elem) { var isBorderBox = isBorderBoxFn(elem); if (isBorderBox) { val += getPBMWidth(elem, ['padding', 'border'], which); } return css(elem, name, val); } return undefined; } return elem && getWHIgnoreDisplay(elem, name, CONTENT_INDEX); }; }); function mix(to, from) { for (var i in from) { if (from.hasOwnProperty(i)) { to[i] = from[i]; } } return to; } var utils = { getWindow: function getWindow(node) { if (node && node.document && node.setTimeout) { return node; } var doc = node.ownerDocument || node; return doc.defaultView || doc.parentWindow; }, getDocument: getDocument, offset: function offset(el, value, option) { if (typeof value !== 'undefined') { setOffset(el, value, option || {}); } else { return getOffset(el); } }, isWindow: isWindow, each: each, css: css, clone: function clone(obj) { var i; var ret = {}; for (i in obj) { if (obj.hasOwnProperty(i)) { ret[i] = obj[i]; } } var overflow = obj.overflow; if (overflow) { for (i in obj) { if (obj.hasOwnProperty(i)) { ret.overflow[i] = obj.overflow[i]; } } } return ret; }, mix: mix, getWindowScrollLeft: function getWindowScrollLeft(w) { return getScrollLeft(w); }, getWindowScrollTop: function getWindowScrollTop(w) { return getScrollTop(w); }, merge: function merge() { var ret = {}; for (var i = 0; i < arguments.length; i++) { utils.mix(ret, i < 0 || arguments.length <= i ? undefined : arguments[i]); } return ret; }, viewportWidth: 0, viewportHeight: 0 }; mix(utils, domUtils); /** * 得到会导致元素显示不全的祖先元素 */ var getParent = utils.getParent; function getOffsetParent(element) { if (utils.isWindow(element) || element.nodeType === 9) { return null; } // ie 这个也不是完全可行 /*
元素 6 高 100px 宽 50px
*/ // element.offsetParent does the right thing in ie7 and below. Return parent with layout! // In other browsers it only includes elements with position absolute, relative or // fixed, not elements with overflow set to auto or scroll. // if (UA.ie && ieMode < 8) { // return element.offsetParent; // } // 统一的 offsetParent 方法 var doc = utils.getDocument(element); var body = doc.body; var parent; var positionStyle = utils.css(element, 'position'); var skipStatic = positionStyle === 'fixed' || positionStyle === 'absolute'; if (!skipStatic) { return element.nodeName.toLowerCase() === 'html' ? null : getParent(element); } for (parent = getParent(element); parent && parent !== body && parent.nodeType !== 9; parent = getParent(parent)) { positionStyle = utils.css(parent, 'position'); if (positionStyle !== 'static') { return parent; } } return null; } var getParent$1 = utils.getParent; function isAncestorFixed(element) { if (utils.isWindow(element) || element.nodeType === 9) { return false; } var doc = utils.getDocument(element); var body = doc.body; var parent = null; for (parent = getParent$1(element); // 修复元素位于 document.documentElement 下导致崩溃问题 parent && parent !== body && parent !== doc; parent = getParent$1(parent)) { var positionStyle = utils.css(parent, 'position'); if (positionStyle === 'fixed') { return true; } } return false; } /** * 获得元素的显示部分的区域 */ function getVisibleRectForElement(element, alwaysByViewport) { var visibleRect = { left: 0, right: Infinity, top: 0, bottom: Infinity }; var el = getOffsetParent(element); var doc = utils.getDocument(element); var win = doc.defaultView || doc.parentWindow; var body = doc.body; var documentElement = doc.documentElement; // Determine the size of the visible rect by climbing the dom accounting for // all scrollable containers. while (el) { // clientWidth is zero for inline block elements in ie. if ((navigator.userAgent.indexOf('MSIE') === -1 || el.clientWidth !== 0) && // body may have overflow set on it, yet we still get the entire // viewport. In some browsers, el.offsetParent may be // document.documentElement, so check for that too. el !== body && el !== documentElement && utils.css(el, 'overflow') !== 'visible') { var pos = utils.offset(el); // add border pos.left += el.clientLeft; pos.top += el.clientTop; visibleRect.top = Math.max(visibleRect.top, pos.top); visibleRect.right = Math.min(visibleRect.right, // consider area without scrollBar pos.left + el.clientWidth); visibleRect.bottom = Math.min(visibleRect.bottom, pos.top + el.clientHeight); visibleRect.left = Math.max(visibleRect.left, pos.left); } else if (el === body || el === documentElement) { break; } el = getOffsetParent(el); } // Set element position to fixed // make sure absolute element itself don't affect it's visible area // https://github.com/ant-design/ant-design/issues/7601 var originalPosition = null; if (!utils.isWindow(element) && element.nodeType !== 9) { originalPosition = element.style.position; var position = utils.css(element, 'position'); if (position === 'absolute') { element.style.position = 'fixed'; } } var scrollX = utils.getWindowScrollLeft(win); var scrollY = utils.getWindowScrollTop(win); var viewportWidth = utils.viewportWidth(win); var viewportHeight = utils.viewportHeight(win); var documentWidth = documentElement.scrollWidth; var documentHeight = documentElement.scrollHeight; // scrollXXX on html is sync with body which means overflow: hidden on body gets wrong scrollXXX. // We should cut this ourself. var bodyStyle = window.getComputedStyle(body); if (bodyStyle.overflowX === 'hidden') { documentWidth = win.innerWidth; } if (bodyStyle.overflowY === 'hidden') { documentHeight = win.innerHeight; } // Reset element position after calculate the visible area if (element.style) { element.style.position = originalPosition; } if (alwaysByViewport || isAncestorFixed(element)) { // Clip by viewport's size. visibleRect.left = Math.max(visibleRect.left, scrollX); visibleRect.top = Math.max(visibleRect.top, scrollY); visibleRect.right = Math.min(visibleRect.right, scrollX + viewportWidth); visibleRect.bottom = Math.min(visibleRect.bottom, scrollY + viewportHeight); } else { // Clip by document's size. var maxVisibleWidth = Math.max(documentWidth, scrollX + viewportWidth); visibleRect.right = Math.min(visibleRect.right, maxVisibleWidth); var maxVisibleHeight = Math.max(documentHeight, scrollY + viewportHeight); visibleRect.bottom = Math.min(visibleRect.bottom, maxVisibleHeight); } return visibleRect.top >= 0 && visibleRect.left >= 0 && visibleRect.bottom > visibleRect.top && visibleRect.right > visibleRect.left ? visibleRect : null; } function adjustForViewport(elFuturePos, elRegion, visibleRect, overflow) { var pos = utils.clone(elFuturePos); var size = { width: elRegion.width, height: elRegion.height }; if (overflow.adjustX && pos.left < visibleRect.left) { pos.left = visibleRect.left; } // Left edge inside and right edge outside viewport, try to resize it. if (overflow.resizeWidth && pos.left >= visibleRect.left && pos.left + size.width > visibleRect.right) { size.width -= pos.left + size.width - visibleRect.right; } // Right edge outside viewport, try to move it. if (overflow.adjustX && pos.left + size.width > visibleRect.right) { // 保证左边界和可视区域左边界对齐 pos.left = Math.max(visibleRect.right - size.width, visibleRect.left); } // Top edge outside viewport, try to move it. if (overflow.adjustY && pos.top < visibleRect.top) { pos.top = visibleRect.top; } // Top edge inside and bottom edge outside viewport, try to resize it. if (overflow.resizeHeight && pos.top >= visibleRect.top && pos.top + size.height > visibleRect.bottom) { size.height -= pos.top + size.height - visibleRect.bottom; } // Bottom edge outside viewport, try to move it. if (overflow.adjustY && pos.top + size.height > visibleRect.bottom) { // 保证上边界和可视区域上边界对齐 pos.top = Math.max(visibleRect.bottom - size.height, visibleRect.top); } return utils.mix(pos, size); } function getRegion(node) { var offset; var w; var h; if (!utils.isWindow(node) && node.nodeType !== 9) { offset = utils.offset(node); w = utils.outerWidth(node); h = utils.outerHeight(node); } else { var win = utils.getWindow(node); offset = { left: utils.getWindowScrollLeft(win), top: utils.getWindowScrollTop(win) }; w = utils.viewportWidth(win); h = utils.viewportHeight(win); } offset.width = w; offset.height = h; return offset; } /** * 获取 node 上的 align 对齐点 相对于页面的坐标 */ function getAlignOffset(region, align) { var V = align.charAt(0); var H = align.charAt(1); var w = region.width; var h = region.height; var x = region.left; var y = region.top; if (V === 'c') { y += h / 2; } else if (V === 'b') { y += h; } if (H === 'c') { x += w / 2; } else if (H === 'r') { x += w; } return { left: x, top: y }; } function getElFuturePos(elRegion, refNodeRegion, points, offset, targetOffset) { var p1 = getAlignOffset(refNodeRegion, points[1]); var p2 = getAlignOffset(elRegion, points[0]); var diff = [p2.left - p1.left, p2.top - p1.top]; return { left: Math.round(elRegion.left - diff[0] + offset[0] - targetOffset[0]), top: Math.round(elRegion.top - diff[1] + offset[1] - targetOffset[1]) }; } /** * align dom node flexibly * @author yiminghe@gmail.com */ // http://yiminghe.iteye.com/blog/1124720 function isFailX(elFuturePos, elRegion, visibleRect) { return elFuturePos.left < visibleRect.left || elFuturePos.left + elRegion.width > visibleRect.right; } function isFailY(elFuturePos, elRegion, visibleRect) { return elFuturePos.top < visibleRect.top || elFuturePos.top + elRegion.height > visibleRect.bottom; } function isCompleteFailX(elFuturePos, elRegion, visibleRect) { return elFuturePos.left > visibleRect.right || elFuturePos.left + elRegion.width < visibleRect.left; } function isCompleteFailY(elFuturePos, elRegion, visibleRect) { return elFuturePos.top > visibleRect.bottom || elFuturePos.top + elRegion.height < visibleRect.top; } function flip(points, reg, map) { var ret = []; utils.each(points, function (p) { ret.push(p.replace(reg, function (m) { return map[m]; })); }); return ret; } function flipOffset(offset, index) { offset[index] = -offset[index]; return offset; } function convertOffset(str, offsetLen) { var n; if (/%$/.test(str)) { n = parseInt(str.substring(0, str.length - 1), 10) / 100 * offsetLen; } else { n = parseInt(str, 10); } return n || 0; } function normalizeOffset(offset, el) { offset[0] = convertOffset(offset[0], el.width); offset[1] = convertOffset(offset[1], el.height); } /** * @param el * @param tgtRegion 参照节点所占的区域: { left, top, width, height } * @param align */ function doAlign(el, tgtRegion, align, isTgtRegionVisible) { var points = align.points; var offset = align.offset || [0, 0]; var targetOffset = align.targetOffset || [0, 0]; var overflow = align.overflow; var source = align.source || el; offset = [].concat(offset); targetOffset = [].concat(targetOffset); overflow = overflow || {}; var newOverflowCfg = {}; var fail = 0; var alwaysByViewport = !!(overflow && overflow.alwaysByViewport); // 当前节点可以被放置的显示区域 var visibleRect = getVisibleRectForElement(source, alwaysByViewport); // 当前节点所占的区域, left/top/width/height var elRegion = getRegion(source); // 将 offset 转换成数值,支持百分比 normalizeOffset(offset, elRegion); normalizeOffset(targetOffset, tgtRegion); // 当前节点将要被放置的位置 var elFuturePos = getElFuturePos(elRegion, tgtRegion, points, offset, targetOffset); // 当前节点将要所处的区域 var newElRegion = utils.merge(elRegion, elFuturePos); // 如果可视区域不能完全放置当前节点时允许调整 if (visibleRect && (overflow.adjustX || overflow.adjustY) && isTgtRegionVisible) { if (overflow.adjustX) { // 如果横向不能放下 if (isFailX(elFuturePos, elRegion, visibleRect)) { // 对齐位置反下 var newPoints = flip(points, /[lr]/gi, { l: 'r', r: 'l' }); // 偏移量也反下 var newOffset = flipOffset(offset, 0); var newTargetOffset = flipOffset(targetOffset, 0); var newElFuturePos = getElFuturePos(elRegion, tgtRegion, newPoints, newOffset, newTargetOffset); if (!isCompleteFailX(newElFuturePos, elRegion, visibleRect)) { fail = 1; points = newPoints; offset = newOffset; targetOffset = newTargetOffset; } } } if (overflow.adjustY) { // 如果纵向不能放下 if (isFailY(elFuturePos, elRegion, visibleRect)) { // 对齐位置反下 var _newPoints = flip(points, /[tb]/gi, { t: 'b', b: 't' }); // 偏移量也反下 var _newOffset = flipOffset(offset, 1); var _newTargetOffset = flipOffset(targetOffset, 1); var _newElFuturePos = getElFuturePos(elRegion, tgtRegion, _newPoints, _newOffset, _newTargetOffset); if (!isCompleteFailY(_newElFuturePos, elRegion, visibleRect)) { fail = 1; points = _newPoints; offset = _newOffset; targetOffset = _newTargetOffset; } } } // 如果失败,重新计算当前节点将要被放置的位置 if (fail) { elFuturePos = getElFuturePos(elRegion, tgtRegion, points, offset, targetOffset); utils.mix(newElRegion, elFuturePos); } var isStillFailX = isFailX(elFuturePos, elRegion, visibleRect); var isStillFailY = isFailY(elFuturePos, elRegion, visibleRect); // 检查反下后的位置是否可以放下了,如果仍然放不下: // 1. 复原修改过的定位参数 if (isStillFailX || isStillFailY) { var _newPoints2 = points; // 重置对应部分的翻转逻辑 if (isStillFailX) { _newPoints2 = flip(points, /[lr]/gi, { l: 'r', r: 'l' }); } if (isStillFailY) { _newPoints2 = flip(points, /[tb]/gi, { t: 'b', b: 't' }); } points = _newPoints2; offset = align.offset || [0, 0]; targetOffset = align.targetOffset || [0, 0]; } // 2. 只有指定了可以调整当前方向才调整 newOverflowCfg.adjustX = overflow.adjustX && isStillFailX; newOverflowCfg.adjustY = overflow.adjustY && isStillFailY; // 确实要调整,甚至可能会调整高度宽度 if (newOverflowCfg.adjustX || newOverflowCfg.adjustY) { newElRegion = adjustForViewport(elFuturePos, elRegion, visibleRect, newOverflowCfg); } } // need judge to in case set fixed with in css on height auto element if (newElRegion.width !== elRegion.width) { utils.css(source, 'width', utils.width(source) + newElRegion.width - elRegion.width); } if (newElRegion.height !== elRegion.height) { utils.css(source, 'height', utils.height(source) + newElRegion.height - elRegion.height); } // https://github.com/kissyteam/kissy/issues/190 // 相对于屏幕位置没变,而 left/top 变了 // 例如
utils.offset(source, { left: newElRegion.left, top: newElRegion.top }, { useCssRight: align.useCssRight, useCssBottom: align.useCssBottom, useCssTransform: align.useCssTransform, ignoreShake: align.ignoreShake }); return { points: points, offset: offset, targetOffset: targetOffset, overflow: newOverflowCfg }; } /** * 2012-04-26 yiminghe@gmail.com * - 优化智能对齐算法 * - 慎用 resizeXX * * 2011-07-13 yiminghe@gmail.com note: * - 增加智能对齐,以及大小调整选项 **/ function isOutOfVisibleRect(target, alwaysByViewport) { var visibleRect = getVisibleRectForElement(target, alwaysByViewport); var targetRegion = getRegion(target); return !visibleRect || targetRegion.left + targetRegion.width <= visibleRect.left || targetRegion.top + targetRegion.height <= visibleRect.top || targetRegion.left >= visibleRect.right || targetRegion.top >= visibleRect.bottom; } function alignElement(el, refNode, align) { var target = align.target || refNode; var refNodeRegion = getRegion(target); var isTargetNotOutOfVisible = !isOutOfVisibleRect(target, align.overflow && align.overflow.alwaysByViewport); return doAlign(el, refNodeRegion, align, isTargetNotOutOfVisible); } alignElement.__getOffsetParent = getOffsetParent; alignElement.__getVisibleRectForElement = getVisibleRectForElement; /** * `tgtPoint`: { pageX, pageY } or { clientX, clientY }. * If client position provided, will internal convert to page position. */ function alignPoint(el, tgtPoint, align) { var pageX; var pageY; var doc = utils.getDocument(el); var win = doc.defaultView || doc.parentWindow; var scrollX = utils.getWindowScrollLeft(win); var scrollY = utils.getWindowScrollTop(win); var viewportWidth = utils.viewportWidth(win); var viewportHeight = utils.viewportHeight(win); if ('pageX' in tgtPoint) { pageX = tgtPoint.pageX; } else { pageX = scrollX + tgtPoint.clientX; } if ('pageY' in tgtPoint) { pageY = tgtPoint.pageY; } else { pageY = scrollY + tgtPoint.clientY; } var tgtRegion = { left: pageX, top: pageY, width: 0, height: 0 }; var pointInView = pageX >= 0 && pageX <= scrollX + viewportWidth && pageY >= 0 && pageY <= scrollY + viewportHeight; // Provide default target point var points = [align.points[0], 'cc']; return doAlign(el, tgtRegion, _objectSpread2(_objectSpread2({}, align), {}, { points: points }), pointInView); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (alignElement); //# sourceMappingURL=index.js.map /***/ }), /***/ "./node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js": /*!*************************************************************************!*\ !*** ./node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js ***! \*************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /** * A collection of shims that provide minimal functionality of the ES6 collections. * * These implementations are not meant to be used outside of the ResizeObserver * modules as they cover only a limited range of use cases. */ /* eslint-disable require-jsdoc, valid-jsdoc */ var MapShim = (function () { if (typeof Map !== 'undefined') { return Map; } /** * Returns index in provided array that matches the specified key. * * @param {Array} arr * @param {*} key * @returns {number} */ function getIndex(arr, key) { var result = -1; arr.some(function (entry, index) { if (entry[0] === key) { result = index; return true; } return false; }); return result; } return /** @class */ (function () { function class_1() { this.__entries__ = []; } Object.defineProperty(class_1.prototype, "size", { /** * @returns {boolean} */ get: function () { return this.__entries__.length; }, enumerable: true, configurable: true }); /** * @param {*} key * @returns {*} */ class_1.prototype.get = function (key) { var index = getIndex(this.__entries__, key); var entry = this.__entries__[index]; return entry && entry[1]; }; /** * @param {*} key * @param {*} value * @returns {void} */ class_1.prototype.set = function (key, value) { var index = getIndex(this.__entries__, key); if (~index) { this.__entries__[index][1] = value; } else { this.__entries__.push([key, value]); } }; /** * @param {*} key * @returns {void} */ class_1.prototype.delete = function (key) { var entries = this.__entries__; var index = getIndex(entries, key); if (~index) { entries.splice(index, 1); } }; /** * @param {*} key * @returns {void} */ class_1.prototype.has = function (key) { return !!~getIndex(this.__entries__, key); }; /** * @returns {void} */ class_1.prototype.clear = function () { this.__entries__.splice(0); }; /** * @param {Function} callback * @param {*} [ctx=null] * @returns {void} */ class_1.prototype.forEach = function (callback, ctx) { if (ctx === void 0) { ctx = null; } for (var _i = 0, _a = this.__entries__; _i < _a.length; _i++) { var entry = _a[_i]; callback.call(ctx, entry[1], entry[0]); } }; return class_1; }()); })(); /** * Detects whether window and document objects are available in current environment. */ var isBrowser = typeof window !== 'undefined' && typeof document !== 'undefined' && window.document === document; // Returns global object of a current environment. var global$1 = (function () { if (typeof __webpack_require__.g !== 'undefined' && __webpack_require__.g.Math === Math) { return __webpack_require__.g; } if (typeof self !== 'undefined' && self.Math === Math) { return self; } if (typeof window !== 'undefined' && window.Math === Math) { return window; } // eslint-disable-next-line no-new-func return Function('return this')(); })(); /** * A shim for the requestAnimationFrame which falls back to the setTimeout if * first one is not supported. * * @returns {number} Requests' identifier. */ var requestAnimationFrame$1 = (function () { if (typeof requestAnimationFrame === 'function') { // It's required to use a bounded function because IE sometimes throws // an "Invalid calling object" error if rAF is invoked without the global // object on the left hand side. return requestAnimationFrame.bind(global$1); } return function (callback) { return setTimeout(function () { return callback(Date.now()); }, 1000 / 60); }; })(); // Defines minimum timeout before adding a trailing call. var trailingTimeout = 2; /** * Creates a wrapper function which ensures that provided callback will be * invoked only once during the specified delay period. * * @param {Function} callback - Function to be invoked after the delay period. * @param {number} delay - Delay after which to invoke callback. * @returns {Function} */ function throttle (callback, delay) { var leadingCall = false, trailingCall = false, lastCallTime = 0; /** * Invokes the original callback function and schedules new invocation if * the "proxy" was called during current request. * * @returns {void} */ function resolvePending() { if (leadingCall) { leadingCall = false; callback(); } if (trailingCall) { proxy(); } } /** * Callback invoked after the specified delay. It will further postpone * invocation of the original function delegating it to the * requestAnimationFrame. * * @returns {void} */ function timeoutCallback() { requestAnimationFrame$1(resolvePending); } /** * Schedules invocation of the original function. * * @returns {void} */ function proxy() { var timeStamp = Date.now(); if (leadingCall) { // Reject immediately following calls. if (timeStamp - lastCallTime < trailingTimeout) { return; } // Schedule new call to be in invoked when the pending one is resolved. // This is important for "transitions" which never actually start // immediately so there is a chance that we might miss one if change // happens amids the pending invocation. trailingCall = true; } else { leadingCall = true; trailingCall = false; setTimeout(timeoutCallback, delay); } lastCallTime = timeStamp; } return proxy; } // Minimum delay before invoking the update of observers. var REFRESH_DELAY = 20; // A list of substrings of CSS properties used to find transition events that // might affect dimensions of observed elements. var transitionKeys = ['top', 'right', 'bottom', 'left', 'width', 'height', 'size', 'weight']; // Check if MutationObserver is available. var mutationObserverSupported = typeof MutationObserver !== 'undefined'; /** * Singleton controller class which handles updates of ResizeObserver instances. */ var ResizeObserverController = /** @class */ (function () { /** * Creates a new instance of ResizeObserverController. * * @private */ function ResizeObserverController() { /** * Indicates whether DOM listeners have been added. * * @private {boolean} */ this.connected_ = false; /** * Tells that controller has subscribed for Mutation Events. * * @private {boolean} */ this.mutationEventsAdded_ = false; /** * Keeps reference to the instance of MutationObserver. * * @private {MutationObserver} */ this.mutationsObserver_ = null; /** * A list of connected observers. * * @private {Array} */ this.observers_ = []; this.onTransitionEnd_ = this.onTransitionEnd_.bind(this); this.refresh = throttle(this.refresh.bind(this), REFRESH_DELAY); } /** * Adds observer to observers list. * * @param {ResizeObserverSPI} observer - Observer to be added. * @returns {void} */ ResizeObserverController.prototype.addObserver = function (observer) { if (!~this.observers_.indexOf(observer)) { this.observers_.push(observer); } // Add listeners if they haven't been added yet. if (!this.connected_) { this.connect_(); } }; /** * Removes observer from observers list. * * @param {ResizeObserverSPI} observer - Observer to be removed. * @returns {void} */ ResizeObserverController.prototype.removeObserver = function (observer) { var observers = this.observers_; var index = observers.indexOf(observer); // Remove observer if it's present in registry. if (~index) { observers.splice(index, 1); } // Remove listeners if controller has no connected observers. if (!observers.length && this.connected_) { this.disconnect_(); } }; /** * Invokes the update of observers. It will continue running updates insofar * it detects changes. * * @returns {void} */ ResizeObserverController.prototype.refresh = function () { var changesDetected = this.updateObservers_(); // Continue running updates if changes have been detected as there might // be future ones caused by CSS transitions. if (changesDetected) { this.refresh(); } }; /** * Updates every observer from observers list and notifies them of queued * entries. * * @private * @returns {boolean} Returns "true" if any observer has detected changes in * dimensions of it's elements. */ ResizeObserverController.prototype.updateObservers_ = function () { // Collect observers that have active observations. var activeObservers = this.observers_.filter(function (observer) { return observer.gatherActive(), observer.hasActive(); }); // Deliver notifications in a separate cycle in order to avoid any // collisions between observers, e.g. when multiple instances of // ResizeObserver are tracking the same element and the callback of one // of them changes content dimensions of the observed target. Sometimes // this may result in notifications being blocked for the rest of observers. activeObservers.forEach(function (observer) { return observer.broadcastActive(); }); return activeObservers.length > 0; }; /** * Initializes DOM listeners. * * @private * @returns {void} */ ResizeObserverController.prototype.connect_ = function () { // Do nothing if running in a non-browser environment or if listeners // have been already added. if (!isBrowser || this.connected_) { return; } // Subscription to the "Transitionend" event is used as a workaround for // delayed transitions. This way it's possible to capture at least the // final state of an element. document.addEventListener('transitionend', this.onTransitionEnd_); window.addEventListener('resize', this.refresh); if (mutationObserverSupported) { this.mutationsObserver_ = new MutationObserver(this.refresh); this.mutationsObserver_.observe(document, { attributes: true, childList: true, characterData: true, subtree: true }); } else { document.addEventListener('DOMSubtreeModified', this.refresh); this.mutationEventsAdded_ = true; } this.connected_ = true; }; /** * Removes DOM listeners. * * @private * @returns {void} */ ResizeObserverController.prototype.disconnect_ = function () { // Do nothing if running in a non-browser environment or if listeners // have been already removed. if (!isBrowser || !this.connected_) { return; } document.removeEventListener('transitionend', this.onTransitionEnd_); window.removeEventListener('resize', this.refresh); if (this.mutationsObserver_) { this.mutationsObserver_.disconnect(); } if (this.mutationEventsAdded_) { document.removeEventListener('DOMSubtreeModified', this.refresh); } this.mutationsObserver_ = null; this.mutationEventsAdded_ = false; this.connected_ = false; }; /** * "Transitionend" event handler. * * @private * @param {TransitionEvent} event * @returns {void} */ ResizeObserverController.prototype.onTransitionEnd_ = function (_a) { var _b = _a.propertyName, propertyName = _b === void 0 ? '' : _b; // Detect whether transition may affect dimensions of an element. var isReflowProperty = transitionKeys.some(function (key) { return !!~propertyName.indexOf(key); }); if (isReflowProperty) { this.refresh(); } }; /** * Returns instance of the ResizeObserverController. * * @returns {ResizeObserverController} */ ResizeObserverController.getInstance = function () { if (!this.instance_) { this.instance_ = new ResizeObserverController(); } return this.instance_; }; /** * Holds reference to the controller's instance. * * @private {ResizeObserverController} */ ResizeObserverController.instance_ = null; return ResizeObserverController; }()); /** * Defines non-writable/enumerable properties of the provided target object. * * @param {Object} target - Object for which to define properties. * @param {Object} props - Properties to be defined. * @returns {Object} Target object. */ var defineConfigurable = (function (target, props) { for (var _i = 0, _a = Object.keys(props); _i < _a.length; _i++) { var key = _a[_i]; Object.defineProperty(target, key, { value: props[key], enumerable: false, writable: false, configurable: true }); } return target; }); /** * Returns the global object associated with provided element. * * @param {Object} target * @returns {Object} */ var getWindowOf = (function (target) { // Assume that the element is an instance of Node, which means that it // has the "ownerDocument" property from which we can retrieve a // corresponding global object. var ownerGlobal = target && target.ownerDocument && target.ownerDocument.defaultView; // Return the local global object if it's not possible extract one from // provided element. return ownerGlobal || global$1; }); // Placeholder of an empty content rectangle. var emptyRect = createRectInit(0, 0, 0, 0); /** * Converts provided string to a number. * * @param {number|string} value * @returns {number} */ function toFloat(value) { return parseFloat(value) || 0; } /** * Extracts borders size from provided styles. * * @param {CSSStyleDeclaration} styles * @param {...string} positions - Borders positions (top, right, ...) * @returns {number} */ function getBordersSize(styles) { var positions = []; for (var _i = 1; _i < arguments.length; _i++) { positions[_i - 1] = arguments[_i]; } return positions.reduce(function (size, position) { var value = styles['border-' + position + '-width']; return size + toFloat(value); }, 0); } /** * Extracts paddings sizes from provided styles. * * @param {CSSStyleDeclaration} styles * @returns {Object} Paddings box. */ function getPaddings(styles) { var positions = ['top', 'right', 'bottom', 'left']; var paddings = {}; for (var _i = 0, positions_1 = positions; _i < positions_1.length; _i++) { var position = positions_1[_i]; var value = styles['padding-' + position]; paddings[position] = toFloat(value); } return paddings; } /** * Calculates content rectangle of provided SVG element. * * @param {SVGGraphicsElement} target - Element content rectangle of which needs * to be calculated. * @returns {DOMRectInit} */ function getSVGContentRect(target) { var bbox = target.getBBox(); return createRectInit(0, 0, bbox.width, bbox.height); } /** * Calculates content rectangle of provided HTMLElement. * * @param {HTMLElement} target - Element for which to calculate the content rectangle. * @returns {DOMRectInit} */ function getHTMLElementContentRect(target) { // Client width & height properties can't be // used exclusively as they provide rounded values. var clientWidth = target.clientWidth, clientHeight = target.clientHeight; // By this condition we can catch all non-replaced inline, hidden and // detached elements. Though elements with width & height properties less // than 0.5 will be discarded as well. // // Without it we would need to implement separate methods for each of // those cases and it's not possible to perform a precise and performance // effective test for hidden elements. E.g. even jQuery's ':visible' filter // gives wrong results for elements with width & height less than 0.5. if (!clientWidth && !clientHeight) { return emptyRect; } var styles = getWindowOf(target).getComputedStyle(target); var paddings = getPaddings(styles); var horizPad = paddings.left + paddings.right; var vertPad = paddings.top + paddings.bottom; // Computed styles of width & height are being used because they are the // only dimensions available to JS that contain non-rounded values. It could // be possible to utilize the getBoundingClientRect if only it's data wasn't // affected by CSS transformations let alone paddings, borders and scroll bars. var width = toFloat(styles.width), height = toFloat(styles.height); // Width & height include paddings and borders when the 'border-box' box // model is applied (except for IE). if (styles.boxSizing === 'border-box') { // Following conditions are required to handle Internet Explorer which // doesn't include paddings and borders to computed CSS dimensions. // // We can say that if CSS dimensions + paddings are equal to the "client" // properties then it's either IE, and thus we don't need to subtract // anything, or an element merely doesn't have paddings/borders styles. if (Math.round(width + horizPad) !== clientWidth) { width -= getBordersSize(styles, 'left', 'right') + horizPad; } if (Math.round(height + vertPad) !== clientHeight) { height -= getBordersSize(styles, 'top', 'bottom') + vertPad; } } // Following steps can't be applied to the document's root element as its // client[Width/Height] properties represent viewport area of the window. // Besides, it's as well not necessary as the itself neither has // rendered scroll bars nor it can be clipped. if (!isDocumentElement(target)) { // In some browsers (only in Firefox, actually) CSS width & height // include scroll bars size which can be removed at this step as scroll // bars are the only difference between rounded dimensions + paddings // and "client" properties, though that is not always true in Chrome. var vertScrollbar = Math.round(width + horizPad) - clientWidth; var horizScrollbar = Math.round(height + vertPad) - clientHeight; // Chrome has a rather weird rounding of "client" properties. // E.g. for an element with content width of 314.2px it sometimes gives // the client width of 315px and for the width of 314.7px it may give // 314px. And it doesn't happen all the time. So just ignore this delta // as a non-relevant. if (Math.abs(vertScrollbar) !== 1) { width -= vertScrollbar; } if (Math.abs(horizScrollbar) !== 1) { height -= horizScrollbar; } } return createRectInit(paddings.left, paddings.top, width, height); } /** * Checks whether provided element is an instance of the SVGGraphicsElement. * * @param {Element} target - Element to be checked. * @returns {boolean} */ var isSVGGraphicsElement = (function () { // Some browsers, namely IE and Edge, don't have the SVGGraphicsElement // interface. if (typeof SVGGraphicsElement !== 'undefined') { return function (target) { return target instanceof getWindowOf(target).SVGGraphicsElement; }; } // If it's so, then check that element is at least an instance of the // SVGElement and that it has the "getBBox" method. // eslint-disable-next-line no-extra-parens return function (target) { return (target instanceof getWindowOf(target).SVGElement && typeof target.getBBox === 'function'); }; })(); /** * Checks whether provided element is a document element (). * * @param {Element} target - Element to be checked. * @returns {boolean} */ function isDocumentElement(target) { return target === getWindowOf(target).document.documentElement; } /** * Calculates an appropriate content rectangle for provided html or svg element. * * @param {Element} target - Element content rectangle of which needs to be calculated. * @returns {DOMRectInit} */ function getContentRect(target) { if (!isBrowser) { return emptyRect; } if (isSVGGraphicsElement(target)) { return getSVGContentRect(target); } return getHTMLElementContentRect(target); } /** * Creates rectangle with an interface of the DOMRectReadOnly. * Spec: https://drafts.fxtf.org/geometry/#domrectreadonly * * @param {DOMRectInit} rectInit - Object with rectangle's x/y coordinates and dimensions. * @returns {DOMRectReadOnly} */ function createReadOnlyRect(_a) { var x = _a.x, y = _a.y, width = _a.width, height = _a.height; // If DOMRectReadOnly is available use it as a prototype for the rectangle. var Constr = typeof DOMRectReadOnly !== 'undefined' ? DOMRectReadOnly : Object; var rect = Object.create(Constr.prototype); // Rectangle's properties are not writable and non-enumerable. defineConfigurable(rect, { x: x, y: y, width: width, height: height, top: y, right: x + width, bottom: height + y, left: x }); return rect; } /** * Creates DOMRectInit object based on the provided dimensions and the x/y coordinates. * Spec: https://drafts.fxtf.org/geometry/#dictdef-domrectinit * * @param {number} x - X coordinate. * @param {number} y - Y coordinate. * @param {number} width - Rectangle's width. * @param {number} height - Rectangle's height. * @returns {DOMRectInit} */ function createRectInit(x, y, width, height) { return { x: x, y: y, width: width, height: height }; } /** * Class that is responsible for computations of the content rectangle of * provided DOM element and for keeping track of it's changes. */ var ResizeObservation = /** @class */ (function () { /** * Creates an instance of ResizeObservation. * * @param {Element} target - Element to be observed. */ function ResizeObservation(target) { /** * Broadcasted width of content rectangle. * * @type {number} */ this.broadcastWidth = 0; /** * Broadcasted height of content rectangle. * * @type {number} */ this.broadcastHeight = 0; /** * Reference to the last observed content rectangle. * * @private {DOMRectInit} */ this.contentRect_ = createRectInit(0, 0, 0, 0); this.target = target; } /** * Updates content rectangle and tells whether it's width or height properties * have changed since the last broadcast. * * @returns {boolean} */ ResizeObservation.prototype.isActive = function () { var rect = getContentRect(this.target); this.contentRect_ = rect; return (rect.width !== this.broadcastWidth || rect.height !== this.broadcastHeight); }; /** * Updates 'broadcastWidth' and 'broadcastHeight' properties with a data * from the corresponding properties of the last observed content rectangle. * * @returns {DOMRectInit} Last observed content rectangle. */ ResizeObservation.prototype.broadcastRect = function () { var rect = this.contentRect_; this.broadcastWidth = rect.width; this.broadcastHeight = rect.height; return rect; }; return ResizeObservation; }()); var ResizeObserverEntry = /** @class */ (function () { /** * Creates an instance of ResizeObserverEntry. * * @param {Element} target - Element that is being observed. * @param {DOMRectInit} rectInit - Data of the element's content rectangle. */ function ResizeObserverEntry(target, rectInit) { var contentRect = createReadOnlyRect(rectInit); // According to the specification following properties are not writable // and are also not enumerable in the native implementation. // // Property accessors are not being used as they'd require to define a // private WeakMap storage which may cause memory leaks in browsers that // don't support this type of collections. defineConfigurable(this, { target: target, contentRect: contentRect }); } return ResizeObserverEntry; }()); var ResizeObserverSPI = /** @class */ (function () { /** * Creates a new instance of ResizeObserver. * * @param {ResizeObserverCallback} callback - Callback function that is invoked * when one of the observed elements changes it's content dimensions. * @param {ResizeObserverController} controller - Controller instance which * is responsible for the updates of observer. * @param {ResizeObserver} callbackCtx - Reference to the public * ResizeObserver instance which will be passed to callback function. */ function ResizeObserverSPI(callback, controller, callbackCtx) { /** * Collection of resize observations that have detected changes in dimensions * of elements. * * @private {Array} */ this.activeObservations_ = []; /** * Registry of the ResizeObservation instances. * * @private {Map} */ this.observations_ = new MapShim(); if (typeof callback !== 'function') { throw new TypeError('The callback provided as parameter 1 is not a function.'); } this.callback_ = callback; this.controller_ = controller; this.callbackCtx_ = callbackCtx; } /** * Starts observing provided element. * * @param {Element} target - Element to be observed. * @returns {void} */ ResizeObserverSPI.prototype.observe = function (target) { if (!arguments.length) { throw new TypeError('1 argument required, but only 0 present.'); } // Do nothing if current environment doesn't have the Element interface. if (typeof Element === 'undefined' || !(Element instanceof Object)) { return; } if (!(target instanceof getWindowOf(target).Element)) { throw new TypeError('parameter 1 is not of type "Element".'); } var observations = this.observations_; // Do nothing if element is already being observed. if (observations.has(target)) { return; } observations.set(target, new ResizeObservation(target)); this.controller_.addObserver(this); // Force the update of observations. this.controller_.refresh(); }; /** * Stops observing provided element. * * @param {Element} target - Element to stop observing. * @returns {void} */ ResizeObserverSPI.prototype.unobserve = function (target) { if (!arguments.length) { throw new TypeError('1 argument required, but only 0 present.'); } // Do nothing if current environment doesn't have the Element interface. if (typeof Element === 'undefined' || !(Element instanceof Object)) { return; } if (!(target instanceof getWindowOf(target).Element)) { throw new TypeError('parameter 1 is not of type "Element".'); } var observations = this.observations_; // Do nothing if element is not being observed. if (!observations.has(target)) { return; } observations.delete(target); if (!observations.size) { this.controller_.removeObserver(this); } }; /** * Stops observing all elements. * * @returns {void} */ ResizeObserverSPI.prototype.disconnect = function () { this.clearActive(); this.observations_.clear(); this.controller_.removeObserver(this); }; /** * Collects observation instances the associated element of which has changed * it's content rectangle. * * @returns {void} */ ResizeObserverSPI.prototype.gatherActive = function () { var _this = this; this.clearActive(); this.observations_.forEach(function (observation) { if (observation.isActive()) { _this.activeObservations_.push(observation); } }); }; /** * Invokes initial callback function with a list of ResizeObserverEntry * instances collected from active resize observations. * * @returns {void} */ ResizeObserverSPI.prototype.broadcastActive = function () { // Do nothing if observer doesn't have active observations. if (!this.hasActive()) { return; } var ctx = this.callbackCtx_; // Create ResizeObserverEntry instance for every active observation. var entries = this.activeObservations_.map(function (observation) { return new ResizeObserverEntry(observation.target, observation.broadcastRect()); }); this.callback_.call(ctx, entries, ctx); this.clearActive(); }; /** * Clears the collection of active observations. * * @returns {void} */ ResizeObserverSPI.prototype.clearActive = function () { this.activeObservations_.splice(0); }; /** * Tells whether observer has active observations. * * @returns {boolean} */ ResizeObserverSPI.prototype.hasActive = function () { return this.activeObservations_.length > 0; }; return ResizeObserverSPI; }()); // Registry of internal observers. If WeakMap is not available use current shim // for the Map collection as it has all required methods and because WeakMap // can't be fully polyfilled anyway. var observers = typeof WeakMap !== 'undefined' ? new WeakMap() : new MapShim(); /** * ResizeObserver API. Encapsulates the ResizeObserver SPI implementation * exposing only those methods and properties that are defined in the spec. */ var ResizeObserver = /** @class */ (function () { /** * Creates a new instance of ResizeObserver. * * @param {ResizeObserverCallback} callback - Callback that is invoked when * dimensions of the observed elements change. */ function ResizeObserver(callback) { if (!(this instanceof ResizeObserver)) { throw new TypeError('Cannot call a class as a function.'); } if (!arguments.length) { throw new TypeError('1 argument required, but only 0 present.'); } var controller = ResizeObserverController.getInstance(); var observer = new ResizeObserverSPI(callback, controller, this); observers.set(this, observer); } return ResizeObserver; }()); // Expose public methods of ResizeObserver. [ 'observe', 'unobserve', 'disconnect' ].forEach(function (method) { ResizeObserver.prototype[method] = function () { var _a; return (_a = observers.get(this))[method].apply(_a, arguments); }; }); var index = (function () { // Export existing implementation if available. if (typeof global$1.ResizeObserver !== 'undefined') { return global$1.ResizeObserver; } return ResizeObserver; })(); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (index); /***/ }), /***/ "./node_modules/scroll-into-view-if-needed/es/index.js": /*!*************************************************************!*\ !*** ./node_modules/scroll-into-view-if-needed/es/index.js ***! \*************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var compute_scroll_into_view__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! compute-scroll-into-view */ "./node_modules/compute-scroll-into-view/dist/index.mjs"); function isOptionsObject(options) { return options === Object(options) && Object.keys(options).length !== 0; } function defaultBehavior(actions, behavior) { if (behavior === void 0) { behavior = 'auto'; } var canSmoothScroll = ('scrollBehavior' in document.body.style); actions.forEach(function (_ref) { var el = _ref.el, top = _ref.top, left = _ref.left; if (el.scroll && canSmoothScroll) { el.scroll({ top: top, left: left, behavior: behavior }); } else { el.scrollTop = top; el.scrollLeft = left; } }); } function getOptions(options) { if (options === false) { return { block: 'end', inline: 'nearest' }; } if (isOptionsObject(options)) { return options; } return { block: 'start', inline: 'nearest' }; } function scrollIntoView(target, options) { var isTargetAttached = target.isConnected || target.ownerDocument.documentElement.contains(target); if (isOptionsObject(options) && typeof options.behavior === 'function') { return options.behavior(isTargetAttached ? (0,compute_scroll_into_view__WEBPACK_IMPORTED_MODULE_0__["default"])(target, options) : []); } if (!isTargetAttached) { return; } var computeOptions = getOptions(options); return defaultBehavior((0,compute_scroll_into_view__WEBPACK_IMPORTED_MODULE_0__["default"])(target, computeOptions), computeOptions.behavior); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (scrollIntoView); /***/ }), /***/ "./node_modules/vue-types/dist/vue-types.m.js": /*!****************************************************!*\ !*** ./node_modules/vue-types/dist/vue-types.m.js ***! \****************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ any: () => (/* binding */ x), /* harmony export */ array: () => (/* binding */ S), /* harmony export */ arrayOf: () => (/* binding */ I), /* harmony export */ bool: () => (/* binding */ E), /* harmony export */ createTypes: () => (/* binding */ z), /* harmony export */ custom: () => (/* binding */ L), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), /* harmony export */ fromType: () => (/* binding */ k), /* harmony export */ func: () => (/* binding */ A), /* harmony export */ instanceOf: () => (/* binding */ J), /* harmony export */ integer: () => (/* binding */ F), /* harmony export */ number: () => (/* binding */ q), /* harmony export */ object: () => (/* binding */ V), /* harmony export */ objectOf: () => (/* binding */ M), /* harmony export */ oneOf: () => (/* binding */ Y), /* harmony export */ oneOfType: () => (/* binding */ B), /* harmony export */ shape: () => (/* binding */ R), /* harmony export */ string: () => (/* binding */ N), /* harmony export */ symbol: () => (/* binding */ D), /* harmony export */ toType: () => (/* binding */ T), /* harmony export */ toValidableType: () => (/* binding */ w), /* harmony export */ validateType: () => (/* binding */ _) /* harmony export */ }); function e(e,t){for(var n=0;n=0||(i[n]=e[n]);return i}function o(e){return 1==(null!=(t=e)&&"object"==typeof t&&!1===Array.isArray(t))&&"[object Object]"===Object.prototype.toString.call(e);var t}var u=Object.prototype,a=u.toString,f=u.hasOwnProperty,c=/^\s*function (\w+)/;function l(e){var t,n=null!==(t=null==e?void 0:e.type)&&void 0!==t?t:e;if(n){var r=n.toString().match(c);return r?r[1]:""}return""}var s=function(e){var t,n;return!1!==o(e)&&"function"==typeof(t=e.constructor)&&!1!==o(n=t.prototype)&&!1!==n.hasOwnProperty("isPrototypeOf")},v=function(e){return e},y=v;if(true){var p="undefined"!=typeof console;y=p?function(e){console.warn("[VueTypes warn]: "+e)}:v}var d=function(e,t){return f.call(e,t)},h=Number.isInteger||function(e){return"number"==typeof e&&isFinite(e)&&Math.floor(e)===e},b=Array.isArray||function(e){return"[object Array]"===a.call(e)},O=function(e){return"[object Function]"===a.call(e)},g=function(e){return s(e)&&d(e,"_vueTypes_name")},m=function(e){return s(e)&&(d(e,"type")||["_vueTypes_name","validator","default","required"].some(function(t){return d(e,t)}))};function j(e,t){return Object.defineProperty(e.bind(t),"__original",{value:e})}function _(e,t,n){var r;void 0===n&&(n=!1);var i=!0,o="";r=s(e)?e:{type:e};var u=g(r)?r._vueTypes_name+" - ":"";if(m(r)&&null!==r.type){if(void 0===r.type||!0===r.type)return i;if(!r.required&&void 0===t)return i;b(r.type)?(i=r.type.some(function(e){return!0===_(e,t,!0)}),o=r.type.map(function(e){return l(e)}).join(" or ")):i="Array"===(o=l(r))?b(t):"Object"===o?s(t):"String"===o||"Number"===o||"Boolean"===o||"Function"===o?function(e){if(null==e)return"";var t=e.constructor.toString().match(c);return t?t[1]:""}(t)===o:t instanceof r.type}if(!i){var a=u+'value "'+t+'" should be of type "'+o+'"';return!1===n?(y(a),!1):a}if(d(r,"validator")&&O(r.validator)){var f=y,v=[];if(y=function(e){v.push(e)},i=r.validator(t),y=f,!i){var p=(v.length>1?"* ":"")+v.join("\n* ");return v.length=0,!1===n?(y(p),i):p}}return i}function T(e,t){var n=Object.defineProperties(t,{_vueTypes_name:{value:e,writable:!0},isRequired:{get:function(){return this.required=!0,this}},def:{value:function(e){return void 0!==e||this.default?O(e)||!0===_(this,e,!0)?(this.default=b(e)?function(){return[].concat(e)}:s(e)?function(){return Object.assign({},e)}:e,this):(y(this._vueTypes_name+' - invalid default value: "'+e+'"'),this):this}}}),r=n.validator;return O(r)&&(n.validator=j(r,n)),n}function w(e,t){var n=T(e,t);return Object.defineProperty(n,"validate",{value:function(e){return O(this.validator)&&y(this._vueTypes_name+" - calling .validate() will overwrite the current custom validator function. Validator info:\n"+JSON.stringify(this)),this.validator=j(e,this),this}})}function k(e,t,n){var r,o,u=(r=t,o={},Object.getOwnPropertyNames(r).forEach(function(e){o[e]=Object.getOwnPropertyDescriptor(r,e)}),Object.defineProperties({},o));if(u._vueTypes_name=e,!s(n))return u;var a,f,c=n.validator,l=i(n,["validator"]);if(O(c)){var v=u.validator;v&&(v=null!==(f=(a=v).__original)&&void 0!==f?f:a),u.validator=j(v?function(e){return v.call(this,e)&&c.call(this,e)}:c,u)}return Object.assign(u,l)}function P(e){return e.replace(/^(?!\s*$)/gm," ")}var x=function(){return w("any",{})},A=function(){return w("function",{type:Function})},E=function(){return w("boolean",{type:Boolean})},N=function(){return w("string",{type:String})},q=function(){return w("number",{type:Number})},S=function(){return w("array",{type:Array})},V=function(){return w("object",{type:Object})},F=function(){return T("integer",{type:Number,validator:function(e){return h(e)}})},D=function(){return T("symbol",{validator:function(e){return"symbol"==typeof e}})};function L(e,t){if(void 0===t&&(t="custom validation failed"),"function"!=typeof e)throw new TypeError("[VueTypes error]: You must provide a function as argument");return T(e.name||"<>",{validator:function(n){var r=e(n);return r||y(this._vueTypes_name+" - "+t),r}})}function Y(e){if(!b(e))throw new TypeError("[VueTypes error]: You must provide an array as argument.");var t='oneOf - value should be one of "'+e.join('", "')+'".',n=e.reduce(function(e,t){if(null!=t){var n=t.constructor;-1===e.indexOf(n)&&e.push(n)}return e},[]);return T("oneOf",{type:n.length>0?n:void 0,validator:function(n){var r=-1!==e.indexOf(n);return r||y(t),r}})}function B(e){if(!b(e))throw new TypeError("[VueTypes error]: You must provide an array as argument");for(var t=!1,n=[],r=0;r0&&n.some(function(e){return-1===o.indexOf(e)})){var u=n.filter(function(e){return-1===o.indexOf(e)});return y(1===u.length?'shape - required property "'+u[0]+'" is not defined.':'shape - required properties "'+u.join('", "')+'" are not defined.'),!1}return o.every(function(n){if(-1===t.indexOf(n))return!0===i._vueTypes_isLoose||(y('shape - shape definition does not include a "'+n+'" property. Allowed keys: "'+t.join('", "')+'".'),!1);var o=_(e[n],r[n],!0);return"string"==typeof o&&y('shape - "'+n+'" property validation error:\n '+P(o)),!0===o})}});return Object.defineProperty(r,"_vueTypes_isLoose",{writable:!0,value:!1}),Object.defineProperty(r,"loose",{get:function(){return this._vueTypes_isLoose=!0,this}}),r}var $=function(){function e(){}return e.extend=function(e){var t=this;if(b(e))return e.forEach(function(e){return t.extend(e)}),this;var n=e.name,r=e.validate,o=void 0!==r&&r,u=e.getter,a=void 0!==u&&u,f=i(e,["name","validate","getter"]);if(d(this,n))throw new TypeError('[VueTypes error]: Type "'+n+'" already defined');var c,l=f.type;return g(l)?(delete f.type,Object.defineProperty(this,n,a?{get:function(){return k(n,l,f)}}:{value:function(){var e,t=k(n,l,f);return t.validator&&(t.validator=(e=t.validator).bind.apply(e,[t].concat([].slice.call(arguments)))),t}})):(c=a?{get:function(){var e=Object.assign({},f);return o?w(n,e):T(n,e)},enumerable:!0}:{value:function(){var e,t,r=Object.assign({},f);return e=o?w(n,r):T(n,r),r.validator&&(e.validator=(t=r.validator).bind.apply(t,[e].concat([].slice.call(arguments)))),e},enumerable:!0},Object.defineProperty(this,n,c))},t(e,null,[{key:"any",get:function(){return x()}},{key:"func",get:function(){return A().def(this.defaults.func)}},{key:"bool",get:function(){return E().def(this.defaults.bool)}},{key:"string",get:function(){return N().def(this.defaults.string)}},{key:"number",get:function(){return q().def(this.defaults.number)}},{key:"array",get:function(){return S().def(this.defaults.array)}},{key:"object",get:function(){return V().def(this.defaults.object)}},{key:"integer",get:function(){return F().def(this.defaults.integer)}},{key:"symbol",get:function(){return D()}}]),e}();function z(e){var i;return void 0===e&&(e={func:function(){},bool:!0,string:"",number:0,array:function(){return[]},object:function(){return{}},integer:0}),(i=function(i){function o(){return i.apply(this,arguments)||this}return r(o,i),t(o,null,[{key:"sensibleDefaults",get:function(){return n({},this.defaults)},set:function(t){this.defaults=!1!==t?n({},!0!==t?t:e):{}}}]),o}($)).defaults=n({},e),i}$.defaults={},$.custom=L,$.oneOf=Y,$.instanceOf=J,$.oneOfType=B,$.arrayOf=I,$.objectOf=M,$.shape=R,$.utils={validate:function(e,t){return!0===_(t,e,!0)},toType:function(e,t,n){return void 0===n&&(n=!1),n?w(e,t):T(e,t)}};var C=function(e){function t(){return e.apply(this,arguments)||this}return r(t,e),t}(z());/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (C); //# sourceMappingURL=vue-types.m.js.map /***/ }), /***/ "vue": /*!*********************************************************************************************!*\ !*** external {"root":"Vue","commonjs2":"vue","commonjs":"vue","amd":"vue","module":"vue"} ***! \*********************************************************************************************/ /***/ ((module) => { var x = y => { var x = {}; __webpack_require__.d(x, y); return x; } var y = x => () => x module.exports = __WEBPACK_EXTERNAL_MODULE_vue__; /***/ }), /***/ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js": /*!*******************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/defineProperty.js ***! \*******************************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ _defineProperty) /* harmony export */ }); /* harmony import */ var _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./toPropertyKey.js */ "./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js"); function _defineProperty(obj, key, value) { key = (0,_toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__["default"])(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } /***/ }), /***/ "./node_modules/@babel/runtime/helpers/esm/extends.js": /*!************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/extends.js ***! \************************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ _extends) /* harmony export */ }); function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } /***/ }), /***/ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js": /*!******************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js ***! \******************************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ _objectSpread2) /* harmony export */ }); /* harmony import */ var _defineProperty_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./defineProperty.js */ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js"); function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; } function _objectSpread2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0,_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /***/ }), /***/ "./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js": /*!****************************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js ***! \****************************************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ _objectWithoutProperties) /* harmony export */ }); /* harmony import */ var _objectWithoutPropertiesLoose_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./objectWithoutPropertiesLoose.js */ "./node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js"); function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = (0,_objectWithoutPropertiesLoose_js__WEBPACK_IMPORTED_MODULE_0__["default"])(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; } /***/ }), /***/ "./node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js": /*!*********************************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js ***! \*********************************************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ _objectWithoutPropertiesLoose) /* harmony export */ }); function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; } /***/ }), /***/ "./node_modules/@babel/runtime/helpers/esm/toPrimitive.js": /*!****************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/toPrimitive.js ***! \****************************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ toPrimitive) /* harmony export */ }); /* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./typeof.js */ "./node_modules/@babel/runtime/helpers/esm/typeof.js"); function toPrimitive(t, r) { if ("object" != (0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__["default"])(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != (0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__["default"])(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /***/ }), /***/ "./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js": /*!******************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js ***! \******************************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ toPropertyKey) /* harmony export */ }); /* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./typeof.js */ "./node_modules/@babel/runtime/helpers/esm/typeof.js"); /* harmony import */ var _toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./toPrimitive.js */ "./node_modules/@babel/runtime/helpers/esm/toPrimitive.js"); function toPropertyKey(t) { var i = (0,_toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__["default"])(t, "string"); return "symbol" == (0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__["default"])(i) ? i : String(i); } /***/ }), /***/ "./node_modules/@babel/runtime/helpers/esm/typeof.js": /*!***********************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/esm/typeof.js ***! \***********************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ _typeof) /* harmony export */ }); function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); } /***/ }), /***/ "./node_modules/compute-scroll-into-view/dist/index.mjs": /*!**************************************************************!*\ !*** ./node_modules/compute-scroll-into-view/dist/index.mjs ***! \**************************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ i) /* harmony export */ }); function t(t){return"object"==typeof t&&null!=t&&1===t.nodeType}function e(t,e){return(!e||"hidden"!==t)&&"visible"!==t&&"clip"!==t}function n(t,n){if(t.clientHeighte||o>t&&l=e&&d>=n?o-t-r:l>e&&dn?l-e+i:0}var i=function(e,i){var o=window,l=i.scrollMode,d=i.block,f=i.inline,h=i.boundary,u=i.skipOverflowHiddenElements,s="function"==typeof h?h:function(t){return t!==h};if(!t(e))throw new TypeError("Invalid target");for(var a,c,g=document.scrollingElement||document.documentElement,p=[],m=e;t(m)&&s(m);){if((m=null==(c=(a=m).parentElement)?a.getRootNode().host||null:c)===g){p.push(m);break}null!=m&&m===document.body&&n(m)&&!n(document.documentElement)||null!=m&&n(m,u)&&p.push(m)}for(var w=o.visualViewport?o.visualViewport.width:innerWidth,v=o.visualViewport?o.visualViewport.height:innerHeight,W=window.scrollX||pageXOffset,H=window.scrollY||pageYOffset,b=e.getBoundingClientRect(),y=b.height,E=b.width,M=b.top,V=b.right,x=b.bottom,I=b.left,C="start"===d||"nearest"===d?M:"end"===d?x:M+y/2,R="center"===f?I+E/2:"end"===f?V:I,T=[],k=0;k=0&&I>=0&&x<=v&&V<=w&&M>=Y&&x<=S&&I>=j&&V<=L)return T;var N=getComputedStyle(B),q=parseInt(N.borderLeftWidth,10),z=parseInt(N.borderTopWidth,10),A=parseInt(N.borderRightWidth,10),F=parseInt(N.borderBottomWidth,10),G=0,J=0,K="offsetWidth"in B?B.offsetWidth-B.clientWidth-q-A:0,P="offsetHeight"in B?B.offsetHeight-B.clientHeight-z-F:0,Q="offsetWidth"in B?0===B.offsetWidth?0:X/B.offsetWidth:0,U="offsetHeight"in B?0===B.offsetHeight?0:O/B.offsetHeight:0;if(g===B)G="start"===d?C:"end"===d?C-v:"nearest"===d?r(H,H+v,v,z,F,H+C,H+C+y,y):C-v/2,J="start"===f?R:"center"===f?R-w/2:"end"===f?R-w:r(W,W+w,w,q,A,W+R,W+R+E,E),G=Math.max(0,G+H),J=Math.max(0,J+W);else{G="start"===d?C-Y-z:"end"===d?C-S+F+P:"nearest"===d?r(Y,S,O,z,F+P,C,C+y,y):C-(Y+O/2)+P/2,J="start"===f?R-j-q:"center"===f?R-(j+X/2)+K/2:"end"===f?R-L+A+K:r(j,L,X,q,A+K,R,R+E,E);var Z=B.scrollLeft,$=B.scrollTop;C+=$-(G=Math.max(0,Math.min($+G/U,B.scrollHeight-O/U+P))),R+=Z-(J=Math.max(0,Math.min(Z+J/Q,B.scrollWidth-X/Q+K)))}T.push({el:B,top:G,left:J})}return T}; //# sourceMappingURL=index.mjs.map /***/ }), /***/ "./node_modules/lodash-es/_DataView.js": /*!*********************************************!*\ !*** ./node_modules/lodash-es/_DataView.js ***! \*********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _getNative_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_getNative.js */ "./node_modules/lodash-es/_getNative.js"); /* harmony import */ var _root_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_root.js */ "./node_modules/lodash-es/_root.js"); /* Built-in method references that are verified to be native. */ var DataView = (0,_getNative_js__WEBPACK_IMPORTED_MODULE_0__["default"])(_root_js__WEBPACK_IMPORTED_MODULE_1__["default"], 'DataView'); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DataView); /***/ }), /***/ "./node_modules/lodash-es/_Hash.js": /*!*****************************************!*\ !*** ./node_modules/lodash-es/_Hash.js ***! \*****************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _hashClear_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_hashClear.js */ "./node_modules/lodash-es/_hashClear.js"); /* harmony import */ var _hashDelete_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_hashDelete.js */ "./node_modules/lodash-es/_hashDelete.js"); /* harmony import */ var _hashGet_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./_hashGet.js */ "./node_modules/lodash-es/_hashGet.js"); /* harmony import */ var _hashHas_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./_hashHas.js */ "./node_modules/lodash-es/_hashHas.js"); /* harmony import */ var _hashSet_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./_hashSet.js */ "./node_modules/lodash-es/_hashSet.js"); /** * Creates a hash object. * * @private * @constructor * @param {Array} [entries] The key-value pairs to cache. */ function Hash(entries) { var index = -1, length = entries == null ? 0 : entries.length; this.clear(); while (++index < length) { var entry = entries[index]; this.set(entry[0], entry[1]); } } // Add methods to `Hash`. Hash.prototype.clear = _hashClear_js__WEBPACK_IMPORTED_MODULE_0__["default"]; Hash.prototype['delete'] = _hashDelete_js__WEBPACK_IMPORTED_MODULE_1__["default"]; Hash.prototype.get = _hashGet_js__WEBPACK_IMPORTED_MODULE_2__["default"]; Hash.prototype.has = _hashHas_js__WEBPACK_IMPORTED_MODULE_3__["default"]; Hash.prototype.set = _hashSet_js__WEBPACK_IMPORTED_MODULE_4__["default"]; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Hash); /***/ }), /***/ "./node_modules/lodash-es/_ListCache.js": /*!**********************************************!*\ !*** ./node_modules/lodash-es/_ListCache.js ***! \**********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _listCacheClear_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_listCacheClear.js */ "./node_modules/lodash-es/_listCacheClear.js"); /* harmony import */ var _listCacheDelete_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_listCacheDelete.js */ "./node_modules/lodash-es/_listCacheDelete.js"); /* harmony import */ var _listCacheGet_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./_listCacheGet.js */ "./node_modules/lodash-es/_listCacheGet.js"); /* harmony import */ var _listCacheHas_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./_listCacheHas.js */ "./node_modules/lodash-es/_listCacheHas.js"); /* harmony import */ var _listCacheSet_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./_listCacheSet.js */ "./node_modules/lodash-es/_listCacheSet.js"); /** * Creates an list cache object. * * @private * @constructor * @param {Array} [entries] The key-value pairs to cache. */ function ListCache(entries) { var index = -1, length = entries == null ? 0 : entries.length; this.clear(); while (++index < length) { var entry = entries[index]; this.set(entry[0], entry[1]); } } // Add methods to `ListCache`. ListCache.prototype.clear = _listCacheClear_js__WEBPACK_IMPORTED_MODULE_0__["default"]; ListCache.prototype['delete'] = _listCacheDelete_js__WEBPACK_IMPORTED_MODULE_1__["default"]; ListCache.prototype.get = _listCacheGet_js__WEBPACK_IMPORTED_MODULE_2__["default"]; ListCache.prototype.has = _listCacheHas_js__WEBPACK_IMPORTED_MODULE_3__["default"]; ListCache.prototype.set = _listCacheSet_js__WEBPACK_IMPORTED_MODULE_4__["default"]; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ListCache); /***/ }), /***/ "./node_modules/lodash-es/_Map.js": /*!****************************************!*\ !*** ./node_modules/lodash-es/_Map.js ***! \****************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _getNative_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_getNative.js */ "./node_modules/lodash-es/_getNative.js"); /* harmony import */ var _root_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_root.js */ "./node_modules/lodash-es/_root.js"); /* Built-in method references that are verified to be native. */ var Map = (0,_getNative_js__WEBPACK_IMPORTED_MODULE_0__["default"])(_root_js__WEBPACK_IMPORTED_MODULE_1__["default"], 'Map'); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Map); /***/ }), /***/ "./node_modules/lodash-es/_MapCache.js": /*!*********************************************!*\ !*** ./node_modules/lodash-es/_MapCache.js ***! \*********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _mapCacheClear_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_mapCacheClear.js */ "./node_modules/lodash-es/_mapCacheClear.js"); /* harmony import */ var _mapCacheDelete_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_mapCacheDelete.js */ "./node_modules/lodash-es/_mapCacheDelete.js"); /* harmony import */ var _mapCacheGet_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./_mapCacheGet.js */ "./node_modules/lodash-es/_mapCacheGet.js"); /* harmony import */ var _mapCacheHas_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./_mapCacheHas.js */ "./node_modules/lodash-es/_mapCacheHas.js"); /* harmony import */ var _mapCacheSet_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./_mapCacheSet.js */ "./node_modules/lodash-es/_mapCacheSet.js"); /** * Creates a map cache object to store key-value pairs. * * @private * @constructor * @param {Array} [entries] The key-value pairs to cache. */ function MapCache(entries) { var index = -1, length = entries == null ? 0 : entries.length; this.clear(); while (++index < length) { var entry = entries[index]; this.set(entry[0], entry[1]); } } // Add methods to `MapCache`. MapCache.prototype.clear = _mapCacheClear_js__WEBPACK_IMPORTED_MODULE_0__["default"]; MapCache.prototype['delete'] = _mapCacheDelete_js__WEBPACK_IMPORTED_MODULE_1__["default"]; MapCache.prototype.get = _mapCacheGet_js__WEBPACK_IMPORTED_MODULE_2__["default"]; MapCache.prototype.has = _mapCacheHas_js__WEBPACK_IMPORTED_MODULE_3__["default"]; MapCache.prototype.set = _mapCacheSet_js__WEBPACK_IMPORTED_MODULE_4__["default"]; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MapCache); /***/ }), /***/ "./node_modules/lodash-es/_Promise.js": /*!********************************************!*\ !*** ./node_modules/lodash-es/_Promise.js ***! \********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _getNative_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_getNative.js */ "./node_modules/lodash-es/_getNative.js"); /* harmony import */ var _root_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_root.js */ "./node_modules/lodash-es/_root.js"); /* Built-in method references that are verified to be native. */ var Promise = (0,_getNative_js__WEBPACK_IMPORTED_MODULE_0__["default"])(_root_js__WEBPACK_IMPORTED_MODULE_1__["default"], 'Promise'); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Promise); /***/ }), /***/ "./node_modules/lodash-es/_Set.js": /*!****************************************!*\ !*** ./node_modules/lodash-es/_Set.js ***! \****************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _getNative_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_getNative.js */ "./node_modules/lodash-es/_getNative.js"); /* harmony import */ var _root_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_root.js */ "./node_modules/lodash-es/_root.js"); /* Built-in method references that are verified to be native. */ var Set = (0,_getNative_js__WEBPACK_IMPORTED_MODULE_0__["default"])(_root_js__WEBPACK_IMPORTED_MODULE_1__["default"], 'Set'); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Set); /***/ }), /***/ "./node_modules/lodash-es/_SetCache.js": /*!*********************************************!*\ !*** ./node_modules/lodash-es/_SetCache.js ***! \*********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _MapCache_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_MapCache.js */ "./node_modules/lodash-es/_MapCache.js"); /* harmony import */ var _setCacheAdd_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_setCacheAdd.js */ "./node_modules/lodash-es/_setCacheAdd.js"); /* harmony import */ var _setCacheHas_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./_setCacheHas.js */ "./node_modules/lodash-es/_setCacheHas.js"); /** * * Creates an array cache object to store unique values. * * @private * @constructor * @param {Array} [values] The values to cache. */ function SetCache(values) { var index = -1, length = values == null ? 0 : values.length; this.__data__ = new _MapCache_js__WEBPACK_IMPORTED_MODULE_0__["default"]; while (++index < length) { this.add(values[index]); } } // Add methods to `SetCache`. SetCache.prototype.add = SetCache.prototype.push = _setCacheAdd_js__WEBPACK_IMPORTED_MODULE_1__["default"]; SetCache.prototype.has = _setCacheHas_js__WEBPACK_IMPORTED_MODULE_2__["default"]; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SetCache); /***/ }), /***/ "./node_modules/lodash-es/_Stack.js": /*!******************************************!*\ !*** ./node_modules/lodash-es/_Stack.js ***! \******************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _ListCache_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_ListCache.js */ "./node_modules/lodash-es/_ListCache.js"); /* harmony import */ var _stackClear_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_stackClear.js */ "./node_modules/lodash-es/_stackClear.js"); /* harmony import */ var _stackDelete_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./_stackDelete.js */ "./node_modules/lodash-es/_stackDelete.js"); /* harmony import */ var _stackGet_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./_stackGet.js */ "./node_modules/lodash-es/_stackGet.js"); /* harmony import */ var _stackHas_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./_stackHas.js */ "./node_modules/lodash-es/_stackHas.js"); /* harmony import */ var _stackSet_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./_stackSet.js */ "./node_modules/lodash-es/_stackSet.js"); /** * Creates a stack cache object to store key-value pairs. * * @private * @constructor * @param {Array} [entries] The key-value pairs to cache. */ function Stack(entries) { var data = this.__data__ = new _ListCache_js__WEBPACK_IMPORTED_MODULE_0__["default"](entries); this.size = data.size; } // Add methods to `Stack`. Stack.prototype.clear = _stackClear_js__WEBPACK_IMPORTED_MODULE_1__["default"]; Stack.prototype['delete'] = _stackDelete_js__WEBPACK_IMPORTED_MODULE_2__["default"]; Stack.prototype.get = _stackGet_js__WEBPACK_IMPORTED_MODULE_3__["default"]; Stack.prototype.has = _stackHas_js__WEBPACK_IMPORTED_MODULE_4__["default"]; Stack.prototype.set = _stackSet_js__WEBPACK_IMPORTED_MODULE_5__["default"]; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Stack); /***/ }), /***/ "./node_modules/lodash-es/_Symbol.js": /*!*******************************************!*\ !*** ./node_modules/lodash-es/_Symbol.js ***! \*******************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _root_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_root.js */ "./node_modules/lodash-es/_root.js"); /** Built-in value references. */ var Symbol = _root_js__WEBPACK_IMPORTED_MODULE_0__["default"].Symbol; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Symbol); /***/ }), /***/ "./node_modules/lodash-es/_Uint8Array.js": /*!***********************************************!*\ !*** ./node_modules/lodash-es/_Uint8Array.js ***! \***********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _root_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_root.js */ "./node_modules/lodash-es/_root.js"); /** Built-in value references. */ var Uint8Array = _root_js__WEBPACK_IMPORTED_MODULE_0__["default"].Uint8Array; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Uint8Array); /***/ }), /***/ "./node_modules/lodash-es/_WeakMap.js": /*!********************************************!*\ !*** ./node_modules/lodash-es/_WeakMap.js ***! \********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _getNative_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_getNative.js */ "./node_modules/lodash-es/_getNative.js"); /* harmony import */ var _root_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_root.js */ "./node_modules/lodash-es/_root.js"); /* Built-in method references that are verified to be native. */ var WeakMap = (0,_getNative_js__WEBPACK_IMPORTED_MODULE_0__["default"])(_root_js__WEBPACK_IMPORTED_MODULE_1__["default"], 'WeakMap'); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (WeakMap); /***/ }), /***/ "./node_modules/lodash-es/_apply.js": /*!******************************************!*\ !*** ./node_modules/lodash-es/_apply.js ***! \******************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /** * A faster alternative to `Function#apply`, this function invokes `func` * with the `this` binding of `thisArg` and the arguments of `args`. * * @private * @param {Function} func The function to invoke. * @param {*} thisArg The `this` binding of `func`. * @param {Array} args The arguments to invoke `func` with. * @returns {*} Returns the result of `func`. */ function apply(func, thisArg, args) { switch (args.length) { case 0: return func.call(thisArg); case 1: return func.call(thisArg, args[0]); case 2: return func.call(thisArg, args[0], args[1]); case 3: return func.call(thisArg, args[0], args[1], args[2]); } return func.apply(thisArg, args); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (apply); /***/ }), /***/ "./node_modules/lodash-es/_arrayAggregator.js": /*!****************************************************!*\ !*** ./node_modules/lodash-es/_arrayAggregator.js ***! \****************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /** * A specialized version of `baseAggregator` for arrays. * * @private * @param {Array} [array] The array to iterate over. * @param {Function} setter The function to set `accumulator` values. * @param {Function} iteratee The iteratee to transform keys. * @param {Object} accumulator The initial aggregated object. * @returns {Function} Returns `accumulator`. */ function arrayAggregator(array, setter, iteratee, accumulator) { var index = -1, length = array == null ? 0 : array.length; while (++index < length) { var value = array[index]; setter(accumulator, value, iteratee(value), array); } return accumulator; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (arrayAggregator); /***/ }), /***/ "./node_modules/lodash-es/_arrayEach.js": /*!**********************************************!*\ !*** ./node_modules/lodash-es/_arrayEach.js ***! \**********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /** * A specialized version of `_.forEach` for arrays without support for * iteratee shorthands. * * @private * @param {Array} [array] The array to iterate over. * @param {Function} iteratee The function invoked per iteration. * @returns {Array} Returns `array`. */ function arrayEach(array, iteratee) { var index = -1, length = array == null ? 0 : array.length; while (++index < length) { if (iteratee(array[index], index, array) === false) { break; } } return array; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (arrayEach); /***/ }), /***/ "./node_modules/lodash-es/_arrayFilter.js": /*!************************************************!*\ !*** ./node_modules/lodash-es/_arrayFilter.js ***! \************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /** * A specialized version of `_.filter` for arrays without support for * iteratee shorthands. * * @private * @param {Array} [array] The array to iterate over. * @param {Function} predicate The function invoked per iteration. * @returns {Array} Returns the new filtered array. */ function arrayFilter(array, predicate) { var index = -1, length = array == null ? 0 : array.length, resIndex = 0, result = []; while (++index < length) { var value = array[index]; if (predicate(value, index, array)) { result[resIndex++] = value; } } return result; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (arrayFilter); /***/ }), /***/ "./node_modules/lodash-es/_arrayIncludes.js": /*!**************************************************!*\ !*** ./node_modules/lodash-es/_arrayIncludes.js ***! \**************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _baseIndexOf_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_baseIndexOf.js */ "./node_modules/lodash-es/_baseIndexOf.js"); /** * A specialized version of `_.includes` for arrays without support for * specifying an index to search from. * * @private * @param {Array} [array] The array to inspect. * @param {*} target The value to search for. * @returns {boolean} Returns `true` if `target` is found, else `false`. */ function arrayIncludes(array, value) { var length = array == null ? 0 : array.length; return !!length && (0,_baseIndexOf_js__WEBPACK_IMPORTED_MODULE_0__["default"])(array, value, 0) > -1; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (arrayIncludes); /***/ }), /***/ "./node_modules/lodash-es/_arrayIncludesWith.js": /*!******************************************************!*\ !*** ./node_modules/lodash-es/_arrayIncludesWith.js ***! \******************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /** * This function is like `arrayIncludes` except that it accepts a comparator. * * @private * @param {Array} [array] The array to inspect. * @param {*} target The value to search for. * @param {Function} comparator The comparator invoked per element. * @returns {boolean} Returns `true` if `target` is found, else `false`. */ function arrayIncludesWith(array, value, comparator) { var index = -1, length = array == null ? 0 : array.length; while (++index < length) { if (comparator(value, array[index])) { return true; } } return false; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (arrayIncludesWith); /***/ }), /***/ "./node_modules/lodash-es/_arrayLikeKeys.js": /*!**************************************************!*\ !*** ./node_modules/lodash-es/_arrayLikeKeys.js ***! \**************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _baseTimes_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./_baseTimes.js */ "./node_modules/lodash-es/_baseTimes.js"); /* harmony import */ var _isArguments_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./isArguments.js */ "./node_modules/lodash-es/isArguments.js"); /* harmony import */ var _isArray_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./isArray.js */ "./node_modules/lodash-es/isArray.js"); /* harmony import */ var _isBuffer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./isBuffer.js */ "./node_modules/lodash-es/isBuffer.js"); /* harmony import */ var _isIndex_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./_isIndex.js */ "./node_modules/lodash-es/_isIndex.js"); /* harmony import */ var _isTypedArray_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./isTypedArray.js */ "./node_modules/lodash-es/isTypedArray.js"); /** Used for built-in method references. */ var objectProto = Object.prototype; /** Used to check objects for own properties. */ var hasOwnProperty = objectProto.hasOwnProperty; /** * Creates an array of the enumerable property names of the array-like `value`. * * @private * @param {*} value The value to query. * @param {boolean} inherited Specify returning inherited property names. * @returns {Array} Returns the array of property names. */ function arrayLikeKeys(value, inherited) { var isArr = (0,_isArray_js__WEBPACK_IMPORTED_MODULE_0__["default"])(value), isArg = !isArr && (0,_isArguments_js__WEBPACK_IMPORTED_MODULE_1__["default"])(value), isBuff = !isArr && !isArg && (0,_isBuffer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(value), isType = !isArr && !isArg && !isBuff && (0,_isTypedArray_js__WEBPACK_IMPORTED_MODULE_3__["default"])(value), skipIndexes = isArr || isArg || isBuff || isType, result = skipIndexes ? (0,_baseTimes_js__WEBPACK_IMPORTED_MODULE_4__["default"])(value.length, String) : [], length = result.length; for (var key in value) { if ((inherited || hasOwnProperty.call(value, key)) && !(skipIndexes && ( // Safari 9 has enumerable `arguments.length` in strict mode. key == 'length' || // Node.js 0.10 has enumerable non-index properties on buffers. (isBuff && (key == 'offset' || key == 'parent')) || // PhantomJS 2 has enumerable non-index properties on typed arrays. (isType && (key == 'buffer' || key == 'byteLength' || key == 'byteOffset')) || // Skip index properties. (0,_isIndex_js__WEBPACK_IMPORTED_MODULE_5__["default"])(key, length) ))) { result.push(key); } } return result; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (arrayLikeKeys); /***/ }), /***/ "./node_modules/lodash-es/_arrayMap.js": /*!*********************************************!*\ !*** ./node_modules/lodash-es/_arrayMap.js ***! \*********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /** * A specialized version of `_.map` for arrays without support for iteratee * shorthands. * * @private * @param {Array} [array] The array to iterate over. * @param {Function} iteratee The function invoked per iteration. * @returns {Array} Returns the new mapped array. */ function arrayMap(array, iteratee) { var index = -1, length = array == null ? 0 : array.length, result = Array(length); while (++index < length) { result[index] = iteratee(array[index], index, array); } return result; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (arrayMap); /***/ }), /***/ "./node_modules/lodash-es/_arrayPush.js": /*!**********************************************!*\ !*** ./node_modules/lodash-es/_arrayPush.js ***! \**********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /** * Appends the elements of `values` to `array`. * * @private * @param {Array} array The array to modify. * @param {Array} values The values to append. * @returns {Array} Returns `array`. */ function arrayPush(array, values) { var index = -1, length = values.length, offset = array.length; while (++index < length) { array[offset + index] = values[index]; } return array; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (arrayPush); /***/ }), /***/ "./node_modules/lodash-es/_arraySome.js": /*!**********************************************!*\ !*** ./node_modules/lodash-es/_arraySome.js ***! \**********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /** * A specialized version of `_.some` for arrays without support for iteratee * shorthands. * * @private * @param {Array} [array] The array to iterate over. * @param {Function} predicate The function invoked per iteration. * @returns {boolean} Returns `true` if any element passes the predicate check, * else `false`. */ function arraySome(array, predicate) { var index = -1, length = array == null ? 0 : array.length; while (++index < length) { if (predicate(array[index], index, array)) { return true; } } return false; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (arraySome); /***/ }), /***/ "./node_modules/lodash-es/_assignValue.js": /*!************************************************!*\ !*** ./node_modules/lodash-es/_assignValue.js ***! \************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _baseAssignValue_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_baseAssignValue.js */ "./node_modules/lodash-es/_baseAssignValue.js"); /* harmony import */ var _eq_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./eq.js */ "./node_modules/lodash-es/eq.js"); /** Used for built-in method references. */ var objectProto = Object.prototype; /** Used to check objects for own properties. */ var hasOwnProperty = objectProto.hasOwnProperty; /** * Assigns `value` to `key` of `object` if the existing value is not equivalent * using [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero) * for equality comparisons. * * @private * @param {Object} object The object to modify. * @param {string} key The key of the property to assign. * @param {*} value The value to assign. */ function assignValue(object, key, value) { var objValue = object[key]; if (!(hasOwnProperty.call(object, key) && (0,_eq_js__WEBPACK_IMPORTED_MODULE_0__["default"])(objValue, value)) || (value === undefined && !(key in object))) { (0,_baseAssignValue_js__WEBPACK_IMPORTED_MODULE_1__["default"])(object, key, value); } } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (assignValue); /***/ }), /***/ "./node_modules/lodash-es/_assocIndexOf.js": /*!*************************************************!*\ !*** ./node_modules/lodash-es/_assocIndexOf.js ***! \*************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _eq_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./eq.js */ "./node_modules/lodash-es/eq.js"); /** * Gets the index at which the `key` is found in `array` of key-value pairs. * * @private * @param {Array} array The array to inspect. * @param {*} key The key to search for. * @returns {number} Returns the index of the matched value, else `-1`. */ function assocIndexOf(array, key) { var length = array.length; while (length--) { if ((0,_eq_js__WEBPACK_IMPORTED_MODULE_0__["default"])(array[length][0], key)) { return length; } } return -1; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (assocIndexOf); /***/ }), /***/ "./node_modules/lodash-es/_baseAggregator.js": /*!***************************************************!*\ !*** ./node_modules/lodash-es/_baseAggregator.js ***! \***************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _baseEach_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_baseEach.js */ "./node_modules/lodash-es/_baseEach.js"); /** * Aggregates elements of `collection` on `accumulator` with keys transformed * by `iteratee` and values set by `setter`. * * @private * @param {Array|Object} collection The collection to iterate over. * @param {Function} setter The function to set `accumulator` values. * @param {Function} iteratee The iteratee to transform keys. * @param {Object} accumulator The initial aggregated object. * @returns {Function} Returns `accumulator`. */ function baseAggregator(collection, setter, iteratee, accumulator) { (0,_baseEach_js__WEBPACK_IMPORTED_MODULE_0__["default"])(collection, function(value, key, collection) { setter(accumulator, value, iteratee(value), collection); }); return accumulator; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (baseAggregator); /***/ }), /***/ "./node_modules/lodash-es/_baseAssign.js": /*!***********************************************!*\ !*** ./node_modules/lodash-es/_baseAssign.js ***! \***********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _copyObject_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_copyObject.js */ "./node_modules/lodash-es/_copyObject.js"); /* harmony import */ var _keys_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./keys.js */ "./node_modules/lodash-es/keys.js"); /** * The base implementation of `_.assign` without support for multiple sources * or `customizer` functions. * * @private * @param {Object} object The destination object. * @param {Object} source The source object. * @returns {Object} Returns `object`. */ function baseAssign(object, source) { return object && (0,_copyObject_js__WEBPACK_IMPORTED_MODULE_0__["default"])(source, (0,_keys_js__WEBPACK_IMPORTED_MODULE_1__["default"])(source), object); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (baseAssign); /***/ }), /***/ "./node_modules/lodash-es/_baseAssignIn.js": /*!*************************************************!*\ !*** ./node_modules/lodash-es/_baseAssignIn.js ***! \*************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _copyObject_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_copyObject.js */ "./node_modules/lodash-es/_copyObject.js"); /* harmony import */ var _keysIn_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./keysIn.js */ "./node_modules/lodash-es/keysIn.js"); /** * The base implementation of `_.assignIn` without support for multiple sources * or `customizer` functions. * * @private * @param {Object} object The destination object. * @param {Object} source The source object. * @returns {Object} Returns `object`. */ function baseAssignIn(object, source) { return object && (0,_copyObject_js__WEBPACK_IMPORTED_MODULE_0__["default"])(source, (0,_keysIn_js__WEBPACK_IMPORTED_MODULE_1__["default"])(source), object); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (baseAssignIn); /***/ }), /***/ "./node_modules/lodash-es/_baseAssignValue.js": /*!****************************************************!*\ !*** ./node_modules/lodash-es/_baseAssignValue.js ***! \****************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _defineProperty_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_defineProperty.js */ "./node_modules/lodash-es/_defineProperty.js"); /** * The base implementation of `assignValue` and `assignMergeValue` without * value checks. * * @private * @param {Object} object The object to modify. * @param {string} key The key of the property to assign. * @param {*} value The value to assign. */ function baseAssignValue(object, key, value) { if (key == '__proto__' && _defineProperty_js__WEBPACK_IMPORTED_MODULE_0__["default"]) { (0,_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__["default"])(object, key, { 'configurable': true, 'enumerable': true, 'value': value, 'writable': true }); } else { object[key] = value; } } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (baseAssignValue); /***/ }), /***/ "./node_modules/lodash-es/_baseClone.js": /*!**********************************************!*\ !*** ./node_modules/lodash-es/_baseClone.js ***! \**********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _Stack_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./_Stack.js */ "./node_modules/lodash-es/_Stack.js"); /* harmony import */ var _arrayEach_js__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./_arrayEach.js */ "./node_modules/lodash-es/_arrayEach.js"); /* harmony import */ var _assignValue_js__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./_assignValue.js */ "./node_modules/lodash-es/_assignValue.js"); /* harmony import */ var _baseAssign_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./_baseAssign.js */ "./node_modules/lodash-es/_baseAssign.js"); /* harmony import */ var _baseAssignIn_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./_baseAssignIn.js */ "./node_modules/lodash-es/_baseAssignIn.js"); /* harmony import */ var _cloneBuffer_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./_cloneBuffer.js */ "./node_modules/lodash-es/_cloneBuffer.js"); /* harmony import */ var _copyArray_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./_copyArray.js */ "./node_modules/lodash-es/_copyArray.js"); /* harmony import */ var _copySymbols_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./_copySymbols.js */ "./node_modules/lodash-es/_copySymbols.js"); /* harmony import */ var _copySymbolsIn_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./_copySymbolsIn.js */ "./node_modules/lodash-es/_copySymbolsIn.js"); /* harmony import */ var _getAllKeys_js__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./_getAllKeys.js */ "./node_modules/lodash-es/_getAllKeys.js"); /* harmony import */ var _getAllKeysIn_js__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./_getAllKeysIn.js */ "./node_modules/lodash-es/_getAllKeysIn.js"); /* harmony import */ var _getTag_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./_getTag.js */ "./node_modules/lodash-es/_getTag.js"); /* harmony import */ var _initCloneArray_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./_initCloneArray.js */ "./node_modules/lodash-es/_initCloneArray.js"); /* harmony import */ var _initCloneByTag_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./_initCloneByTag.js */ "./node_modules/lodash-es/_initCloneByTag.js"); /* harmony import */ var _initCloneObject_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./_initCloneObject.js */ "./node_modules/lodash-es/_initCloneObject.js"); /* harmony import */ var _isArray_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./isArray.js */ "./node_modules/lodash-es/isArray.js"); /* harmony import */ var _isBuffer_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./isBuffer.js */ "./node_modules/lodash-es/isBuffer.js"); /* harmony import */ var _isMap_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./isMap.js */ "./node_modules/lodash-es/isMap.js"); /* harmony import */ var _isObject_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./isObject.js */ "./node_modules/lodash-es/isObject.js"); /* harmony import */ var _isSet_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./isSet.js */ "./node_modules/lodash-es/isSet.js"); /* harmony import */ var _keys_js__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./keys.js */ "./node_modules/lodash-es/keys.js"); /* harmony import */ var _keysIn_js__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./keysIn.js */ "./node_modules/lodash-es/keysIn.js"); /** Used to compose bitmasks for cloning. */ var CLONE_DEEP_FLAG = 1, CLONE_FLAT_FLAG = 2, CLONE_SYMBOLS_FLAG = 4; /** `Object#toString` result references. */ var argsTag = '[object Arguments]', arrayTag = '[object Array]', boolTag = '[object Boolean]', dateTag = '[object Date]', errorTag = '[object Error]', funcTag = '[object Function]', genTag = '[object GeneratorFunction]', mapTag = '[object Map]', numberTag = '[object Number]', objectTag = '[object Object]', regexpTag = '[object RegExp]', setTag = '[object Set]', stringTag = '[object String]', symbolTag = '[object Symbol]', weakMapTag = '[object WeakMap]'; var arrayBufferTag = '[object ArrayBuffer]', dataViewTag = '[object DataView]', float32Tag = '[object Float32Array]', float64Tag = '[object Float64Array]', int8Tag = '[object Int8Array]', int16Tag = '[object Int16Array]', int32Tag = '[object Int32Array]', uint8Tag = '[object Uint8Array]', uint8ClampedTag = '[object Uint8ClampedArray]', uint16Tag = '[object Uint16Array]', uint32Tag = '[object Uint32Array]'; /** Used to identify `toStringTag` values supported by `_.clone`. */ var cloneableTags = {}; cloneableTags[argsTag] = cloneableTags[arrayTag] = cloneableTags[arrayBufferTag] = cloneableTags[dataViewTag] = cloneableTags[boolTag] = cloneableTags[dateTag] = cloneableTags[float32Tag] = cloneableTags[float64Tag] = cloneableTags[int8Tag] = cloneableTags[int16Tag] = cloneableTags[int32Tag] = cloneableTags[mapTag] = cloneableTags[numberTag] = cloneableTags[objectTag] = cloneableTags[regexpTag] = cloneableTags[setTag] = cloneableTags[stringTag] = cloneableTags[symbolTag] = cloneableTags[uint8Tag] = cloneableTags[uint8ClampedTag] = cloneableTags[uint16Tag] = cloneableTags[uint32Tag] = true; cloneableTags[errorTag] = cloneableTags[funcTag] = cloneableTags[weakMapTag] = false; /** * The base implementation of `_.clone` and `_.cloneDeep` which tracks * traversed objects. * * @private * @param {*} value The value to clone. * @param {boolean} bitmask The bitmask flags. * 1 - Deep clone * 2 - Flatten inherited properties * 4 - Clone symbols * @param {Function} [customizer] The function to customize cloning. * @param {string} [key] The key of `value`. * @param {Object} [object] The parent object of `value`. * @param {Object} [stack] Tracks traversed objects and their clone counterparts. * @returns {*} Returns the cloned value. */ function baseClone(value, bitmask, customizer, key, object, stack) { var result, isDeep = bitmask & CLONE_DEEP_FLAG, isFlat = bitmask & CLONE_FLAT_FLAG, isFull = bitmask & CLONE_SYMBOLS_FLAG; if (customizer) { result = object ? customizer(value, key, object, stack) : customizer(value); } if (result !== undefined) { return result; } if (!(0,_isObject_js__WEBPACK_IMPORTED_MODULE_0__["default"])(value)) { return value; } var isArr = (0,_isArray_js__WEBPACK_IMPORTED_MODULE_1__["default"])(value); if (isArr) { result = (0,_initCloneArray_js__WEBPACK_IMPORTED_MODULE_2__["default"])(value); if (!isDeep) { return (0,_copyArray_js__WEBPACK_IMPORTED_MODULE_3__["default"])(value, result); } } else { var tag = (0,_getTag_js__WEBPACK_IMPORTED_MODULE_4__["default"])(value), isFunc = tag == funcTag || tag == genTag; if ((0,_isBuffer_js__WEBPACK_IMPORTED_MODULE_5__["default"])(value)) { return (0,_cloneBuffer_js__WEBPACK_IMPORTED_MODULE_6__["default"])(value, isDeep); } if (tag == objectTag || tag == argsTag || (isFunc && !object)) { result = (isFlat || isFunc) ? {} : (0,_initCloneObject_js__WEBPACK_IMPORTED_MODULE_7__["default"])(value); if (!isDeep) { return isFlat ? (0,_copySymbolsIn_js__WEBPACK_IMPORTED_MODULE_8__["default"])(value, (0,_baseAssignIn_js__WEBPACK_IMPORTED_MODULE_9__["default"])(result, value)) : (0,_copySymbols_js__WEBPACK_IMPORTED_MODULE_10__["default"])(value, (0,_baseAssign_js__WEBPACK_IMPORTED_MODULE_11__["default"])(result, value)); } } else { if (!cloneableTags[tag]) { return object ? value : {}; } result = (0,_initCloneByTag_js__WEBPACK_IMPORTED_MODULE_12__["default"])(value, tag, isDeep); } } // Check for circular references and return its corresponding clone. stack || (stack = new _Stack_js__WEBPACK_IMPORTED_MODULE_13__["default"]); var stacked = stack.get(value); if (stacked) { return stacked; } stack.set(value, result); if ((0,_isSet_js__WEBPACK_IMPORTED_MODULE_14__["default"])(value)) { value.forEach(function(subValue) { result.add(baseClone(subValue, bitmask, customizer, subValue, value, stack)); }); } else if ((0,_isMap_js__WEBPACK_IMPORTED_MODULE_15__["default"])(value)) { value.forEach(function(subValue, key) { result.set(key, baseClone(subValue, bitmask, customizer, key, value, stack)); }); } var keysFunc = isFull ? (isFlat ? _getAllKeysIn_js__WEBPACK_IMPORTED_MODULE_16__["default"] : _getAllKeys_js__WEBPACK_IMPORTED_MODULE_17__["default"]) : (isFlat ? _keysIn_js__WEBPACK_IMPORTED_MODULE_18__["default"] : _keys_js__WEBPACK_IMPORTED_MODULE_19__["default"]); var props = isArr ? undefined : keysFunc(value); (0,_arrayEach_js__WEBPACK_IMPORTED_MODULE_20__["default"])(props || value, function(subValue, key) { if (props) { key = subValue; subValue = value[key]; } // Recursively populate clone (susceptible to call stack limits). (0,_assignValue_js__WEBPACK_IMPORTED_MODULE_21__["default"])(result, key, baseClone(subValue, bitmask, customizer, key, value, stack)); }); return result; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (baseClone); /***/ }), /***/ "./node_modules/lodash-es/_baseCreate.js": /*!***********************************************!*\ !*** ./node_modules/lodash-es/_baseCreate.js ***! \***********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _isObject_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./isObject.js */ "./node_modules/lodash-es/isObject.js"); /** Built-in value references. */ var objectCreate = Object.create; /** * The base implementation of `_.create` without support for assigning * properties to the created object. * * @private * @param {Object} proto The object to inherit from. * @returns {Object} Returns the new object. */ var baseCreate = (function() { function object() {} return function(proto) { if (!(0,_isObject_js__WEBPACK_IMPORTED_MODULE_0__["default"])(proto)) { return {}; } if (objectCreate) { return objectCreate(proto); } object.prototype = proto; var result = new object; object.prototype = undefined; return result; }; }()); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (baseCreate); /***/ }), /***/ "./node_modules/lodash-es/_baseEach.js": /*!*********************************************!*\ !*** ./node_modules/lodash-es/_baseEach.js ***! \*********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _baseForOwn_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_baseForOwn.js */ "./node_modules/lodash-es/_baseForOwn.js"); /* harmony import */ var _createBaseEach_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_createBaseEach.js */ "./node_modules/lodash-es/_createBaseEach.js"); /** * The base implementation of `_.forEach` without support for iteratee shorthands. * * @private * @param {Array|Object} collection The collection to iterate over. * @param {Function} iteratee The function invoked per iteration. * @returns {Array|Object} Returns `collection`. */ var baseEach = (0,_createBaseEach_js__WEBPACK_IMPORTED_MODULE_0__["default"])(_baseForOwn_js__WEBPACK_IMPORTED_MODULE_1__["default"]); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (baseEach); /***/ }), /***/ "./node_modules/lodash-es/_baseFindIndex.js": /*!**************************************************!*\ !*** ./node_modules/lodash-es/_baseFindIndex.js ***! \**************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /** * The base implementation of `_.findIndex` and `_.findLastIndex` without * support for iteratee shorthands. * * @private * @param {Array} array The array to inspect. * @param {Function} predicate The function invoked per iteration. * @param {number} fromIndex The index to search from. * @param {boolean} [fromRight] Specify iterating from right to left. * @returns {number} Returns the index of the matched value, else `-1`. */ function baseFindIndex(array, predicate, fromIndex, fromRight) { var length = array.length, index = fromIndex + (fromRight ? 1 : -1); while ((fromRight ? index-- : ++index < length)) { if (predicate(array[index], index, array)) { return index; } } return -1; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (baseFindIndex); /***/ }), /***/ "./node_modules/lodash-es/_baseFlatten.js": /*!************************************************!*\ !*** ./node_modules/lodash-es/_baseFlatten.js ***! \************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _arrayPush_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_arrayPush.js */ "./node_modules/lodash-es/_arrayPush.js"); /* harmony import */ var _isFlattenable_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_isFlattenable.js */ "./node_modules/lodash-es/_isFlattenable.js"); /** * The base implementation of `_.flatten` with support for restricting flattening. * * @private * @param {Array} array The array to flatten. * @param {number} depth The maximum recursion depth. * @param {boolean} [predicate=isFlattenable] The function invoked per iteration. * @param {boolean} [isStrict] Restrict to values that pass `predicate` checks. * @param {Array} [result=[]] The initial result value. * @returns {Array} Returns the new flattened array. */ function baseFlatten(array, depth, predicate, isStrict, result) { var index = -1, length = array.length; predicate || (predicate = _isFlattenable_js__WEBPACK_IMPORTED_MODULE_0__["default"]); result || (result = []); while (++index < length) { var value = array[index]; if (depth > 0 && predicate(value)) { if (depth > 1) { // Recursively flatten arrays (susceptible to call stack limits). baseFlatten(value, depth - 1, predicate, isStrict, result); } else { (0,_arrayPush_js__WEBPACK_IMPORTED_MODULE_1__["default"])(result, value); } } else if (!isStrict) { result[result.length] = value; } } return result; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (baseFlatten); /***/ }), /***/ "./node_modules/lodash-es/_baseFor.js": /*!********************************************!*\ !*** ./node_modules/lodash-es/_baseFor.js ***! \********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _createBaseFor_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_createBaseFor.js */ "./node_modules/lodash-es/_createBaseFor.js"); /** * The base implementation of `baseForOwn` which iterates over `object` * properties returned by `keysFunc` and invokes `iteratee` for each property. * Iteratee functions may exit iteration early by explicitly returning `false`. * * @private * @param {Object} object The object to iterate over. * @param {Function} iteratee The function invoked per iteration. * @param {Function} keysFunc The function to get the keys of `object`. * @returns {Object} Returns `object`. */ var baseFor = (0,_createBaseFor_js__WEBPACK_IMPORTED_MODULE_0__["default"])(); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (baseFor); /***/ }), /***/ "./node_modules/lodash-es/_baseForOwn.js": /*!***********************************************!*\ !*** ./node_modules/lodash-es/_baseForOwn.js ***! \***********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _baseFor_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_baseFor.js */ "./node_modules/lodash-es/_baseFor.js"); /* harmony import */ var _keys_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./keys.js */ "./node_modules/lodash-es/keys.js"); /** * The base implementation of `_.forOwn` without support for iteratee shorthands. * * @private * @param {Object} object The object to iterate over. * @param {Function} iteratee The function invoked per iteration. * @returns {Object} Returns `object`. */ function baseForOwn(object, iteratee) { return object && (0,_baseFor_js__WEBPACK_IMPORTED_MODULE_0__["default"])(object, iteratee, _keys_js__WEBPACK_IMPORTED_MODULE_1__["default"]); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (baseForOwn); /***/ }), /***/ "./node_modules/lodash-es/_baseGet.js": /*!********************************************!*\ !*** ./node_modules/lodash-es/_baseGet.js ***! \********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _castPath_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_castPath.js */ "./node_modules/lodash-es/_castPath.js"); /* harmony import */ var _toKey_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_toKey.js */ "./node_modules/lodash-es/_toKey.js"); /** * The base implementation of `_.get` without support for default values. * * @private * @param {Object} object The object to query. * @param {Array|string} path The path of the property to get. * @returns {*} Returns the resolved value. */ function baseGet(object, path) { path = (0,_castPath_js__WEBPACK_IMPORTED_MODULE_0__["default"])(path, object); var index = 0, length = path.length; while (object != null && index < length) { object = object[(0,_toKey_js__WEBPACK_IMPORTED_MODULE_1__["default"])(path[index++])]; } return (index && index == length) ? object : undefined; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (baseGet); /***/ }), /***/ "./node_modules/lodash-es/_baseGetAllKeys.js": /*!***************************************************!*\ !*** ./node_modules/lodash-es/_baseGetAllKeys.js ***! \***************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _arrayPush_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_arrayPush.js */ "./node_modules/lodash-es/_arrayPush.js"); /* harmony import */ var _isArray_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./isArray.js */ "./node_modules/lodash-es/isArray.js"); /** * The base implementation of `getAllKeys` and `getAllKeysIn` which uses * `keysFunc` and `symbolsFunc` to get the enumerable property names and * symbols of `object`. * * @private * @param {Object} object The object to query. * @param {Function} keysFunc The function to get the keys of `object`. * @param {Function} symbolsFunc The function to get the symbols of `object`. * @returns {Array} Returns the array of property names and symbols. */ function baseGetAllKeys(object, keysFunc, symbolsFunc) { var result = keysFunc(object); return (0,_isArray_js__WEBPACK_IMPORTED_MODULE_0__["default"])(object) ? result : (0,_arrayPush_js__WEBPACK_IMPORTED_MODULE_1__["default"])(result, symbolsFunc(object)); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (baseGetAllKeys); /***/ }), /***/ "./node_modules/lodash-es/_baseGetTag.js": /*!***********************************************!*\ !*** ./node_modules/lodash-es/_baseGetTag.js ***! \***********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _Symbol_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_Symbol.js */ "./node_modules/lodash-es/_Symbol.js"); /* harmony import */ var _getRawTag_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_getRawTag.js */ "./node_modules/lodash-es/_getRawTag.js"); /* harmony import */ var _objectToString_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./_objectToString.js */ "./node_modules/lodash-es/_objectToString.js"); /** `Object#toString` result references. */ var nullTag = '[object Null]', undefinedTag = '[object Undefined]'; /** Built-in value references. */ var symToStringTag = _Symbol_js__WEBPACK_IMPORTED_MODULE_0__["default"] ? _Symbol_js__WEBPACK_IMPORTED_MODULE_0__["default"].toStringTag : undefined; /** * The base implementation of `getTag` without fallbacks for buggy environments. * * @private * @param {*} value The value to query. * @returns {string} Returns the `toStringTag`. */ function baseGetTag(value) { if (value == null) { return value === undefined ? undefinedTag : nullTag; } return (symToStringTag && symToStringTag in Object(value)) ? (0,_getRawTag_js__WEBPACK_IMPORTED_MODULE_1__["default"])(value) : (0,_objectToString_js__WEBPACK_IMPORTED_MODULE_2__["default"])(value); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (baseGetTag); /***/ }), /***/ "./node_modules/lodash-es/_baseHasIn.js": /*!**********************************************!*\ !*** ./node_modules/lodash-es/_baseHasIn.js ***! \**********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /** * The base implementation of `_.hasIn` without support for deep paths. * * @private * @param {Object} [object] The object to query. * @param {Array|string} key The key to check. * @returns {boolean} Returns `true` if `key` exists, else `false`. */ function baseHasIn(object, key) { return object != null && key in Object(object); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (baseHasIn); /***/ }), /***/ "./node_modules/lodash-es/_baseIndexOf.js": /*!************************************************!*\ !*** ./node_modules/lodash-es/_baseIndexOf.js ***! \************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _baseFindIndex_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_baseFindIndex.js */ "./node_modules/lodash-es/_baseFindIndex.js"); /* harmony import */ var _baseIsNaN_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./_baseIsNaN.js */ "./node_modules/lodash-es/_baseIsNaN.js"); /* harmony import */ var _strictIndexOf_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_strictIndexOf.js */ "./node_modules/lodash-es/_strictIndexOf.js"); /** * The base implementation of `_.indexOf` without `fromIndex` bounds checks. * * @private * @param {Array} array The array to inspect. * @param {*} value The value to search for. * @param {number} fromIndex The index to search from. * @returns {number} Returns the index of the matched value, else `-1`. */ function baseIndexOf(array, value, fromIndex) { return value === value ? (0,_strictIndexOf_js__WEBPACK_IMPORTED_MODULE_0__["default"])(array, value, fromIndex) : (0,_baseFindIndex_js__WEBPACK_IMPORTED_MODULE_1__["default"])(array, _baseIsNaN_js__WEBPACK_IMPORTED_MODULE_2__["default"], fromIndex); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (baseIndexOf); /***/ }), /***/ "./node_modules/lodash-es/_baseIntersection.js": /*!*****************************************************!*\ !*** ./node_modules/lodash-es/_baseIntersection.js ***! \*****************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _SetCache_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./_SetCache.js */ "./node_modules/lodash-es/_SetCache.js"); /* harmony import */ var _arrayIncludes_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_arrayIncludes.js */ "./node_modules/lodash-es/_arrayIncludes.js"); /* harmony import */ var _arrayIncludesWith_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_arrayIncludesWith.js */ "./node_modules/lodash-es/_arrayIncludesWith.js"); /* harmony import */ var _arrayMap_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./_arrayMap.js */ "./node_modules/lodash-es/_arrayMap.js"); /* harmony import */ var _baseUnary_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./_baseUnary.js */ "./node_modules/lodash-es/_baseUnary.js"); /* harmony import */ var _cacheHas_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./_cacheHas.js */ "./node_modules/lodash-es/_cacheHas.js"); /* Built-in method references for those with the same name as other `lodash` methods. */ var nativeMin = Math.min; /** * The base implementation of methods like `_.intersection`, without support * for iteratee shorthands, that accepts an array of arrays to inspect. * * @private * @param {Array} arrays The arrays to inspect. * @param {Function} [iteratee] The iteratee invoked per element. * @param {Function} [comparator] The comparator invoked per element. * @returns {Array} Returns the new array of shared values. */ function baseIntersection(arrays, iteratee, comparator) { var includes = comparator ? _arrayIncludesWith_js__WEBPACK_IMPORTED_MODULE_0__["default"] : _arrayIncludes_js__WEBPACK_IMPORTED_MODULE_1__["default"], length = arrays[0].length, othLength = arrays.length, othIndex = othLength, caches = Array(othLength), maxLength = Infinity, result = []; while (othIndex--) { var array = arrays[othIndex]; if (othIndex && iteratee) { array = (0,_arrayMap_js__WEBPACK_IMPORTED_MODULE_2__["default"])(array, (0,_baseUnary_js__WEBPACK_IMPORTED_MODULE_3__["default"])(iteratee)); } maxLength = nativeMin(array.length, maxLength); caches[othIndex] = !comparator && (iteratee || (length >= 120 && array.length >= 120)) ? new _SetCache_js__WEBPACK_IMPORTED_MODULE_4__["default"](othIndex && array) : undefined; } array = arrays[0]; var index = -1, seen = caches[0]; outer: while (++index < length && result.length < maxLength) { var value = array[index], computed = iteratee ? iteratee(value) : value; value = (comparator || value !== 0) ? value : 0; if (!(seen ? (0,_cacheHas_js__WEBPACK_IMPORTED_MODULE_5__["default"])(seen, computed) : includes(result, computed, comparator) )) { othIndex = othLength; while (--othIndex) { var cache = caches[othIndex]; if (!(cache ? (0,_cacheHas_js__WEBPACK_IMPORTED_MODULE_5__["default"])(cache, computed) : includes(arrays[othIndex], computed, comparator)) ) { continue outer; } } if (seen) { seen.push(computed); } result.push(value); } } return result; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (baseIntersection); /***/ }), /***/ "./node_modules/lodash-es/_baseIsArguments.js": /*!****************************************************!*\ !*** ./node_modules/lodash-es/_baseIsArguments.js ***! \****************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _baseGetTag_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_baseGetTag.js */ "./node_modules/lodash-es/_baseGetTag.js"); /* harmony import */ var _isObjectLike_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./isObjectLike.js */ "./node_modules/lodash-es/isObjectLike.js"); /** `Object#toString` result references. */ var argsTag = '[object Arguments]'; /** * The base implementation of `_.isArguments`. * * @private * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is an `arguments` object, */ function baseIsArguments(value) { return (0,_isObjectLike_js__WEBPACK_IMPORTED_MODULE_0__["default"])(value) && (0,_baseGetTag_js__WEBPACK_IMPORTED_MODULE_1__["default"])(value) == argsTag; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (baseIsArguments); /***/ }), /***/ "./node_modules/lodash-es/_baseIsEqual.js": /*!************************************************!*\ !*** ./node_modules/lodash-es/_baseIsEqual.js ***! \************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _baseIsEqualDeep_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_baseIsEqualDeep.js */ "./node_modules/lodash-es/_baseIsEqualDeep.js"); /* harmony import */ var _isObjectLike_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./isObjectLike.js */ "./node_modules/lodash-es/isObjectLike.js"); /** * The base implementation of `_.isEqual` which supports partial comparisons * and tracks traversed objects. * * @private * @param {*} value The value to compare. * @param {*} other The other value to compare. * @param {boolean} bitmask The bitmask flags. * 1 - Unordered comparison * 2 - Partial comparison * @param {Function} [customizer] The function to customize comparisons. * @param {Object} [stack] Tracks traversed `value` and `other` objects. * @returns {boolean} Returns `true` if the values are equivalent, else `false`. */ function baseIsEqual(value, other, bitmask, customizer, stack) { if (value === other) { return true; } if (value == null || other == null || (!(0,_isObjectLike_js__WEBPACK_IMPORTED_MODULE_0__["default"])(value) && !(0,_isObjectLike_js__WEBPACK_IMPORTED_MODULE_0__["default"])(other))) { return value !== value && other !== other; } return (0,_baseIsEqualDeep_js__WEBPACK_IMPORTED_MODULE_1__["default"])(value, other, bitmask, customizer, baseIsEqual, stack); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (baseIsEqual); /***/ }), /***/ "./node_modules/lodash-es/_baseIsEqualDeep.js": /*!****************************************************!*\ !*** ./node_modules/lodash-es/_baseIsEqualDeep.js ***! \****************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _Stack_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./_Stack.js */ "./node_modules/lodash-es/_Stack.js"); /* harmony import */ var _equalArrays_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./_equalArrays.js */ "./node_modules/lodash-es/_equalArrays.js"); /* harmony import */ var _equalByTag_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./_equalByTag.js */ "./node_modules/lodash-es/_equalByTag.js"); /* harmony import */ var _equalObjects_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./_equalObjects.js */ "./node_modules/lodash-es/_equalObjects.js"); /* harmony import */ var _getTag_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_getTag.js */ "./node_modules/lodash-es/_getTag.js"); /* harmony import */ var _isArray_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./isArray.js */ "./node_modules/lodash-es/isArray.js"); /* harmony import */ var _isBuffer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./isBuffer.js */ "./node_modules/lodash-es/isBuffer.js"); /* harmony import */ var _isTypedArray_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./isTypedArray.js */ "./node_modules/lodash-es/isTypedArray.js"); /** Used to compose bitmasks for value comparisons. */ var COMPARE_PARTIAL_FLAG = 1; /** `Object#toString` result references. */ var argsTag = '[object Arguments]', arrayTag = '[object Array]', objectTag = '[object Object]'; /** Used for built-in method references. */ var objectProto = Object.prototype; /** Used to check objects for own properties. */ var hasOwnProperty = objectProto.hasOwnProperty; /** * A specialized version of `baseIsEqual` for arrays and objects which performs * deep comparisons and tracks traversed objects enabling objects with circular * references to be compared. * * @private * @param {Object} object The object to compare. * @param {Object} other The other object to compare. * @param {number} bitmask The bitmask flags. See `baseIsEqual` for more details. * @param {Function} customizer The function to customize comparisons. * @param {Function} equalFunc The function to determine equivalents of values. * @param {Object} [stack] Tracks traversed `object` and `other` objects. * @returns {boolean} Returns `true` if the objects are equivalent, else `false`. */ function baseIsEqualDeep(object, other, bitmask, customizer, equalFunc, stack) { var objIsArr = (0,_isArray_js__WEBPACK_IMPORTED_MODULE_0__["default"])(object), othIsArr = (0,_isArray_js__WEBPACK_IMPORTED_MODULE_0__["default"])(other), objTag = objIsArr ? arrayTag : (0,_getTag_js__WEBPACK_IMPORTED_MODULE_1__["default"])(object), othTag = othIsArr ? arrayTag : (0,_getTag_js__WEBPACK_IMPORTED_MODULE_1__["default"])(other); objTag = objTag == argsTag ? objectTag : objTag; othTag = othTag == argsTag ? objectTag : othTag; var objIsObj = objTag == objectTag, othIsObj = othTag == objectTag, isSameTag = objTag == othTag; if (isSameTag && (0,_isBuffer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(object)) { if (!(0,_isBuffer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(other)) { return false; } objIsArr = true; objIsObj = false; } if (isSameTag && !objIsObj) { stack || (stack = new _Stack_js__WEBPACK_IMPORTED_MODULE_3__["default"]); return (objIsArr || (0,_isTypedArray_js__WEBPACK_IMPORTED_MODULE_4__["default"])(object)) ? (0,_equalArrays_js__WEBPACK_IMPORTED_MODULE_5__["default"])(object, other, bitmask, customizer, equalFunc, stack) : (0,_equalByTag_js__WEBPACK_IMPORTED_MODULE_6__["default"])(object, other, objTag, bitmask, customizer, equalFunc, stack); } if (!(bitmask & COMPARE_PARTIAL_FLAG)) { var objIsWrapped = objIsObj && hasOwnProperty.call(object, '__wrapped__'), othIsWrapped = othIsObj && hasOwnProperty.call(other, '__wrapped__'); if (objIsWrapped || othIsWrapped) { var objUnwrapped = objIsWrapped ? object.value() : object, othUnwrapped = othIsWrapped ? other.value() : other; stack || (stack = new _Stack_js__WEBPACK_IMPORTED_MODULE_3__["default"]); return equalFunc(objUnwrapped, othUnwrapped, bitmask, customizer, stack); } } if (!isSameTag) { return false; } stack || (stack = new _Stack_js__WEBPACK_IMPORTED_MODULE_3__["default"]); return (0,_equalObjects_js__WEBPACK_IMPORTED_MODULE_7__["default"])(object, other, bitmask, customizer, equalFunc, stack); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (baseIsEqualDeep); /***/ }), /***/ "./node_modules/lodash-es/_baseIsMap.js": /*!**********************************************!*\ !*** ./node_modules/lodash-es/_baseIsMap.js ***! \**********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _getTag_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_getTag.js */ "./node_modules/lodash-es/_getTag.js"); /* harmony import */ var _isObjectLike_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./isObjectLike.js */ "./node_modules/lodash-es/isObjectLike.js"); /** `Object#toString` result references. */ var mapTag = '[object Map]'; /** * The base implementation of `_.isMap` without Node.js optimizations. * * @private * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is a map, else `false`. */ function baseIsMap(value) { return (0,_isObjectLike_js__WEBPACK_IMPORTED_MODULE_0__["default"])(value) && (0,_getTag_js__WEBPACK_IMPORTED_MODULE_1__["default"])(value) == mapTag; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (baseIsMap); /***/ }), /***/ "./node_modules/lodash-es/_baseIsMatch.js": /*!************************************************!*\ !*** ./node_modules/lodash-es/_baseIsMatch.js ***! \************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _Stack_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_Stack.js */ "./node_modules/lodash-es/_Stack.js"); /* harmony import */ var _baseIsEqual_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_baseIsEqual.js */ "./node_modules/lodash-es/_baseIsEqual.js"); /** Used to compose bitmasks for value comparisons. */ var COMPARE_PARTIAL_FLAG = 1, COMPARE_UNORDERED_FLAG = 2; /** * The base implementation of `_.isMatch` without support for iteratee shorthands. * * @private * @param {Object} object The object to inspect. * @param {Object} source The object of property values to match. * @param {Array} matchData The property names, values, and compare flags to match. * @param {Function} [customizer] The function to customize comparisons. * @returns {boolean} Returns `true` if `object` is a match, else `false`. */ function baseIsMatch(object, source, matchData, customizer) { var index = matchData.length, length = index, noCustomizer = !customizer; if (object == null) { return !length; } object = Object(object); while (index--) { var data = matchData[index]; if ((noCustomizer && data[2]) ? data[1] !== object[data[0]] : !(data[0] in object) ) { return false; } } while (++index < length) { data = matchData[index]; var key = data[0], objValue = object[key], srcValue = data[1]; if (noCustomizer && data[2]) { if (objValue === undefined && !(key in object)) { return false; } } else { var stack = new _Stack_js__WEBPACK_IMPORTED_MODULE_0__["default"]; if (customizer) { var result = customizer(objValue, srcValue, key, object, source, stack); } if (!(result === undefined ? (0,_baseIsEqual_js__WEBPACK_IMPORTED_MODULE_1__["default"])(srcValue, objValue, COMPARE_PARTIAL_FLAG | COMPARE_UNORDERED_FLAG, customizer, stack) : result )) { return false; } } } return true; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (baseIsMatch); /***/ }), /***/ "./node_modules/lodash-es/_baseIsNaN.js": /*!**********************************************!*\ !*** ./node_modules/lodash-es/_baseIsNaN.js ***! \**********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /** * The base implementation of `_.isNaN` without support for number objects. * * @private * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is `NaN`, else `false`. */ function baseIsNaN(value) { return value !== value; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (baseIsNaN); /***/ }), /***/ "./node_modules/lodash-es/_baseIsNative.js": /*!*************************************************!*\ !*** ./node_modules/lodash-es/_baseIsNative.js ***! \*************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _isFunction_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./isFunction.js */ "./node_modules/lodash-es/isFunction.js"); /* harmony import */ var _isMasked_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_isMasked.js */ "./node_modules/lodash-es/_isMasked.js"); /* harmony import */ var _isObject_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./isObject.js */ "./node_modules/lodash-es/isObject.js"); /* harmony import */ var _toSource_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./_toSource.js */ "./node_modules/lodash-es/_toSource.js"); /** * Used to match `RegExp` * [syntax characters](http://ecma-international.org/ecma-262/7.0/#sec-patterns). */ var reRegExpChar = /[\\^$.*+?()[\]{}|]/g; /** Used to detect host constructors (Safari). */ var reIsHostCtor = /^\[object .+?Constructor\]$/; /** Used for built-in method references. */ var funcProto = Function.prototype, objectProto = Object.prototype; /** Used to resolve the decompiled source of functions. */ var funcToString = funcProto.toString; /** Used to check objects for own properties. */ var hasOwnProperty = objectProto.hasOwnProperty; /** Used to detect if a method is native. */ var reIsNative = RegExp('^' + funcToString.call(hasOwnProperty).replace(reRegExpChar, '\\$&') .replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, '$1.*?') + '$' ); /** * The base implementation of `_.isNative` without bad shim checks. * * @private * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is a native function, * else `false`. */ function baseIsNative(value) { if (!(0,_isObject_js__WEBPACK_IMPORTED_MODULE_0__["default"])(value) || (0,_isMasked_js__WEBPACK_IMPORTED_MODULE_1__["default"])(value)) { return false; } var pattern = (0,_isFunction_js__WEBPACK_IMPORTED_MODULE_2__["default"])(value) ? reIsNative : reIsHostCtor; return pattern.test((0,_toSource_js__WEBPACK_IMPORTED_MODULE_3__["default"])(value)); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (baseIsNative); /***/ }), /***/ "./node_modules/lodash-es/_baseIsSet.js": /*!**********************************************!*\ !*** ./node_modules/lodash-es/_baseIsSet.js ***! \**********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _getTag_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_getTag.js */ "./node_modules/lodash-es/_getTag.js"); /* harmony import */ var _isObjectLike_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./isObjectLike.js */ "./node_modules/lodash-es/isObjectLike.js"); /** `Object#toString` result references. */ var setTag = '[object Set]'; /** * The base implementation of `_.isSet` without Node.js optimizations. * * @private * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is a set, else `false`. */ function baseIsSet(value) { return (0,_isObjectLike_js__WEBPACK_IMPORTED_MODULE_0__["default"])(value) && (0,_getTag_js__WEBPACK_IMPORTED_MODULE_1__["default"])(value) == setTag; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (baseIsSet); /***/ }), /***/ "./node_modules/lodash-es/_baseIsTypedArray.js": /*!*****************************************************!*\ !*** ./node_modules/lodash-es/_baseIsTypedArray.js ***! \*****************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _baseGetTag_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./_baseGetTag.js */ "./node_modules/lodash-es/_baseGetTag.js"); /* harmony import */ var _isLength_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./isLength.js */ "./node_modules/lodash-es/isLength.js"); /* harmony import */ var _isObjectLike_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./isObjectLike.js */ "./node_modules/lodash-es/isObjectLike.js"); /** `Object#toString` result references. */ var argsTag = '[object Arguments]', arrayTag = '[object Array]', boolTag = '[object Boolean]', dateTag = '[object Date]', errorTag = '[object Error]', funcTag = '[object Function]', mapTag = '[object Map]', numberTag = '[object Number]', objectTag = '[object Object]', regexpTag = '[object RegExp]', setTag = '[object Set]', stringTag = '[object String]', weakMapTag = '[object WeakMap]'; var arrayBufferTag = '[object ArrayBuffer]', dataViewTag = '[object DataView]', float32Tag = '[object Float32Array]', float64Tag = '[object Float64Array]', int8Tag = '[object Int8Array]', int16Tag = '[object Int16Array]', int32Tag = '[object Int32Array]', uint8Tag = '[object Uint8Array]', uint8ClampedTag = '[object Uint8ClampedArray]', uint16Tag = '[object Uint16Array]', uint32Tag = '[object Uint32Array]'; /** Used to identify `toStringTag` values of typed arrays. */ var typedArrayTags = {}; typedArrayTags[float32Tag] = typedArrayTags[float64Tag] = typedArrayTags[int8Tag] = typedArrayTags[int16Tag] = typedArrayTags[int32Tag] = typedArrayTags[uint8Tag] = typedArrayTags[uint8ClampedTag] = typedArrayTags[uint16Tag] = typedArrayTags[uint32Tag] = true; typedArrayTags[argsTag] = typedArrayTags[arrayTag] = typedArrayTags[arrayBufferTag] = typedArrayTags[boolTag] = typedArrayTags[dataViewTag] = typedArrayTags[dateTag] = typedArrayTags[errorTag] = typedArrayTags[funcTag] = typedArrayTags[mapTag] = typedArrayTags[numberTag] = typedArrayTags[objectTag] = typedArrayTags[regexpTag] = typedArrayTags[setTag] = typedArrayTags[stringTag] = typedArrayTags[weakMapTag] = false; /** * The base implementation of `_.isTypedArray` without Node.js optimizations. * * @private * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is a typed array, else `false`. */ function baseIsTypedArray(value) { return (0,_isObjectLike_js__WEBPACK_IMPORTED_MODULE_0__["default"])(value) && (0,_isLength_js__WEBPACK_IMPORTED_MODULE_1__["default"])(value.length) && !!typedArrayTags[(0,_baseGetTag_js__WEBPACK_IMPORTED_MODULE_2__["default"])(value)]; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (baseIsTypedArray); /***/ }), /***/ "./node_modules/lodash-es/_baseIteratee.js": /*!*************************************************!*\ !*** ./node_modules/lodash-es/_baseIteratee.js ***! \*************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _baseMatches_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./_baseMatches.js */ "./node_modules/lodash-es/_baseMatches.js"); /* harmony import */ var _baseMatchesProperty_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./_baseMatchesProperty.js */ "./node_modules/lodash-es/_baseMatchesProperty.js"); /* harmony import */ var _identity_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./identity.js */ "./node_modules/lodash-es/identity.js"); /* harmony import */ var _isArray_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./isArray.js */ "./node_modules/lodash-es/isArray.js"); /* harmony import */ var _property_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./property.js */ "./node_modules/lodash-es/property.js"); /** * The base implementation of `_.iteratee`. * * @private * @param {*} [value=_.identity] The value to convert to an iteratee. * @returns {Function} Returns the iteratee. */ function baseIteratee(value) { // Don't store the `typeof` result in a variable to avoid a JIT bug in Safari 9. // See https://bugs.webkit.org/show_bug.cgi?id=156034 for more details. if (typeof value == 'function') { return value; } if (value == null) { return _identity_js__WEBPACK_IMPORTED_MODULE_0__["default"]; } if (typeof value == 'object') { return (0,_isArray_js__WEBPACK_IMPORTED_MODULE_1__["default"])(value) ? (0,_baseMatchesProperty_js__WEBPACK_IMPORTED_MODULE_2__["default"])(value[0], value[1]) : (0,_baseMatches_js__WEBPACK_IMPORTED_MODULE_3__["default"])(value); } return (0,_property_js__WEBPACK_IMPORTED_MODULE_4__["default"])(value); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (baseIteratee); /***/ }), /***/ "./node_modules/lodash-es/_baseKeys.js": /*!*********************************************!*\ !*** ./node_modules/lodash-es/_baseKeys.js ***! \*********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _isPrototype_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_isPrototype.js */ "./node_modules/lodash-es/_isPrototype.js"); /* harmony import */ var _nativeKeys_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_nativeKeys.js */ "./node_modules/lodash-es/_nativeKeys.js"); /** Used for built-in method references. */ var objectProto = Object.prototype; /** Used to check objects for own properties. */ var hasOwnProperty = objectProto.hasOwnProperty; /** * The base implementation of `_.keys` which doesn't treat sparse arrays as dense. * * @private * @param {Object} object The object to query. * @returns {Array} Returns the array of property names. */ function baseKeys(object) { if (!(0,_isPrototype_js__WEBPACK_IMPORTED_MODULE_0__["default"])(object)) { return (0,_nativeKeys_js__WEBPACK_IMPORTED_MODULE_1__["default"])(object); } var result = []; for (var key in Object(object)) { if (hasOwnProperty.call(object, key) && key != 'constructor') { result.push(key); } } return result; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (baseKeys); /***/ }), /***/ "./node_modules/lodash-es/_baseKeysIn.js": /*!***********************************************!*\ !*** ./node_modules/lodash-es/_baseKeysIn.js ***! \***********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _isObject_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./isObject.js */ "./node_modules/lodash-es/isObject.js"); /* harmony import */ var _isPrototype_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./_isPrototype.js */ "./node_modules/lodash-es/_isPrototype.js"); /* harmony import */ var _nativeKeysIn_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_nativeKeysIn.js */ "./node_modules/lodash-es/_nativeKeysIn.js"); /** Used for built-in method references. */ var objectProto = Object.prototype; /** Used to check objects for own properties. */ var hasOwnProperty = objectProto.hasOwnProperty; /** * The base implementation of `_.keysIn` which doesn't treat sparse arrays as dense. * * @private * @param {Object} object The object to query. * @returns {Array} Returns the array of property names. */ function baseKeysIn(object) { if (!(0,_isObject_js__WEBPACK_IMPORTED_MODULE_0__["default"])(object)) { return (0,_nativeKeysIn_js__WEBPACK_IMPORTED_MODULE_1__["default"])(object); } var isProto = (0,_isPrototype_js__WEBPACK_IMPORTED_MODULE_2__["default"])(object), result = []; for (var key in object) { if (!(key == 'constructor' && (isProto || !hasOwnProperty.call(object, key)))) { result.push(key); } } return result; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (baseKeysIn); /***/ }), /***/ "./node_modules/lodash-es/_baseMatches.js": /*!************************************************!*\ !*** ./node_modules/lodash-es/_baseMatches.js ***! \************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _baseIsMatch_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./_baseIsMatch.js */ "./node_modules/lodash-es/_baseIsMatch.js"); /* harmony import */ var _getMatchData_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_getMatchData.js */ "./node_modules/lodash-es/_getMatchData.js"); /* harmony import */ var _matchesStrictComparable_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_matchesStrictComparable.js */ "./node_modules/lodash-es/_matchesStrictComparable.js"); /** * The base implementation of `_.matches` which doesn't clone `source`. * * @private * @param {Object} source The object of property values to match. * @returns {Function} Returns the new spec function. */ function baseMatches(source) { var matchData = (0,_getMatchData_js__WEBPACK_IMPORTED_MODULE_0__["default"])(source); if (matchData.length == 1 && matchData[0][2]) { return (0,_matchesStrictComparable_js__WEBPACK_IMPORTED_MODULE_1__["default"])(matchData[0][0], matchData[0][1]); } return function(object) { return object === source || (0,_baseIsMatch_js__WEBPACK_IMPORTED_MODULE_2__["default"])(object, source, matchData); }; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (baseMatches); /***/ }), /***/ "./node_modules/lodash-es/_baseMatchesProperty.js": /*!********************************************************!*\ !*** ./node_modules/lodash-es/_baseMatchesProperty.js ***! \********************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _baseIsEqual_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./_baseIsEqual.js */ "./node_modules/lodash-es/_baseIsEqual.js"); /* harmony import */ var _get_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./get.js */ "./node_modules/lodash-es/get.js"); /* harmony import */ var _hasIn_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./hasIn.js */ "./node_modules/lodash-es/hasIn.js"); /* harmony import */ var _isKey_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_isKey.js */ "./node_modules/lodash-es/_isKey.js"); /* harmony import */ var _isStrictComparable_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_isStrictComparable.js */ "./node_modules/lodash-es/_isStrictComparable.js"); /* harmony import */ var _matchesStrictComparable_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./_matchesStrictComparable.js */ "./node_modules/lodash-es/_matchesStrictComparable.js"); /* harmony import */ var _toKey_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./_toKey.js */ "./node_modules/lodash-es/_toKey.js"); /** Used to compose bitmasks for value comparisons. */ var COMPARE_PARTIAL_FLAG = 1, COMPARE_UNORDERED_FLAG = 2; /** * The base implementation of `_.matchesProperty` which doesn't clone `srcValue`. * * @private * @param {string} path The path of the property to get. * @param {*} srcValue The value to match. * @returns {Function} Returns the new spec function. */ function baseMatchesProperty(path, srcValue) { if ((0,_isKey_js__WEBPACK_IMPORTED_MODULE_0__["default"])(path) && (0,_isStrictComparable_js__WEBPACK_IMPORTED_MODULE_1__["default"])(srcValue)) { return (0,_matchesStrictComparable_js__WEBPACK_IMPORTED_MODULE_2__["default"])((0,_toKey_js__WEBPACK_IMPORTED_MODULE_3__["default"])(path), srcValue); } return function(object) { var objValue = (0,_get_js__WEBPACK_IMPORTED_MODULE_4__["default"])(object, path); return (objValue === undefined && objValue === srcValue) ? (0,_hasIn_js__WEBPACK_IMPORTED_MODULE_5__["default"])(object, path) : (0,_baseIsEqual_js__WEBPACK_IMPORTED_MODULE_6__["default"])(srcValue, objValue, COMPARE_PARTIAL_FLAG | COMPARE_UNORDERED_FLAG); }; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (baseMatchesProperty); /***/ }), /***/ "./node_modules/lodash-es/_basePick.js": /*!*********************************************!*\ !*** ./node_modules/lodash-es/_basePick.js ***! \*********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _basePickBy_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_basePickBy.js */ "./node_modules/lodash-es/_basePickBy.js"); /* harmony import */ var _hasIn_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./hasIn.js */ "./node_modules/lodash-es/hasIn.js"); /** * The base implementation of `_.pick` without support for individual * property identifiers. * * @private * @param {Object} object The source object. * @param {string[]} paths The property paths to pick. * @returns {Object} Returns the new object. */ function basePick(object, paths) { return (0,_basePickBy_js__WEBPACK_IMPORTED_MODULE_0__["default"])(object, paths, function(value, path) { return (0,_hasIn_js__WEBPACK_IMPORTED_MODULE_1__["default"])(object, path); }); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (basePick); /***/ }), /***/ "./node_modules/lodash-es/_basePickBy.js": /*!***********************************************!*\ !*** ./node_modules/lodash-es/_basePickBy.js ***! \***********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _baseGet_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_baseGet.js */ "./node_modules/lodash-es/_baseGet.js"); /* harmony import */ var _baseSet_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_baseSet.js */ "./node_modules/lodash-es/_baseSet.js"); /* harmony import */ var _castPath_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./_castPath.js */ "./node_modules/lodash-es/_castPath.js"); /** * The base implementation of `_.pickBy` without support for iteratee shorthands. * * @private * @param {Object} object The source object. * @param {string[]} paths The property paths to pick. * @param {Function} predicate The function invoked per property. * @returns {Object} Returns the new object. */ function basePickBy(object, paths, predicate) { var index = -1, length = paths.length, result = {}; while (++index < length) { var path = paths[index], value = (0,_baseGet_js__WEBPACK_IMPORTED_MODULE_0__["default"])(object, path); if (predicate(value, path)) { (0,_baseSet_js__WEBPACK_IMPORTED_MODULE_1__["default"])(result, (0,_castPath_js__WEBPACK_IMPORTED_MODULE_2__["default"])(path, object), value); } } return result; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (basePickBy); /***/ }), /***/ "./node_modules/lodash-es/_baseProperty.js": /*!*************************************************!*\ !*** ./node_modules/lodash-es/_baseProperty.js ***! \*************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /** * The base implementation of `_.property` without support for deep paths. * * @private * @param {string} key The key of the property to get. * @returns {Function} Returns the new accessor function. */ function baseProperty(key) { return function(object) { return object == null ? undefined : object[key]; }; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (baseProperty); /***/ }), /***/ "./node_modules/lodash-es/_basePropertyDeep.js": /*!*****************************************************!*\ !*** ./node_modules/lodash-es/_basePropertyDeep.js ***! \*****************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _baseGet_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_baseGet.js */ "./node_modules/lodash-es/_baseGet.js"); /** * A specialized version of `baseProperty` which supports deep paths. * * @private * @param {Array|string} path The path of the property to get. * @returns {Function} Returns the new accessor function. */ function basePropertyDeep(path) { return function(object) { return (0,_baseGet_js__WEBPACK_IMPORTED_MODULE_0__["default"])(object, path); }; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (basePropertyDeep); /***/ }), /***/ "./node_modules/lodash-es/_baseRest.js": /*!*********************************************!*\ !*** ./node_modules/lodash-es/_baseRest.js ***! \*********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _identity_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./identity.js */ "./node_modules/lodash-es/identity.js"); /* harmony import */ var _overRest_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_overRest.js */ "./node_modules/lodash-es/_overRest.js"); /* harmony import */ var _setToString_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_setToString.js */ "./node_modules/lodash-es/_setToString.js"); /** * The base implementation of `_.rest` which doesn't validate or coerce arguments. * * @private * @param {Function} func The function to apply a rest parameter to. * @param {number} [start=func.length-1] The start position of the rest parameter. * @returns {Function} Returns the new function. */ function baseRest(func, start) { return (0,_setToString_js__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_overRest_js__WEBPACK_IMPORTED_MODULE_1__["default"])(func, start, _identity_js__WEBPACK_IMPORTED_MODULE_2__["default"]), func + ''); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (baseRest); /***/ }), /***/ "./node_modules/lodash-es/_baseSet.js": /*!********************************************!*\ !*** ./node_modules/lodash-es/_baseSet.js ***! \********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _assignValue_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./_assignValue.js */ "./node_modules/lodash-es/_assignValue.js"); /* harmony import */ var _castPath_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_castPath.js */ "./node_modules/lodash-es/_castPath.js"); /* harmony import */ var _isIndex_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./_isIndex.js */ "./node_modules/lodash-es/_isIndex.js"); /* harmony import */ var _isObject_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./isObject.js */ "./node_modules/lodash-es/isObject.js"); /* harmony import */ var _toKey_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./_toKey.js */ "./node_modules/lodash-es/_toKey.js"); /** * The base implementation of `_.set`. * * @private * @param {Object} object The object to modify. * @param {Array|string} path The path of the property to set. * @param {*} value The value to set. * @param {Function} [customizer] The function to customize path creation. * @returns {Object} Returns `object`. */ function baseSet(object, path, value, customizer) { if (!(0,_isObject_js__WEBPACK_IMPORTED_MODULE_0__["default"])(object)) { return object; } path = (0,_castPath_js__WEBPACK_IMPORTED_MODULE_1__["default"])(path, object); var index = -1, length = path.length, lastIndex = length - 1, nested = object; while (nested != null && ++index < length) { var key = (0,_toKey_js__WEBPACK_IMPORTED_MODULE_2__["default"])(path[index]), newValue = value; if (key === '__proto__' || key === 'constructor' || key === 'prototype') { return object; } if (index != lastIndex) { var objValue = nested[key]; newValue = customizer ? customizer(objValue, key, nested) : undefined; if (newValue === undefined) { newValue = (0,_isObject_js__WEBPACK_IMPORTED_MODULE_0__["default"])(objValue) ? objValue : ((0,_isIndex_js__WEBPACK_IMPORTED_MODULE_3__["default"])(path[index + 1]) ? [] : {}); } } (0,_assignValue_js__WEBPACK_IMPORTED_MODULE_4__["default"])(nested, key, newValue); nested = nested[key]; } return object; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (baseSet); /***/ }), /***/ "./node_modules/lodash-es/_baseSetToString.js": /*!****************************************************!*\ !*** ./node_modules/lodash-es/_baseSetToString.js ***! \****************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _constant_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./constant.js */ "./node_modules/lodash-es/constant.js"); /* harmony import */ var _defineProperty_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_defineProperty.js */ "./node_modules/lodash-es/_defineProperty.js"); /* harmony import */ var _identity_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./identity.js */ "./node_modules/lodash-es/identity.js"); /** * The base implementation of `setToString` without support for hot loop shorting. * * @private * @param {Function} func The function to modify. * @param {Function} string The `toString` result. * @returns {Function} Returns `func`. */ var baseSetToString = !_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__["default"] ? _identity_js__WEBPACK_IMPORTED_MODULE_1__["default"] : function(func, string) { return (0,_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__["default"])(func, 'toString', { 'configurable': true, 'enumerable': false, 'value': (0,_constant_js__WEBPACK_IMPORTED_MODULE_2__["default"])(string), 'writable': true }); }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (baseSetToString); /***/ }), /***/ "./node_modules/lodash-es/_baseSlice.js": /*!**********************************************!*\ !*** ./node_modules/lodash-es/_baseSlice.js ***! \**********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /** * The base implementation of `_.slice` without an iteratee call guard. * * @private * @param {Array} array The array to slice. * @param {number} [start=0] The start position. * @param {number} [end=array.length] The end position. * @returns {Array} Returns the slice of `array`. */ function baseSlice(array, start, end) { var index = -1, length = array.length; if (start < 0) { start = -start > length ? 0 : (length + start); } end = end > length ? length : end; if (end < 0) { end += length; } length = start > end ? 0 : ((end - start) >>> 0); start >>>= 0; var result = Array(length); while (++index < length) { result[index] = array[index + start]; } return result; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (baseSlice); /***/ }), /***/ "./node_modules/lodash-es/_baseTimes.js": /*!**********************************************!*\ !*** ./node_modules/lodash-es/_baseTimes.js ***! \**********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /** * The base implementation of `_.times` without support for iteratee shorthands * or max array length checks. * * @private * @param {number} n The number of times to invoke `iteratee`. * @param {Function} iteratee The function invoked per iteration. * @returns {Array} Returns the array of results. */ function baseTimes(n, iteratee) { var index = -1, result = Array(n); while (++index < n) { result[index] = iteratee(index); } return result; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (baseTimes); /***/ }), /***/ "./node_modules/lodash-es/_baseToString.js": /*!*************************************************!*\ !*** ./node_modules/lodash-es/_baseToString.js ***! \*************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _Symbol_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_Symbol.js */ "./node_modules/lodash-es/_Symbol.js"); /* harmony import */ var _arrayMap_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./_arrayMap.js */ "./node_modules/lodash-es/_arrayMap.js"); /* harmony import */ var _isArray_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./isArray.js */ "./node_modules/lodash-es/isArray.js"); /* harmony import */ var _isSymbol_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./isSymbol.js */ "./node_modules/lodash-es/isSymbol.js"); /** Used as references for various `Number` constants. */ var INFINITY = 1 / 0; /** Used to convert symbols to primitives and strings. */ var symbolProto = _Symbol_js__WEBPACK_IMPORTED_MODULE_0__["default"] ? _Symbol_js__WEBPACK_IMPORTED_MODULE_0__["default"].prototype : undefined, symbolToString = symbolProto ? symbolProto.toString : undefined; /** * The base implementation of `_.toString` which doesn't convert nullish * values to empty strings. * * @private * @param {*} value The value to process. * @returns {string} Returns the string. */ function baseToString(value) { // Exit early for strings to avoid a performance hit in some environments. if (typeof value == 'string') { return value; } if ((0,_isArray_js__WEBPACK_IMPORTED_MODULE_1__["default"])(value)) { // Recursively convert values (susceptible to call stack limits). return (0,_arrayMap_js__WEBPACK_IMPORTED_MODULE_2__["default"])(value, baseToString) + ''; } if ((0,_isSymbol_js__WEBPACK_IMPORTED_MODULE_3__["default"])(value)) { return symbolToString ? symbolToString.call(value) : ''; } var result = (value + ''); return (result == '0' && (1 / value) == -INFINITY) ? '-0' : result; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (baseToString); /***/ }), /***/ "./node_modules/lodash-es/_baseTrim.js": /*!*********************************************!*\ !*** ./node_modules/lodash-es/_baseTrim.js ***! \*********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _trimmedEndIndex_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_trimmedEndIndex.js */ "./node_modules/lodash-es/_trimmedEndIndex.js"); /** Used to match leading whitespace. */ var reTrimStart = /^\s+/; /** * The base implementation of `_.trim`. * * @private * @param {string} string The string to trim. * @returns {string} Returns the trimmed string. */ function baseTrim(string) { return string ? string.slice(0, (0,_trimmedEndIndex_js__WEBPACK_IMPORTED_MODULE_0__["default"])(string) + 1).replace(reTrimStart, '') : string; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (baseTrim); /***/ }), /***/ "./node_modules/lodash-es/_baseUnary.js": /*!**********************************************!*\ !*** ./node_modules/lodash-es/_baseUnary.js ***! \**********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /** * The base implementation of `_.unary` without support for storing metadata. * * @private * @param {Function} func The function to cap arguments for. * @returns {Function} Returns the new capped function. */ function baseUnary(func) { return function(value) { return func(value); }; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (baseUnary); /***/ }), /***/ "./node_modules/lodash-es/_baseUniq.js": /*!*********************************************!*\ !*** ./node_modules/lodash-es/_baseUniq.js ***! \*********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _SetCache_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./_SetCache.js */ "./node_modules/lodash-es/_SetCache.js"); /* harmony import */ var _arrayIncludes_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_arrayIncludes.js */ "./node_modules/lodash-es/_arrayIncludes.js"); /* harmony import */ var _arrayIncludesWith_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_arrayIncludesWith.js */ "./node_modules/lodash-es/_arrayIncludesWith.js"); /* harmony import */ var _cacheHas_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./_cacheHas.js */ "./node_modules/lodash-es/_cacheHas.js"); /* harmony import */ var _createSet_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./_createSet.js */ "./node_modules/lodash-es/_createSet.js"); /* harmony import */ var _setToArray_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./_setToArray.js */ "./node_modules/lodash-es/_setToArray.js"); /** Used as the size to enable large array optimizations. */ var LARGE_ARRAY_SIZE = 200; /** * The base implementation of `_.uniqBy` without support for iteratee shorthands. * * @private * @param {Array} array The array to inspect. * @param {Function} [iteratee] The iteratee invoked per element. * @param {Function} [comparator] The comparator invoked per element. * @returns {Array} Returns the new duplicate free array. */ function baseUniq(array, iteratee, comparator) { var index = -1, includes = _arrayIncludes_js__WEBPACK_IMPORTED_MODULE_0__["default"], length = array.length, isCommon = true, result = [], seen = result; if (comparator) { isCommon = false; includes = _arrayIncludesWith_js__WEBPACK_IMPORTED_MODULE_1__["default"]; } else if (length >= LARGE_ARRAY_SIZE) { var set = iteratee ? null : (0,_createSet_js__WEBPACK_IMPORTED_MODULE_2__["default"])(array); if (set) { return (0,_setToArray_js__WEBPACK_IMPORTED_MODULE_3__["default"])(set); } isCommon = false; includes = _cacheHas_js__WEBPACK_IMPORTED_MODULE_4__["default"]; seen = new _SetCache_js__WEBPACK_IMPORTED_MODULE_5__["default"]; } else { seen = iteratee ? [] : result; } outer: while (++index < length) { var value = array[index], computed = iteratee ? iteratee(value) : value; value = (comparator || value !== 0) ? value : 0; if (isCommon && computed === computed) { var seenIndex = seen.length; while (seenIndex--) { if (seen[seenIndex] === computed) { continue outer; } } if (iteratee) { seen.push(computed); } result.push(value); } else if (!includes(seen, computed, comparator)) { if (seen !== result) { seen.push(computed); } result.push(value); } } return result; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (baseUniq); /***/ }), /***/ "./node_modules/lodash-es/_baseUnset.js": /*!**********************************************!*\ !*** ./node_modules/lodash-es/_baseUnset.js ***! \**********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _castPath_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_castPath.js */ "./node_modules/lodash-es/_castPath.js"); /* harmony import */ var _last_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./last.js */ "./node_modules/lodash-es/last.js"); /* harmony import */ var _parent_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_parent.js */ "./node_modules/lodash-es/_parent.js"); /* harmony import */ var _toKey_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./_toKey.js */ "./node_modules/lodash-es/_toKey.js"); /** * The base implementation of `_.unset`. * * @private * @param {Object} object The object to modify. * @param {Array|string} path The property path to unset. * @returns {boolean} Returns `true` if the property is deleted, else `false`. */ function baseUnset(object, path) { path = (0,_castPath_js__WEBPACK_IMPORTED_MODULE_0__["default"])(path, object); object = (0,_parent_js__WEBPACK_IMPORTED_MODULE_1__["default"])(object, path); return object == null || delete object[(0,_toKey_js__WEBPACK_IMPORTED_MODULE_2__["default"])((0,_last_js__WEBPACK_IMPORTED_MODULE_3__["default"])(path))]; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (baseUnset); /***/ }), /***/ "./node_modules/lodash-es/_cacheHas.js": /*!*********************************************!*\ !*** ./node_modules/lodash-es/_cacheHas.js ***! \*********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /** * Checks if a `cache` value for `key` exists. * * @private * @param {Object} cache The cache to query. * @param {string} key The key of the entry to check. * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`. */ function cacheHas(cache, key) { return cache.has(key); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (cacheHas); /***/ }), /***/ "./node_modules/lodash-es/_castArrayLikeObject.js": /*!********************************************************!*\ !*** ./node_modules/lodash-es/_castArrayLikeObject.js ***! \********************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _isArrayLikeObject_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./isArrayLikeObject.js */ "./node_modules/lodash-es/isArrayLikeObject.js"); /** * Casts `value` to an empty array if it's not an array like object. * * @private * @param {*} value The value to inspect. * @returns {Array|Object} Returns the cast array-like object. */ function castArrayLikeObject(value) { return (0,_isArrayLikeObject_js__WEBPACK_IMPORTED_MODULE_0__["default"])(value) ? value : []; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (castArrayLikeObject); /***/ }), /***/ "./node_modules/lodash-es/_castPath.js": /*!*********************************************!*\ !*** ./node_modules/lodash-es/_castPath.js ***! \*********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _isArray_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./isArray.js */ "./node_modules/lodash-es/isArray.js"); /* harmony import */ var _isKey_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_isKey.js */ "./node_modules/lodash-es/_isKey.js"); /* harmony import */ var _stringToPath_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./_stringToPath.js */ "./node_modules/lodash-es/_stringToPath.js"); /* harmony import */ var _toString_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./toString.js */ "./node_modules/lodash-es/toString.js"); /** * Casts `value` to a path array if it's not one. * * @private * @param {*} value The value to inspect. * @param {Object} [object] The object to query keys on. * @returns {Array} Returns the cast property path array. */ function castPath(value, object) { if ((0,_isArray_js__WEBPACK_IMPORTED_MODULE_0__["default"])(value)) { return value; } return (0,_isKey_js__WEBPACK_IMPORTED_MODULE_1__["default"])(value, object) ? [value] : (0,_stringToPath_js__WEBPACK_IMPORTED_MODULE_2__["default"])((0,_toString_js__WEBPACK_IMPORTED_MODULE_3__["default"])(value)); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (castPath); /***/ }), /***/ "./node_modules/lodash-es/_cloneArrayBuffer.js": /*!*****************************************************!*\ !*** ./node_modules/lodash-es/_cloneArrayBuffer.js ***! \*****************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _Uint8Array_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_Uint8Array.js */ "./node_modules/lodash-es/_Uint8Array.js"); /** * Creates a clone of `arrayBuffer`. * * @private * @param {ArrayBuffer} arrayBuffer The array buffer to clone. * @returns {ArrayBuffer} Returns the cloned array buffer. */ function cloneArrayBuffer(arrayBuffer) { var result = new arrayBuffer.constructor(arrayBuffer.byteLength); new _Uint8Array_js__WEBPACK_IMPORTED_MODULE_0__["default"](result).set(new _Uint8Array_js__WEBPACK_IMPORTED_MODULE_0__["default"](arrayBuffer)); return result; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (cloneArrayBuffer); /***/ }), /***/ "./node_modules/lodash-es/_cloneBuffer.js": /*!************************************************!*\ !*** ./node_modules/lodash-es/_cloneBuffer.js ***! \************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _root_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_root.js */ "./node_modules/lodash-es/_root.js"); /** Detect free variable `exports`. */ var freeExports = typeof exports == 'object' && exports && !exports.nodeType && exports; /** Detect free variable `module`. */ var freeModule = freeExports && typeof module == 'object' && module && !module.nodeType && module; /** Detect the popular CommonJS extension `module.exports`. */ var moduleExports = freeModule && freeModule.exports === freeExports; /** Built-in value references. */ var Buffer = moduleExports ? _root_js__WEBPACK_IMPORTED_MODULE_0__["default"].Buffer : undefined, allocUnsafe = Buffer ? Buffer.allocUnsafe : undefined; /** * Creates a clone of `buffer`. * * @private * @param {Buffer} buffer The buffer to clone. * @param {boolean} [isDeep] Specify a deep clone. * @returns {Buffer} Returns the cloned buffer. */ function cloneBuffer(buffer, isDeep) { if (isDeep) { return buffer.slice(); } var length = buffer.length, result = allocUnsafe ? allocUnsafe(length) : new buffer.constructor(length); buffer.copy(result); return result; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (cloneBuffer); /***/ }), /***/ "./node_modules/lodash-es/_cloneDataView.js": /*!**************************************************!*\ !*** ./node_modules/lodash-es/_cloneDataView.js ***! \**************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _cloneArrayBuffer_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_cloneArrayBuffer.js */ "./node_modules/lodash-es/_cloneArrayBuffer.js"); /** * Creates a clone of `dataView`. * * @private * @param {Object} dataView The data view to clone. * @param {boolean} [isDeep] Specify a deep clone. * @returns {Object} Returns the cloned data view. */ function cloneDataView(dataView, isDeep) { var buffer = isDeep ? (0,_cloneArrayBuffer_js__WEBPACK_IMPORTED_MODULE_0__["default"])(dataView.buffer) : dataView.buffer; return new dataView.constructor(buffer, dataView.byteOffset, dataView.byteLength); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (cloneDataView); /***/ }), /***/ "./node_modules/lodash-es/_cloneRegExp.js": /*!************************************************!*\ !*** ./node_modules/lodash-es/_cloneRegExp.js ***! \************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /** Used to match `RegExp` flags from their coerced string values. */ var reFlags = /\w*$/; /** * Creates a clone of `regexp`. * * @private * @param {Object} regexp The regexp to clone. * @returns {Object} Returns the cloned regexp. */ function cloneRegExp(regexp) { var result = new regexp.constructor(regexp.source, reFlags.exec(regexp)); result.lastIndex = regexp.lastIndex; return result; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (cloneRegExp); /***/ }), /***/ "./node_modules/lodash-es/_cloneSymbol.js": /*!************************************************!*\ !*** ./node_modules/lodash-es/_cloneSymbol.js ***! \************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _Symbol_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_Symbol.js */ "./node_modules/lodash-es/_Symbol.js"); /** Used to convert symbols to primitives and strings. */ var symbolProto = _Symbol_js__WEBPACK_IMPORTED_MODULE_0__["default"] ? _Symbol_js__WEBPACK_IMPORTED_MODULE_0__["default"].prototype : undefined, symbolValueOf = symbolProto ? symbolProto.valueOf : undefined; /** * Creates a clone of the `symbol` object. * * @private * @param {Object} symbol The symbol object to clone. * @returns {Object} Returns the cloned symbol object. */ function cloneSymbol(symbol) { return symbolValueOf ? Object(symbolValueOf.call(symbol)) : {}; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (cloneSymbol); /***/ }), /***/ "./node_modules/lodash-es/_cloneTypedArray.js": /*!****************************************************!*\ !*** ./node_modules/lodash-es/_cloneTypedArray.js ***! \****************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _cloneArrayBuffer_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_cloneArrayBuffer.js */ "./node_modules/lodash-es/_cloneArrayBuffer.js"); /** * Creates a clone of `typedArray`. * * @private * @param {Object} typedArray The typed array to clone. * @param {boolean} [isDeep] Specify a deep clone. * @returns {Object} Returns the cloned typed array. */ function cloneTypedArray(typedArray, isDeep) { var buffer = isDeep ? (0,_cloneArrayBuffer_js__WEBPACK_IMPORTED_MODULE_0__["default"])(typedArray.buffer) : typedArray.buffer; return new typedArray.constructor(buffer, typedArray.byteOffset, typedArray.length); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (cloneTypedArray); /***/ }), /***/ "./node_modules/lodash-es/_copyArray.js": /*!**********************************************!*\ !*** ./node_modules/lodash-es/_copyArray.js ***! \**********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /** * Copies the values of `source` to `array`. * * @private * @param {Array} source The array to copy values from. * @param {Array} [array=[]] The array to copy values to. * @returns {Array} Returns `array`. */ function copyArray(source, array) { var index = -1, length = source.length; array || (array = Array(length)); while (++index < length) { array[index] = source[index]; } return array; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (copyArray); /***/ }), /***/ "./node_modules/lodash-es/_copyObject.js": /*!***********************************************!*\ !*** ./node_modules/lodash-es/_copyObject.js ***! \***********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _assignValue_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_assignValue.js */ "./node_modules/lodash-es/_assignValue.js"); /* harmony import */ var _baseAssignValue_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_baseAssignValue.js */ "./node_modules/lodash-es/_baseAssignValue.js"); /** * Copies properties of `source` to `object`. * * @private * @param {Object} source The object to copy properties from. * @param {Array} props The property identifiers to copy. * @param {Object} [object={}] The object to copy properties to. * @param {Function} [customizer] The function to customize copied values. * @returns {Object} Returns `object`. */ function copyObject(source, props, object, customizer) { var isNew = !object; object || (object = {}); var index = -1, length = props.length; while (++index < length) { var key = props[index]; var newValue = customizer ? customizer(object[key], source[key], key, object, source) : undefined; if (newValue === undefined) { newValue = source[key]; } if (isNew) { (0,_baseAssignValue_js__WEBPACK_IMPORTED_MODULE_0__["default"])(object, key, newValue); } else { (0,_assignValue_js__WEBPACK_IMPORTED_MODULE_1__["default"])(object, key, newValue); } } return object; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (copyObject); /***/ }), /***/ "./node_modules/lodash-es/_copySymbols.js": /*!************************************************!*\ !*** ./node_modules/lodash-es/_copySymbols.js ***! \************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _copyObject_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_copyObject.js */ "./node_modules/lodash-es/_copyObject.js"); /* harmony import */ var _getSymbols_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_getSymbols.js */ "./node_modules/lodash-es/_getSymbols.js"); /** * Copies own symbols of `source` to `object`. * * @private * @param {Object} source The object to copy symbols from. * @param {Object} [object={}] The object to copy symbols to. * @returns {Object} Returns `object`. */ function copySymbols(source, object) { return (0,_copyObject_js__WEBPACK_IMPORTED_MODULE_0__["default"])(source, (0,_getSymbols_js__WEBPACK_IMPORTED_MODULE_1__["default"])(source), object); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (copySymbols); /***/ }), /***/ "./node_modules/lodash-es/_copySymbolsIn.js": /*!**************************************************!*\ !*** ./node_modules/lodash-es/_copySymbolsIn.js ***! \**************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _copyObject_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_copyObject.js */ "./node_modules/lodash-es/_copyObject.js"); /* harmony import */ var _getSymbolsIn_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_getSymbolsIn.js */ "./node_modules/lodash-es/_getSymbolsIn.js"); /** * Copies own and inherited symbols of `source` to `object`. * * @private * @param {Object} source The object to copy symbols from. * @param {Object} [object={}] The object to copy symbols to. * @returns {Object} Returns `object`. */ function copySymbolsIn(source, object) { return (0,_copyObject_js__WEBPACK_IMPORTED_MODULE_0__["default"])(source, (0,_getSymbolsIn_js__WEBPACK_IMPORTED_MODULE_1__["default"])(source), object); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (copySymbolsIn); /***/ }), /***/ "./node_modules/lodash-es/_coreJsData.js": /*!***********************************************!*\ !*** ./node_modules/lodash-es/_coreJsData.js ***! \***********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _root_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_root.js */ "./node_modules/lodash-es/_root.js"); /** Used to detect overreaching core-js shims. */ var coreJsData = _root_js__WEBPACK_IMPORTED_MODULE_0__["default"]['__core-js_shared__']; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (coreJsData); /***/ }), /***/ "./node_modules/lodash-es/_createAggregator.js": /*!*****************************************************!*\ !*** ./node_modules/lodash-es/_createAggregator.js ***! \*****************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _arrayAggregator_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_arrayAggregator.js */ "./node_modules/lodash-es/_arrayAggregator.js"); /* harmony import */ var _baseAggregator_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./_baseAggregator.js */ "./node_modules/lodash-es/_baseAggregator.js"); /* harmony import */ var _baseIteratee_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./_baseIteratee.js */ "./node_modules/lodash-es/_baseIteratee.js"); /* harmony import */ var _isArray_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./isArray.js */ "./node_modules/lodash-es/isArray.js"); /** * Creates a function like `_.groupBy`. * * @private * @param {Function} setter The function to set accumulator values. * @param {Function} [initializer] The accumulator object initializer. * @returns {Function} Returns the new aggregator function. */ function createAggregator(setter, initializer) { return function(collection, iteratee) { var func = (0,_isArray_js__WEBPACK_IMPORTED_MODULE_0__["default"])(collection) ? _arrayAggregator_js__WEBPACK_IMPORTED_MODULE_1__["default"] : _baseAggregator_js__WEBPACK_IMPORTED_MODULE_2__["default"], accumulator = initializer ? initializer() : {}; return func(collection, setter, (0,_baseIteratee_js__WEBPACK_IMPORTED_MODULE_3__["default"])(iteratee, 2), accumulator); }; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (createAggregator); /***/ }), /***/ "./node_modules/lodash-es/_createBaseEach.js": /*!***************************************************!*\ !*** ./node_modules/lodash-es/_createBaseEach.js ***! \***************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _isArrayLike_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./isArrayLike.js */ "./node_modules/lodash-es/isArrayLike.js"); /** * Creates a `baseEach` or `baseEachRight` function. * * @private * @param {Function} eachFunc The function to iterate over a collection. * @param {boolean} [fromRight] Specify iterating from right to left. * @returns {Function} Returns the new base function. */ function createBaseEach(eachFunc, fromRight) { return function(collection, iteratee) { if (collection == null) { return collection; } if (!(0,_isArrayLike_js__WEBPACK_IMPORTED_MODULE_0__["default"])(collection)) { return eachFunc(collection, iteratee); } var length = collection.length, index = fromRight ? length : -1, iterable = Object(collection); while ((fromRight ? index-- : ++index < length)) { if (iteratee(iterable[index], index, iterable) === false) { break; } } return collection; }; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (createBaseEach); /***/ }), /***/ "./node_modules/lodash-es/_createBaseFor.js": /*!**************************************************!*\ !*** ./node_modules/lodash-es/_createBaseFor.js ***! \**************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /** * Creates a base function for methods like `_.forIn` and `_.forOwn`. * * @private * @param {boolean} [fromRight] Specify iterating from right to left. * @returns {Function} Returns the new base function. */ function createBaseFor(fromRight) { return function(object, iteratee, keysFunc) { var index = -1, iterable = Object(object), props = keysFunc(object), length = props.length; while (length--) { var key = props[fromRight ? length : ++index]; if (iteratee(iterable[key], key, iterable) === false) { break; } } return object; }; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (createBaseFor); /***/ }), /***/ "./node_modules/lodash-es/_createFind.js": /*!***********************************************!*\ !*** ./node_modules/lodash-es/_createFind.js ***! \***********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _baseIteratee_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_baseIteratee.js */ "./node_modules/lodash-es/_baseIteratee.js"); /* harmony import */ var _isArrayLike_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./isArrayLike.js */ "./node_modules/lodash-es/isArrayLike.js"); /* harmony import */ var _keys_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./keys.js */ "./node_modules/lodash-es/keys.js"); /** * Creates a `_.find` or `_.findLast` function. * * @private * @param {Function} findIndexFunc The function to find the collection index. * @returns {Function} Returns the new find function. */ function createFind(findIndexFunc) { return function(collection, predicate, fromIndex) { var iterable = Object(collection); if (!(0,_isArrayLike_js__WEBPACK_IMPORTED_MODULE_0__["default"])(collection)) { var iteratee = (0,_baseIteratee_js__WEBPACK_IMPORTED_MODULE_1__["default"])(predicate, 3); collection = (0,_keys_js__WEBPACK_IMPORTED_MODULE_2__["default"])(collection); predicate = function(key) { return iteratee(iterable[key], key, iterable); }; } var index = findIndexFunc(collection, predicate, fromIndex); return index > -1 ? iterable[iteratee ? collection[index] : index] : undefined; }; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (createFind); /***/ }), /***/ "./node_modules/lodash-es/_createSet.js": /*!**********************************************!*\ !*** ./node_modules/lodash-es/_createSet.js ***! \**********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _Set_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_Set.js */ "./node_modules/lodash-es/_Set.js"); /* harmony import */ var _noop_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./noop.js */ "./node_modules/lodash-es/noop.js"); /* harmony import */ var _setToArray_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_setToArray.js */ "./node_modules/lodash-es/_setToArray.js"); /** Used as references for various `Number` constants. */ var INFINITY = 1 / 0; /** * Creates a set object of `values`. * * @private * @param {Array} values The values to add to the set. * @returns {Object} Returns the new set. */ var createSet = !(_Set_js__WEBPACK_IMPORTED_MODULE_0__["default"] && (1 / (0,_setToArray_js__WEBPACK_IMPORTED_MODULE_1__["default"])(new _Set_js__WEBPACK_IMPORTED_MODULE_0__["default"]([,-0]))[1]) == INFINITY) ? _noop_js__WEBPACK_IMPORTED_MODULE_2__["default"] : function(values) { return new _Set_js__WEBPACK_IMPORTED_MODULE_0__["default"](values); }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (createSet); /***/ }), /***/ "./node_modules/lodash-es/_customOmitClone.js": /*!****************************************************!*\ !*** ./node_modules/lodash-es/_customOmitClone.js ***! \****************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _isPlainObject_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./isPlainObject.js */ "./node_modules/lodash-es/isPlainObject.js"); /** * Used by `_.omit` to customize its `_.cloneDeep` use to only clone plain * objects. * * @private * @param {*} value The value to inspect. * @param {string} key The key of the property to inspect. * @returns {*} Returns the uncloned value or `undefined` to defer cloning to `_.cloneDeep`. */ function customOmitClone(value) { return (0,_isPlainObject_js__WEBPACK_IMPORTED_MODULE_0__["default"])(value) ? undefined : value; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (customOmitClone); /***/ }), /***/ "./node_modules/lodash-es/_defineProperty.js": /*!***************************************************!*\ !*** ./node_modules/lodash-es/_defineProperty.js ***! \***************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _getNative_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_getNative.js */ "./node_modules/lodash-es/_getNative.js"); var defineProperty = (function() { try { var func = (0,_getNative_js__WEBPACK_IMPORTED_MODULE_0__["default"])(Object, 'defineProperty'); func({}, '', {}); return func; } catch (e) {} }()); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (defineProperty); /***/ }), /***/ "./node_modules/lodash-es/_equalArrays.js": /*!************************************************!*\ !*** ./node_modules/lodash-es/_equalArrays.js ***! \************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _SetCache_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_SetCache.js */ "./node_modules/lodash-es/_SetCache.js"); /* harmony import */ var _arraySome_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_arraySome.js */ "./node_modules/lodash-es/_arraySome.js"); /* harmony import */ var _cacheHas_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./_cacheHas.js */ "./node_modules/lodash-es/_cacheHas.js"); /** Used to compose bitmasks for value comparisons. */ var COMPARE_PARTIAL_FLAG = 1, COMPARE_UNORDERED_FLAG = 2; /** * A specialized version of `baseIsEqualDeep` for arrays with support for * partial deep comparisons. * * @private * @param {Array} array The array to compare. * @param {Array} other The other array to compare. * @param {number} bitmask The bitmask flags. See `baseIsEqual` for more details. * @param {Function} customizer The function to customize comparisons. * @param {Function} equalFunc The function to determine equivalents of values. * @param {Object} stack Tracks traversed `array` and `other` objects. * @returns {boolean} Returns `true` if the arrays are equivalent, else `false`. */ function equalArrays(array, other, bitmask, customizer, equalFunc, stack) { var isPartial = bitmask & COMPARE_PARTIAL_FLAG, arrLength = array.length, othLength = other.length; if (arrLength != othLength && !(isPartial && othLength > arrLength)) { return false; } // Check that cyclic values are equal. var arrStacked = stack.get(array); var othStacked = stack.get(other); if (arrStacked && othStacked) { return arrStacked == other && othStacked == array; } var index = -1, result = true, seen = (bitmask & COMPARE_UNORDERED_FLAG) ? new _SetCache_js__WEBPACK_IMPORTED_MODULE_0__["default"] : undefined; stack.set(array, other); stack.set(other, array); // Ignore non-index properties. while (++index < arrLength) { var arrValue = array[index], othValue = other[index]; if (customizer) { var compared = isPartial ? customizer(othValue, arrValue, index, other, array, stack) : customizer(arrValue, othValue, index, array, other, stack); } if (compared !== undefined) { if (compared) { continue; } result = false; break; } // Recursively compare arrays (susceptible to call stack limits). if (seen) { if (!(0,_arraySome_js__WEBPACK_IMPORTED_MODULE_1__["default"])(other, function(othValue, othIndex) { if (!(0,_cacheHas_js__WEBPACK_IMPORTED_MODULE_2__["default"])(seen, othIndex) && (arrValue === othValue || equalFunc(arrValue, othValue, bitmask, customizer, stack))) { return seen.push(othIndex); } })) { result = false; break; } } else if (!( arrValue === othValue || equalFunc(arrValue, othValue, bitmask, customizer, stack) )) { result = false; break; } } stack['delete'](array); stack['delete'](other); return result; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (equalArrays); /***/ }), /***/ "./node_modules/lodash-es/_equalByTag.js": /*!***********************************************!*\ !*** ./node_modules/lodash-es/_equalByTag.js ***! \***********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _Symbol_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_Symbol.js */ "./node_modules/lodash-es/_Symbol.js"); /* harmony import */ var _Uint8Array_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_Uint8Array.js */ "./node_modules/lodash-es/_Uint8Array.js"); /* harmony import */ var _eq_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./eq.js */ "./node_modules/lodash-es/eq.js"); /* harmony import */ var _equalArrays_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./_equalArrays.js */ "./node_modules/lodash-es/_equalArrays.js"); /* harmony import */ var _mapToArray_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./_mapToArray.js */ "./node_modules/lodash-es/_mapToArray.js"); /* harmony import */ var _setToArray_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./_setToArray.js */ "./node_modules/lodash-es/_setToArray.js"); /** Used to compose bitmasks for value comparisons. */ var COMPARE_PARTIAL_FLAG = 1, COMPARE_UNORDERED_FLAG = 2; /** `Object#toString` result references. */ var boolTag = '[object Boolean]', dateTag = '[object Date]', errorTag = '[object Error]', mapTag = '[object Map]', numberTag = '[object Number]', regexpTag = '[object RegExp]', setTag = '[object Set]', stringTag = '[object String]', symbolTag = '[object Symbol]'; var arrayBufferTag = '[object ArrayBuffer]', dataViewTag = '[object DataView]'; /** Used to convert symbols to primitives and strings. */ var symbolProto = _Symbol_js__WEBPACK_IMPORTED_MODULE_0__["default"] ? _Symbol_js__WEBPACK_IMPORTED_MODULE_0__["default"].prototype : undefined, symbolValueOf = symbolProto ? symbolProto.valueOf : undefined; /** * A specialized version of `baseIsEqualDeep` for comparing objects of * the same `toStringTag`. * * **Note:** This function only supports comparing values with tags of * `Boolean`, `Date`, `Error`, `Number`, `RegExp`, or `String`. * * @private * @param {Object} object The object to compare. * @param {Object} other The other object to compare. * @param {string} tag The `toStringTag` of the objects to compare. * @param {number} bitmask The bitmask flags. See `baseIsEqual` for more details. * @param {Function} customizer The function to customize comparisons. * @param {Function} equalFunc The function to determine equivalents of values. * @param {Object} stack Tracks traversed `object` and `other` objects. * @returns {boolean} Returns `true` if the objects are equivalent, else `false`. */ function equalByTag(object, other, tag, bitmask, customizer, equalFunc, stack) { switch (tag) { case dataViewTag: if ((object.byteLength != other.byteLength) || (object.byteOffset != other.byteOffset)) { return false; } object = object.buffer; other = other.buffer; case arrayBufferTag: if ((object.byteLength != other.byteLength) || !equalFunc(new _Uint8Array_js__WEBPACK_IMPORTED_MODULE_1__["default"](object), new _Uint8Array_js__WEBPACK_IMPORTED_MODULE_1__["default"](other))) { return false; } return true; case boolTag: case dateTag: case numberTag: // Coerce booleans to `1` or `0` and dates to milliseconds. // Invalid dates are coerced to `NaN`. return (0,_eq_js__WEBPACK_IMPORTED_MODULE_2__["default"])(+object, +other); case errorTag: return object.name == other.name && object.message == other.message; case regexpTag: case stringTag: // Coerce regexes to strings and treat strings, primitives and objects, // as equal. See http://www.ecma-international.org/ecma-262/7.0/#sec-regexp.prototype.tostring // for more details. return object == (other + ''); case mapTag: var convert = _mapToArray_js__WEBPACK_IMPORTED_MODULE_3__["default"]; case setTag: var isPartial = bitmask & COMPARE_PARTIAL_FLAG; convert || (convert = _setToArray_js__WEBPACK_IMPORTED_MODULE_4__["default"]); if (object.size != other.size && !isPartial) { return false; } // Assume cyclic values are equal. var stacked = stack.get(object); if (stacked) { return stacked == other; } bitmask |= COMPARE_UNORDERED_FLAG; // Recursively compare objects (susceptible to call stack limits). stack.set(object, other); var result = (0,_equalArrays_js__WEBPACK_IMPORTED_MODULE_5__["default"])(convert(object), convert(other), bitmask, customizer, equalFunc, stack); stack['delete'](object); return result; case symbolTag: if (symbolValueOf) { return symbolValueOf.call(object) == symbolValueOf.call(other); } } return false; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (equalByTag); /***/ }), /***/ "./node_modules/lodash-es/_equalObjects.js": /*!*************************************************!*\ !*** ./node_modules/lodash-es/_equalObjects.js ***! \*************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _getAllKeys_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_getAllKeys.js */ "./node_modules/lodash-es/_getAllKeys.js"); /** Used to compose bitmasks for value comparisons. */ var COMPARE_PARTIAL_FLAG = 1; /** Used for built-in method references. */ var objectProto = Object.prototype; /** Used to check objects for own properties. */ var hasOwnProperty = objectProto.hasOwnProperty; /** * A specialized version of `baseIsEqualDeep` for objects with support for * partial deep comparisons. * * @private * @param {Object} object The object to compare. * @param {Object} other The other object to compare. * @param {number} bitmask The bitmask flags. See `baseIsEqual` for more details. * @param {Function} customizer The function to customize comparisons. * @param {Function} equalFunc The function to determine equivalents of values. * @param {Object} stack Tracks traversed `object` and `other` objects. * @returns {boolean} Returns `true` if the objects are equivalent, else `false`. */ function equalObjects(object, other, bitmask, customizer, equalFunc, stack) { var isPartial = bitmask & COMPARE_PARTIAL_FLAG, objProps = (0,_getAllKeys_js__WEBPACK_IMPORTED_MODULE_0__["default"])(object), objLength = objProps.length, othProps = (0,_getAllKeys_js__WEBPACK_IMPORTED_MODULE_0__["default"])(other), othLength = othProps.length; if (objLength != othLength && !isPartial) { return false; } var index = objLength; while (index--) { var key = objProps[index]; if (!(isPartial ? key in other : hasOwnProperty.call(other, key))) { return false; } } // Check that cyclic values are equal. var objStacked = stack.get(object); var othStacked = stack.get(other); if (objStacked && othStacked) { return objStacked == other && othStacked == object; } var result = true; stack.set(object, other); stack.set(other, object); var skipCtor = isPartial; while (++index < objLength) { key = objProps[index]; var objValue = object[key], othValue = other[key]; if (customizer) { var compared = isPartial ? customizer(othValue, objValue, key, other, object, stack) : customizer(objValue, othValue, key, object, other, stack); } // Recursively compare objects (susceptible to call stack limits). if (!(compared === undefined ? (objValue === othValue || equalFunc(objValue, othValue, bitmask, customizer, stack)) : compared )) { result = false; break; } skipCtor || (skipCtor = key == 'constructor'); } if (result && !skipCtor) { var objCtor = object.constructor, othCtor = other.constructor; // Non `Object` object instances with different constructors are not equal. if (objCtor != othCtor && ('constructor' in object && 'constructor' in other) && !(typeof objCtor == 'function' && objCtor instanceof objCtor && typeof othCtor == 'function' && othCtor instanceof othCtor)) { result = false; } } stack['delete'](object); stack['delete'](other); return result; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (equalObjects); /***/ }), /***/ "./node_modules/lodash-es/_flatRest.js": /*!*********************************************!*\ !*** ./node_modules/lodash-es/_flatRest.js ***! \*********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _flatten_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./flatten.js */ "./node_modules/lodash-es/flatten.js"); /* harmony import */ var _overRest_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_overRest.js */ "./node_modules/lodash-es/_overRest.js"); /* harmony import */ var _setToString_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_setToString.js */ "./node_modules/lodash-es/_setToString.js"); /** * A specialized version of `baseRest` which flattens the rest array. * * @private * @param {Function} func The function to apply a rest parameter to. * @returns {Function} Returns the new function. */ function flatRest(func) { return (0,_setToString_js__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_overRest_js__WEBPACK_IMPORTED_MODULE_1__["default"])(func, undefined, _flatten_js__WEBPACK_IMPORTED_MODULE_2__["default"]), func + ''); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (flatRest); /***/ }), /***/ "./node_modules/lodash-es/_freeGlobal.js": /*!***********************************************!*\ !*** ./node_modules/lodash-es/_freeGlobal.js ***! \***********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /** Detect free variable `global` from Node.js. */ var freeGlobal = typeof global == 'object' && global && global.Object === Object && global; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (freeGlobal); /***/ }), /***/ "./node_modules/lodash-es/_getAllKeys.js": /*!***********************************************!*\ !*** ./node_modules/lodash-es/_getAllKeys.js ***! \***********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _baseGetAllKeys_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_baseGetAllKeys.js */ "./node_modules/lodash-es/_baseGetAllKeys.js"); /* harmony import */ var _getSymbols_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./_getSymbols.js */ "./node_modules/lodash-es/_getSymbols.js"); /* harmony import */ var _keys_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./keys.js */ "./node_modules/lodash-es/keys.js"); /** * Creates an array of own enumerable property names and symbols of `object`. * * @private * @param {Object} object The object to query. * @returns {Array} Returns the array of property names and symbols. */ function getAllKeys(object) { return (0,_baseGetAllKeys_js__WEBPACK_IMPORTED_MODULE_0__["default"])(object, _keys_js__WEBPACK_IMPORTED_MODULE_1__["default"], _getSymbols_js__WEBPACK_IMPORTED_MODULE_2__["default"]); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (getAllKeys); /***/ }), /***/ "./node_modules/lodash-es/_getAllKeysIn.js": /*!*************************************************!*\ !*** ./node_modules/lodash-es/_getAllKeysIn.js ***! \*************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _baseGetAllKeys_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_baseGetAllKeys.js */ "./node_modules/lodash-es/_baseGetAllKeys.js"); /* harmony import */ var _getSymbolsIn_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./_getSymbolsIn.js */ "./node_modules/lodash-es/_getSymbolsIn.js"); /* harmony import */ var _keysIn_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./keysIn.js */ "./node_modules/lodash-es/keysIn.js"); /** * Creates an array of own and inherited enumerable property names and * symbols of `object`. * * @private * @param {Object} object The object to query. * @returns {Array} Returns the array of property names and symbols. */ function getAllKeysIn(object) { return (0,_baseGetAllKeys_js__WEBPACK_IMPORTED_MODULE_0__["default"])(object, _keysIn_js__WEBPACK_IMPORTED_MODULE_1__["default"], _getSymbolsIn_js__WEBPACK_IMPORTED_MODULE_2__["default"]); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (getAllKeysIn); /***/ }), /***/ "./node_modules/lodash-es/_getMapData.js": /*!***********************************************!*\ !*** ./node_modules/lodash-es/_getMapData.js ***! \***********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _isKeyable_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_isKeyable.js */ "./node_modules/lodash-es/_isKeyable.js"); /** * Gets the data for `map`. * * @private * @param {Object} map The map to query. * @param {string} key The reference key. * @returns {*} Returns the map data. */ function getMapData(map, key) { var data = map.__data__; return (0,_isKeyable_js__WEBPACK_IMPORTED_MODULE_0__["default"])(key) ? data[typeof key == 'string' ? 'string' : 'hash'] : data.map; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (getMapData); /***/ }), /***/ "./node_modules/lodash-es/_getMatchData.js": /*!*************************************************!*\ !*** ./node_modules/lodash-es/_getMatchData.js ***! \*************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _isStrictComparable_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_isStrictComparable.js */ "./node_modules/lodash-es/_isStrictComparable.js"); /* harmony import */ var _keys_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./keys.js */ "./node_modules/lodash-es/keys.js"); /** * Gets the property names, values, and compare flags of `object`. * * @private * @param {Object} object The object to query. * @returns {Array} Returns the match data of `object`. */ function getMatchData(object) { var result = (0,_keys_js__WEBPACK_IMPORTED_MODULE_0__["default"])(object), length = result.length; while (length--) { var key = result[length], value = object[key]; result[length] = [key, value, (0,_isStrictComparable_js__WEBPACK_IMPORTED_MODULE_1__["default"])(value)]; } return result; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (getMatchData); /***/ }), /***/ "./node_modules/lodash-es/_getNative.js": /*!**********************************************!*\ !*** ./node_modules/lodash-es/_getNative.js ***! \**********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _baseIsNative_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_baseIsNative.js */ "./node_modules/lodash-es/_baseIsNative.js"); /* harmony import */ var _getValue_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_getValue.js */ "./node_modules/lodash-es/_getValue.js"); /** * Gets the native function at `key` of `object`. * * @private * @param {Object} object The object to query. * @param {string} key The key of the method to get. * @returns {*} Returns the function if it's native, else `undefined`. */ function getNative(object, key) { var value = (0,_getValue_js__WEBPACK_IMPORTED_MODULE_0__["default"])(object, key); return (0,_baseIsNative_js__WEBPACK_IMPORTED_MODULE_1__["default"])(value) ? value : undefined; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (getNative); /***/ }), /***/ "./node_modules/lodash-es/_getPrototype.js": /*!*************************************************!*\ !*** ./node_modules/lodash-es/_getPrototype.js ***! \*************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _overArg_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_overArg.js */ "./node_modules/lodash-es/_overArg.js"); /** Built-in value references. */ var getPrototype = (0,_overArg_js__WEBPACK_IMPORTED_MODULE_0__["default"])(Object.getPrototypeOf, Object); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (getPrototype); /***/ }), /***/ "./node_modules/lodash-es/_getRawTag.js": /*!**********************************************!*\ !*** ./node_modules/lodash-es/_getRawTag.js ***! \**********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _Symbol_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_Symbol.js */ "./node_modules/lodash-es/_Symbol.js"); /** Used for built-in method references. */ var objectProto = Object.prototype; /** Used to check objects for own properties. */ var hasOwnProperty = objectProto.hasOwnProperty; /** * Used to resolve the * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring) * of values. */ var nativeObjectToString = objectProto.toString; /** Built-in value references. */ var symToStringTag = _Symbol_js__WEBPACK_IMPORTED_MODULE_0__["default"] ? _Symbol_js__WEBPACK_IMPORTED_MODULE_0__["default"].toStringTag : undefined; /** * A specialized version of `baseGetTag` which ignores `Symbol.toStringTag` values. * * @private * @param {*} value The value to query. * @returns {string} Returns the raw `toStringTag`. */ function getRawTag(value) { var isOwn = hasOwnProperty.call(value, symToStringTag), tag = value[symToStringTag]; try { value[symToStringTag] = undefined; var unmasked = true; } catch (e) {} var result = nativeObjectToString.call(value); if (unmasked) { if (isOwn) { value[symToStringTag] = tag; } else { delete value[symToStringTag]; } } return result; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (getRawTag); /***/ }), /***/ "./node_modules/lodash-es/_getSymbols.js": /*!***********************************************!*\ !*** ./node_modules/lodash-es/_getSymbols.js ***! \***********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _arrayFilter_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_arrayFilter.js */ "./node_modules/lodash-es/_arrayFilter.js"); /* harmony import */ var _stubArray_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./stubArray.js */ "./node_modules/lodash-es/stubArray.js"); /** Used for built-in method references. */ var objectProto = Object.prototype; /** Built-in value references. */ var propertyIsEnumerable = objectProto.propertyIsEnumerable; /* Built-in method references for those with the same name as other `lodash` methods. */ var nativeGetSymbols = Object.getOwnPropertySymbols; /** * Creates an array of the own enumerable symbols of `object`. * * @private * @param {Object} object The object to query. * @returns {Array} Returns the array of symbols. */ var getSymbols = !nativeGetSymbols ? _stubArray_js__WEBPACK_IMPORTED_MODULE_0__["default"] : function(object) { if (object == null) { return []; } object = Object(object); return (0,_arrayFilter_js__WEBPACK_IMPORTED_MODULE_1__["default"])(nativeGetSymbols(object), function(symbol) { return propertyIsEnumerable.call(object, symbol); }); }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (getSymbols); /***/ }), /***/ "./node_modules/lodash-es/_getSymbolsIn.js": /*!*************************************************!*\ !*** ./node_modules/lodash-es/_getSymbolsIn.js ***! \*************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _arrayPush_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_arrayPush.js */ "./node_modules/lodash-es/_arrayPush.js"); /* harmony import */ var _getPrototype_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./_getPrototype.js */ "./node_modules/lodash-es/_getPrototype.js"); /* harmony import */ var _getSymbols_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./_getSymbols.js */ "./node_modules/lodash-es/_getSymbols.js"); /* harmony import */ var _stubArray_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./stubArray.js */ "./node_modules/lodash-es/stubArray.js"); /* Built-in method references for those with the same name as other `lodash` methods. */ var nativeGetSymbols = Object.getOwnPropertySymbols; /** * Creates an array of the own and inherited enumerable symbols of `object`. * * @private * @param {Object} object The object to query. * @returns {Array} Returns the array of symbols. */ var getSymbolsIn = !nativeGetSymbols ? _stubArray_js__WEBPACK_IMPORTED_MODULE_0__["default"] : function(object) { var result = []; while (object) { (0,_arrayPush_js__WEBPACK_IMPORTED_MODULE_1__["default"])(result, (0,_getSymbols_js__WEBPACK_IMPORTED_MODULE_2__["default"])(object)); object = (0,_getPrototype_js__WEBPACK_IMPORTED_MODULE_3__["default"])(object); } return result; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (getSymbolsIn); /***/ }), /***/ "./node_modules/lodash-es/_getTag.js": /*!*******************************************!*\ !*** ./node_modules/lodash-es/_getTag.js ***! \*******************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _DataView_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_DataView.js */ "./node_modules/lodash-es/_DataView.js"); /* harmony import */ var _Map_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./_Map.js */ "./node_modules/lodash-es/_Map.js"); /* harmony import */ var _Promise_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./_Promise.js */ "./node_modules/lodash-es/_Promise.js"); /* harmony import */ var _Set_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./_Set.js */ "./node_modules/lodash-es/_Set.js"); /* harmony import */ var _WeakMap_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./_WeakMap.js */ "./node_modules/lodash-es/_WeakMap.js"); /* harmony import */ var _baseGetTag_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./_baseGetTag.js */ "./node_modules/lodash-es/_baseGetTag.js"); /* harmony import */ var _toSource_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_toSource.js */ "./node_modules/lodash-es/_toSource.js"); /** `Object#toString` result references. */ var mapTag = '[object Map]', objectTag = '[object Object]', promiseTag = '[object Promise]', setTag = '[object Set]', weakMapTag = '[object WeakMap]'; var dataViewTag = '[object DataView]'; /** Used to detect maps, sets, and weakmaps. */ var dataViewCtorString = (0,_toSource_js__WEBPACK_IMPORTED_MODULE_0__["default"])(_DataView_js__WEBPACK_IMPORTED_MODULE_1__["default"]), mapCtorString = (0,_toSource_js__WEBPACK_IMPORTED_MODULE_0__["default"])(_Map_js__WEBPACK_IMPORTED_MODULE_2__["default"]), promiseCtorString = (0,_toSource_js__WEBPACK_IMPORTED_MODULE_0__["default"])(_Promise_js__WEBPACK_IMPORTED_MODULE_3__["default"]), setCtorString = (0,_toSource_js__WEBPACK_IMPORTED_MODULE_0__["default"])(_Set_js__WEBPACK_IMPORTED_MODULE_4__["default"]), weakMapCtorString = (0,_toSource_js__WEBPACK_IMPORTED_MODULE_0__["default"])(_WeakMap_js__WEBPACK_IMPORTED_MODULE_5__["default"]); /** * Gets the `toStringTag` of `value`. * * @private * @param {*} value The value to query. * @returns {string} Returns the `toStringTag`. */ var getTag = _baseGetTag_js__WEBPACK_IMPORTED_MODULE_6__["default"]; // Fallback for data views, maps, sets, and weak maps in IE 11 and promises in Node.js < 6. if ((_DataView_js__WEBPACK_IMPORTED_MODULE_1__["default"] && getTag(new _DataView_js__WEBPACK_IMPORTED_MODULE_1__["default"](new ArrayBuffer(1))) != dataViewTag) || (_Map_js__WEBPACK_IMPORTED_MODULE_2__["default"] && getTag(new _Map_js__WEBPACK_IMPORTED_MODULE_2__["default"]) != mapTag) || (_Promise_js__WEBPACK_IMPORTED_MODULE_3__["default"] && getTag(_Promise_js__WEBPACK_IMPORTED_MODULE_3__["default"].resolve()) != promiseTag) || (_Set_js__WEBPACK_IMPORTED_MODULE_4__["default"] && getTag(new _Set_js__WEBPACK_IMPORTED_MODULE_4__["default"]) != setTag) || (_WeakMap_js__WEBPACK_IMPORTED_MODULE_5__["default"] && getTag(new _WeakMap_js__WEBPACK_IMPORTED_MODULE_5__["default"]) != weakMapTag)) { getTag = function(value) { var result = (0,_baseGetTag_js__WEBPACK_IMPORTED_MODULE_6__["default"])(value), Ctor = result == objectTag ? value.constructor : undefined, ctorString = Ctor ? (0,_toSource_js__WEBPACK_IMPORTED_MODULE_0__["default"])(Ctor) : ''; if (ctorString) { switch (ctorString) { case dataViewCtorString: return dataViewTag; case mapCtorString: return mapTag; case promiseCtorString: return promiseTag; case setCtorString: return setTag; case weakMapCtorString: return weakMapTag; } } return result; }; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (getTag); /***/ }), /***/ "./node_modules/lodash-es/_getValue.js": /*!*********************************************!*\ !*** ./node_modules/lodash-es/_getValue.js ***! \*********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /** * Gets the value at `key` of `object`. * * @private * @param {Object} [object] The object to query. * @param {string} key The key of the property to get. * @returns {*} Returns the property value. */ function getValue(object, key) { return object == null ? undefined : object[key]; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (getValue); /***/ }), /***/ "./node_modules/lodash-es/_hasPath.js": /*!********************************************!*\ !*** ./node_modules/lodash-es/_hasPath.js ***! \********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _castPath_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_castPath.js */ "./node_modules/lodash-es/_castPath.js"); /* harmony import */ var _isArguments_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./isArguments.js */ "./node_modules/lodash-es/isArguments.js"); /* harmony import */ var _isArray_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./isArray.js */ "./node_modules/lodash-es/isArray.js"); /* harmony import */ var _isIndex_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./_isIndex.js */ "./node_modules/lodash-es/_isIndex.js"); /* harmony import */ var _isLength_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./isLength.js */ "./node_modules/lodash-es/isLength.js"); /* harmony import */ var _toKey_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_toKey.js */ "./node_modules/lodash-es/_toKey.js"); /** * Checks if `path` exists on `object`. * * @private * @param {Object} object The object to query. * @param {Array|string} path The path to check. * @param {Function} hasFunc The function to check properties. * @returns {boolean} Returns `true` if `path` exists, else `false`. */ function hasPath(object, path, hasFunc) { path = (0,_castPath_js__WEBPACK_IMPORTED_MODULE_0__["default"])(path, object); var index = -1, length = path.length, result = false; while (++index < length) { var key = (0,_toKey_js__WEBPACK_IMPORTED_MODULE_1__["default"])(path[index]); if (!(result = object != null && hasFunc(object, key))) { break; } object = object[key]; } if (result || ++index != length) { return result; } length = object == null ? 0 : object.length; return !!length && (0,_isLength_js__WEBPACK_IMPORTED_MODULE_2__["default"])(length) && (0,_isIndex_js__WEBPACK_IMPORTED_MODULE_3__["default"])(key, length) && ((0,_isArray_js__WEBPACK_IMPORTED_MODULE_4__["default"])(object) || (0,_isArguments_js__WEBPACK_IMPORTED_MODULE_5__["default"])(object)); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (hasPath); /***/ }), /***/ "./node_modules/lodash-es/_hashClear.js": /*!**********************************************!*\ !*** ./node_modules/lodash-es/_hashClear.js ***! \**********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _nativeCreate_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_nativeCreate.js */ "./node_modules/lodash-es/_nativeCreate.js"); /** * Removes all key-value entries from the hash. * * @private * @name clear * @memberOf Hash */ function hashClear() { this.__data__ = _nativeCreate_js__WEBPACK_IMPORTED_MODULE_0__["default"] ? (0,_nativeCreate_js__WEBPACK_IMPORTED_MODULE_0__["default"])(null) : {}; this.size = 0; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (hashClear); /***/ }), /***/ "./node_modules/lodash-es/_hashDelete.js": /*!***********************************************!*\ !*** ./node_modules/lodash-es/_hashDelete.js ***! \***********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /** * Removes `key` and its value from the hash. * * @private * @name delete * @memberOf Hash * @param {Object} hash The hash to modify. * @param {string} key The key of the value to remove. * @returns {boolean} Returns `true` if the entry was removed, else `false`. */ function hashDelete(key) { var result = this.has(key) && delete this.__data__[key]; this.size -= result ? 1 : 0; return result; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (hashDelete); /***/ }), /***/ "./node_modules/lodash-es/_hashGet.js": /*!********************************************!*\ !*** ./node_modules/lodash-es/_hashGet.js ***! \********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _nativeCreate_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_nativeCreate.js */ "./node_modules/lodash-es/_nativeCreate.js"); /** Used to stand-in for `undefined` hash values. */ var HASH_UNDEFINED = '__lodash_hash_undefined__'; /** Used for built-in method references. */ var objectProto = Object.prototype; /** Used to check objects for own properties. */ var hasOwnProperty = objectProto.hasOwnProperty; /** * Gets the hash value for `key`. * * @private * @name get * @memberOf Hash * @param {string} key The key of the value to get. * @returns {*} Returns the entry value. */ function hashGet(key) { var data = this.__data__; if (_nativeCreate_js__WEBPACK_IMPORTED_MODULE_0__["default"]) { var result = data[key]; return result === HASH_UNDEFINED ? undefined : result; } return hasOwnProperty.call(data, key) ? data[key] : undefined; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (hashGet); /***/ }), /***/ "./node_modules/lodash-es/_hashHas.js": /*!********************************************!*\ !*** ./node_modules/lodash-es/_hashHas.js ***! \********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _nativeCreate_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_nativeCreate.js */ "./node_modules/lodash-es/_nativeCreate.js"); /** Used for built-in method references. */ var objectProto = Object.prototype; /** Used to check objects for own properties. */ var hasOwnProperty = objectProto.hasOwnProperty; /** * Checks if a hash value for `key` exists. * * @private * @name has * @memberOf Hash * @param {string} key The key of the entry to check. * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`. */ function hashHas(key) { var data = this.__data__; return _nativeCreate_js__WEBPACK_IMPORTED_MODULE_0__["default"] ? (data[key] !== undefined) : hasOwnProperty.call(data, key); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (hashHas); /***/ }), /***/ "./node_modules/lodash-es/_hashSet.js": /*!********************************************!*\ !*** ./node_modules/lodash-es/_hashSet.js ***! \********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _nativeCreate_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_nativeCreate.js */ "./node_modules/lodash-es/_nativeCreate.js"); /** Used to stand-in for `undefined` hash values. */ var HASH_UNDEFINED = '__lodash_hash_undefined__'; /** * Sets the hash `key` to `value`. * * @private * @name set * @memberOf Hash * @param {string} key The key of the value to set. * @param {*} value The value to set. * @returns {Object} Returns the hash instance. */ function hashSet(key, value) { var data = this.__data__; this.size += this.has(key) ? 0 : 1; data[key] = (_nativeCreate_js__WEBPACK_IMPORTED_MODULE_0__["default"] && value === undefined) ? HASH_UNDEFINED : value; return this; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (hashSet); /***/ }), /***/ "./node_modules/lodash-es/_initCloneArray.js": /*!***************************************************!*\ !*** ./node_modules/lodash-es/_initCloneArray.js ***! \***************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /** Used for built-in method references. */ var objectProto = Object.prototype; /** Used to check objects for own properties. */ var hasOwnProperty = objectProto.hasOwnProperty; /** * Initializes an array clone. * * @private * @param {Array} array The array to clone. * @returns {Array} Returns the initialized clone. */ function initCloneArray(array) { var length = array.length, result = new array.constructor(length); // Add properties assigned by `RegExp#exec`. if (length && typeof array[0] == 'string' && hasOwnProperty.call(array, 'index')) { result.index = array.index; result.input = array.input; } return result; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (initCloneArray); /***/ }), /***/ "./node_modules/lodash-es/_initCloneByTag.js": /*!***************************************************!*\ !*** ./node_modules/lodash-es/_initCloneByTag.js ***! \***************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _cloneArrayBuffer_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_cloneArrayBuffer.js */ "./node_modules/lodash-es/_cloneArrayBuffer.js"); /* harmony import */ var _cloneDataView_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_cloneDataView.js */ "./node_modules/lodash-es/_cloneDataView.js"); /* harmony import */ var _cloneRegExp_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./_cloneRegExp.js */ "./node_modules/lodash-es/_cloneRegExp.js"); /* harmony import */ var _cloneSymbol_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./_cloneSymbol.js */ "./node_modules/lodash-es/_cloneSymbol.js"); /* harmony import */ var _cloneTypedArray_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./_cloneTypedArray.js */ "./node_modules/lodash-es/_cloneTypedArray.js"); /** `Object#toString` result references. */ var boolTag = '[object Boolean]', dateTag = '[object Date]', mapTag = '[object Map]', numberTag = '[object Number]', regexpTag = '[object RegExp]', setTag = '[object Set]', stringTag = '[object String]', symbolTag = '[object Symbol]'; var arrayBufferTag = '[object ArrayBuffer]', dataViewTag = '[object DataView]', float32Tag = '[object Float32Array]', float64Tag = '[object Float64Array]', int8Tag = '[object Int8Array]', int16Tag = '[object Int16Array]', int32Tag = '[object Int32Array]', uint8Tag = '[object Uint8Array]', uint8ClampedTag = '[object Uint8ClampedArray]', uint16Tag = '[object Uint16Array]', uint32Tag = '[object Uint32Array]'; /** * Initializes an object clone based on its `toStringTag`. * * **Note:** This function only supports cloning values with tags of * `Boolean`, `Date`, `Error`, `Map`, `Number`, `RegExp`, `Set`, or `String`. * * @private * @param {Object} object The object to clone. * @param {string} tag The `toStringTag` of the object to clone. * @param {boolean} [isDeep] Specify a deep clone. * @returns {Object} Returns the initialized clone. */ function initCloneByTag(object, tag, isDeep) { var Ctor = object.constructor; switch (tag) { case arrayBufferTag: return (0,_cloneArrayBuffer_js__WEBPACK_IMPORTED_MODULE_0__["default"])(object); case boolTag: case dateTag: return new Ctor(+object); case dataViewTag: return (0,_cloneDataView_js__WEBPACK_IMPORTED_MODULE_1__["default"])(object, isDeep); case float32Tag: case float64Tag: case int8Tag: case int16Tag: case int32Tag: case uint8Tag: case uint8ClampedTag: case uint16Tag: case uint32Tag: return (0,_cloneTypedArray_js__WEBPACK_IMPORTED_MODULE_2__["default"])(object, isDeep); case mapTag: return new Ctor; case numberTag: case stringTag: return new Ctor(object); case regexpTag: return (0,_cloneRegExp_js__WEBPACK_IMPORTED_MODULE_3__["default"])(object); case setTag: return new Ctor; case symbolTag: return (0,_cloneSymbol_js__WEBPACK_IMPORTED_MODULE_4__["default"])(object); } } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (initCloneByTag); /***/ }), /***/ "./node_modules/lodash-es/_initCloneObject.js": /*!****************************************************!*\ !*** ./node_modules/lodash-es/_initCloneObject.js ***! \****************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _baseCreate_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_baseCreate.js */ "./node_modules/lodash-es/_baseCreate.js"); /* harmony import */ var _getPrototype_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./_getPrototype.js */ "./node_modules/lodash-es/_getPrototype.js"); /* harmony import */ var _isPrototype_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_isPrototype.js */ "./node_modules/lodash-es/_isPrototype.js"); /** * Initializes an object clone. * * @private * @param {Object} object The object to clone. * @returns {Object} Returns the initialized clone. */ function initCloneObject(object) { return (typeof object.constructor == 'function' && !(0,_isPrototype_js__WEBPACK_IMPORTED_MODULE_0__["default"])(object)) ? (0,_baseCreate_js__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_getPrototype_js__WEBPACK_IMPORTED_MODULE_2__["default"])(object)) : {}; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (initCloneObject); /***/ }), /***/ "./node_modules/lodash-es/_isFlattenable.js": /*!**************************************************!*\ !*** ./node_modules/lodash-es/_isFlattenable.js ***! \**************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _Symbol_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_Symbol.js */ "./node_modules/lodash-es/_Symbol.js"); /* harmony import */ var _isArguments_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./isArguments.js */ "./node_modules/lodash-es/isArguments.js"); /* harmony import */ var _isArray_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./isArray.js */ "./node_modules/lodash-es/isArray.js"); /** Built-in value references. */ var spreadableSymbol = _Symbol_js__WEBPACK_IMPORTED_MODULE_0__["default"] ? _Symbol_js__WEBPACK_IMPORTED_MODULE_0__["default"].isConcatSpreadable : undefined; /** * Checks if `value` is a flattenable `arguments` object or array. * * @private * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is flattenable, else `false`. */ function isFlattenable(value) { return (0,_isArray_js__WEBPACK_IMPORTED_MODULE_1__["default"])(value) || (0,_isArguments_js__WEBPACK_IMPORTED_MODULE_2__["default"])(value) || !!(spreadableSymbol && value && value[spreadableSymbol]); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (isFlattenable); /***/ }), /***/ "./node_modules/lodash-es/_isIndex.js": /*!********************************************!*\ !*** ./node_modules/lodash-es/_isIndex.js ***! \********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /** Used as references for various `Number` constants. */ var MAX_SAFE_INTEGER = 9007199254740991; /** Used to detect unsigned integer values. */ var reIsUint = /^(?:0|[1-9]\d*)$/; /** * Checks if `value` is a valid array-like index. * * @private * @param {*} value The value to check. * @param {number} [length=MAX_SAFE_INTEGER] The upper bounds of a valid index. * @returns {boolean} Returns `true` if `value` is a valid index, else `false`. */ function isIndex(value, length) { var type = typeof value; length = length == null ? MAX_SAFE_INTEGER : length; return !!length && (type == 'number' || (type != 'symbol' && reIsUint.test(value))) && (value > -1 && value % 1 == 0 && value < length); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (isIndex); /***/ }), /***/ "./node_modules/lodash-es/_isKey.js": /*!******************************************!*\ !*** ./node_modules/lodash-es/_isKey.js ***! \******************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _isArray_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./isArray.js */ "./node_modules/lodash-es/isArray.js"); /* harmony import */ var _isSymbol_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./isSymbol.js */ "./node_modules/lodash-es/isSymbol.js"); /** Used to match property names within property paths. */ var reIsDeepProp = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, reIsPlainProp = /^\w*$/; /** * Checks if `value` is a property name and not a property path. * * @private * @param {*} value The value to check. * @param {Object} [object] The object to query keys on. * @returns {boolean} Returns `true` if `value` is a property name, else `false`. */ function isKey(value, object) { if ((0,_isArray_js__WEBPACK_IMPORTED_MODULE_0__["default"])(value)) { return false; } var type = typeof value; if (type == 'number' || type == 'symbol' || type == 'boolean' || value == null || (0,_isSymbol_js__WEBPACK_IMPORTED_MODULE_1__["default"])(value)) { return true; } return reIsPlainProp.test(value) || !reIsDeepProp.test(value) || (object != null && value in Object(object)); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (isKey); /***/ }), /***/ "./node_modules/lodash-es/_isKeyable.js": /*!**********************************************!*\ !*** ./node_modules/lodash-es/_isKeyable.js ***! \**********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /** * Checks if `value` is suitable for use as unique object key. * * @private * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is suitable, else `false`. */ function isKeyable(value) { var type = typeof value; return (type == 'string' || type == 'number' || type == 'symbol' || type == 'boolean') ? (value !== '__proto__') : (value === null); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (isKeyable); /***/ }), /***/ "./node_modules/lodash-es/_isMasked.js": /*!*********************************************!*\ !*** ./node_modules/lodash-es/_isMasked.js ***! \*********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _coreJsData_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_coreJsData.js */ "./node_modules/lodash-es/_coreJsData.js"); /** Used to detect methods masquerading as native. */ var maskSrcKey = (function() { var uid = /[^.]+$/.exec(_coreJsData_js__WEBPACK_IMPORTED_MODULE_0__["default"] && _coreJsData_js__WEBPACK_IMPORTED_MODULE_0__["default"].keys && _coreJsData_js__WEBPACK_IMPORTED_MODULE_0__["default"].keys.IE_PROTO || ''); return uid ? ('Symbol(src)_1.' + uid) : ''; }()); /** * Checks if `func` has its source masked. * * @private * @param {Function} func The function to check. * @returns {boolean} Returns `true` if `func` is masked, else `false`. */ function isMasked(func) { return !!maskSrcKey && (maskSrcKey in func); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (isMasked); /***/ }), /***/ "./node_modules/lodash-es/_isPrototype.js": /*!************************************************!*\ !*** ./node_modules/lodash-es/_isPrototype.js ***! \************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /** Used for built-in method references. */ var objectProto = Object.prototype; /** * Checks if `value` is likely a prototype object. * * @private * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is a prototype, else `false`. */ function isPrototype(value) { var Ctor = value && value.constructor, proto = (typeof Ctor == 'function' && Ctor.prototype) || objectProto; return value === proto; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (isPrototype); /***/ }), /***/ "./node_modules/lodash-es/_isStrictComparable.js": /*!*******************************************************!*\ !*** ./node_modules/lodash-es/_isStrictComparable.js ***! \*******************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _isObject_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./isObject.js */ "./node_modules/lodash-es/isObject.js"); /** * Checks if `value` is suitable for strict equality comparisons, i.e. `===`. * * @private * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` if suitable for strict * equality comparisons, else `false`. */ function isStrictComparable(value) { return value === value && !(0,_isObject_js__WEBPACK_IMPORTED_MODULE_0__["default"])(value); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (isStrictComparable); /***/ }), /***/ "./node_modules/lodash-es/_listCacheClear.js": /*!***************************************************!*\ !*** ./node_modules/lodash-es/_listCacheClear.js ***! \***************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /** * Removes all key-value entries from the list cache. * * @private * @name clear * @memberOf ListCache */ function listCacheClear() { this.__data__ = []; this.size = 0; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (listCacheClear); /***/ }), /***/ "./node_modules/lodash-es/_listCacheDelete.js": /*!****************************************************!*\ !*** ./node_modules/lodash-es/_listCacheDelete.js ***! \****************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _assocIndexOf_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_assocIndexOf.js */ "./node_modules/lodash-es/_assocIndexOf.js"); /** Used for built-in method references. */ var arrayProto = Array.prototype; /** Built-in value references. */ var splice = arrayProto.splice; /** * Removes `key` and its value from the list cache. * * @private * @name delete * @memberOf ListCache * @param {string} key The key of the value to remove. * @returns {boolean} Returns `true` if the entry was removed, else `false`. */ function listCacheDelete(key) { var data = this.__data__, index = (0,_assocIndexOf_js__WEBPACK_IMPORTED_MODULE_0__["default"])(data, key); if (index < 0) { return false; } var lastIndex = data.length - 1; if (index == lastIndex) { data.pop(); } else { splice.call(data, index, 1); } --this.size; return true; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (listCacheDelete); /***/ }), /***/ "./node_modules/lodash-es/_listCacheGet.js": /*!*************************************************!*\ !*** ./node_modules/lodash-es/_listCacheGet.js ***! \*************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _assocIndexOf_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_assocIndexOf.js */ "./node_modules/lodash-es/_assocIndexOf.js"); /** * Gets the list cache value for `key`. * * @private * @name get * @memberOf ListCache * @param {string} key The key of the value to get. * @returns {*} Returns the entry value. */ function listCacheGet(key) { var data = this.__data__, index = (0,_assocIndexOf_js__WEBPACK_IMPORTED_MODULE_0__["default"])(data, key); return index < 0 ? undefined : data[index][1]; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (listCacheGet); /***/ }), /***/ "./node_modules/lodash-es/_listCacheHas.js": /*!*************************************************!*\ !*** ./node_modules/lodash-es/_listCacheHas.js ***! \*************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _assocIndexOf_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_assocIndexOf.js */ "./node_modules/lodash-es/_assocIndexOf.js"); /** * Checks if a list cache value for `key` exists. * * @private * @name has * @memberOf ListCache * @param {string} key The key of the entry to check. * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`. */ function listCacheHas(key) { return (0,_assocIndexOf_js__WEBPACK_IMPORTED_MODULE_0__["default"])(this.__data__, key) > -1; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (listCacheHas); /***/ }), /***/ "./node_modules/lodash-es/_listCacheSet.js": /*!*************************************************!*\ !*** ./node_modules/lodash-es/_listCacheSet.js ***! \*************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _assocIndexOf_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_assocIndexOf.js */ "./node_modules/lodash-es/_assocIndexOf.js"); /** * Sets the list cache `key` to `value`. * * @private * @name set * @memberOf ListCache * @param {string} key The key of the value to set. * @param {*} value The value to set. * @returns {Object} Returns the list cache instance. */ function listCacheSet(key, value) { var data = this.__data__, index = (0,_assocIndexOf_js__WEBPACK_IMPORTED_MODULE_0__["default"])(data, key); if (index < 0) { ++this.size; data.push([key, value]); } else { data[index][1] = value; } return this; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (listCacheSet); /***/ }), /***/ "./node_modules/lodash-es/_mapCacheClear.js": /*!**************************************************!*\ !*** ./node_modules/lodash-es/_mapCacheClear.js ***! \**************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _Hash_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_Hash.js */ "./node_modules/lodash-es/_Hash.js"); /* harmony import */ var _ListCache_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./_ListCache.js */ "./node_modules/lodash-es/_ListCache.js"); /* harmony import */ var _Map_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_Map.js */ "./node_modules/lodash-es/_Map.js"); /** * Removes all key-value entries from the map. * * @private * @name clear * @memberOf MapCache */ function mapCacheClear() { this.size = 0; this.__data__ = { 'hash': new _Hash_js__WEBPACK_IMPORTED_MODULE_0__["default"], 'map': new (_Map_js__WEBPACK_IMPORTED_MODULE_1__["default"] || _ListCache_js__WEBPACK_IMPORTED_MODULE_2__["default"]), 'string': new _Hash_js__WEBPACK_IMPORTED_MODULE_0__["default"] }; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (mapCacheClear); /***/ }), /***/ "./node_modules/lodash-es/_mapCacheDelete.js": /*!***************************************************!*\ !*** ./node_modules/lodash-es/_mapCacheDelete.js ***! \***************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _getMapData_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_getMapData.js */ "./node_modules/lodash-es/_getMapData.js"); /** * Removes `key` and its value from the map. * * @private * @name delete * @memberOf MapCache * @param {string} key The key of the value to remove. * @returns {boolean} Returns `true` if the entry was removed, else `false`. */ function mapCacheDelete(key) { var result = (0,_getMapData_js__WEBPACK_IMPORTED_MODULE_0__["default"])(this, key)['delete'](key); this.size -= result ? 1 : 0; return result; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (mapCacheDelete); /***/ }), /***/ "./node_modules/lodash-es/_mapCacheGet.js": /*!************************************************!*\ !*** ./node_modules/lodash-es/_mapCacheGet.js ***! \************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _getMapData_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_getMapData.js */ "./node_modules/lodash-es/_getMapData.js"); /** * Gets the map value for `key`. * * @private * @name get * @memberOf MapCache * @param {string} key The key of the value to get. * @returns {*} Returns the entry value. */ function mapCacheGet(key) { return (0,_getMapData_js__WEBPACK_IMPORTED_MODULE_0__["default"])(this, key).get(key); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (mapCacheGet); /***/ }), /***/ "./node_modules/lodash-es/_mapCacheHas.js": /*!************************************************!*\ !*** ./node_modules/lodash-es/_mapCacheHas.js ***! \************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _getMapData_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_getMapData.js */ "./node_modules/lodash-es/_getMapData.js"); /** * Checks if a map value for `key` exists. * * @private * @name has * @memberOf MapCache * @param {string} key The key of the entry to check. * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`. */ function mapCacheHas(key) { return (0,_getMapData_js__WEBPACK_IMPORTED_MODULE_0__["default"])(this, key).has(key); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (mapCacheHas); /***/ }), /***/ "./node_modules/lodash-es/_mapCacheSet.js": /*!************************************************!*\ !*** ./node_modules/lodash-es/_mapCacheSet.js ***! \************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _getMapData_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_getMapData.js */ "./node_modules/lodash-es/_getMapData.js"); /** * Sets the map `key` to `value`. * * @private * @name set * @memberOf MapCache * @param {string} key The key of the value to set. * @param {*} value The value to set. * @returns {Object} Returns the map cache instance. */ function mapCacheSet(key, value) { var data = (0,_getMapData_js__WEBPACK_IMPORTED_MODULE_0__["default"])(this, key), size = data.size; data.set(key, value); this.size += data.size == size ? 0 : 1; return this; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (mapCacheSet); /***/ }), /***/ "./node_modules/lodash-es/_mapToArray.js": /*!***********************************************!*\ !*** ./node_modules/lodash-es/_mapToArray.js ***! \***********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /** * Converts `map` to its key-value pairs. * * @private * @param {Object} map The map to convert. * @returns {Array} Returns the key-value pairs. */ function mapToArray(map) { var index = -1, result = Array(map.size); map.forEach(function(value, key) { result[++index] = [key, value]; }); return result; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (mapToArray); /***/ }), /***/ "./node_modules/lodash-es/_matchesStrictComparable.js": /*!************************************************************!*\ !*** ./node_modules/lodash-es/_matchesStrictComparable.js ***! \************************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /** * A specialized version of `matchesProperty` for source values suitable * for strict equality comparisons, i.e. `===`. * * @private * @param {string} key The key of the property to get. * @param {*} srcValue The value to match. * @returns {Function} Returns the new spec function. */ function matchesStrictComparable(key, srcValue) { return function(object) { if (object == null) { return false; } return object[key] === srcValue && (srcValue !== undefined || (key in Object(object))); }; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (matchesStrictComparable); /***/ }), /***/ "./node_modules/lodash-es/_memoizeCapped.js": /*!**************************************************!*\ !*** ./node_modules/lodash-es/_memoizeCapped.js ***! \**************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _memoize_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./memoize.js */ "./node_modules/lodash-es/memoize.js"); /** Used as the maximum memoize cache size. */ var MAX_MEMOIZE_SIZE = 500; /** * A specialized version of `_.memoize` which clears the memoized function's * cache when it exceeds `MAX_MEMOIZE_SIZE`. * * @private * @param {Function} func The function to have its output memoized. * @returns {Function} Returns the new memoized function. */ function memoizeCapped(func) { var result = (0,_memoize_js__WEBPACK_IMPORTED_MODULE_0__["default"])(func, function(key) { if (cache.size === MAX_MEMOIZE_SIZE) { cache.clear(); } return key; }); var cache = result.cache; return result; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (memoizeCapped); /***/ }), /***/ "./node_modules/lodash-es/_nativeCreate.js": /*!*************************************************!*\ !*** ./node_modules/lodash-es/_nativeCreate.js ***! \*************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _getNative_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_getNative.js */ "./node_modules/lodash-es/_getNative.js"); /* Built-in method references that are verified to be native. */ var nativeCreate = (0,_getNative_js__WEBPACK_IMPORTED_MODULE_0__["default"])(Object, 'create'); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (nativeCreate); /***/ }), /***/ "./node_modules/lodash-es/_nativeKeys.js": /*!***********************************************!*\ !*** ./node_modules/lodash-es/_nativeKeys.js ***! \***********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _overArg_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_overArg.js */ "./node_modules/lodash-es/_overArg.js"); /* Built-in method references for those with the same name as other `lodash` methods. */ var nativeKeys = (0,_overArg_js__WEBPACK_IMPORTED_MODULE_0__["default"])(Object.keys, Object); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (nativeKeys); /***/ }), /***/ "./node_modules/lodash-es/_nativeKeysIn.js": /*!*************************************************!*\ !*** ./node_modules/lodash-es/_nativeKeysIn.js ***! \*************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /** * This function is like * [`Object.keys`](http://ecma-international.org/ecma-262/7.0/#sec-object.keys) * except that it includes inherited enumerable properties. * * @private * @param {Object} object The object to query. * @returns {Array} Returns the array of property names. */ function nativeKeysIn(object) { var result = []; if (object != null) { for (var key in Object(object)) { result.push(key); } } return result; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (nativeKeysIn); /***/ }), /***/ "./node_modules/lodash-es/_nodeUtil.js": /*!*********************************************!*\ !*** ./node_modules/lodash-es/_nodeUtil.js ***! \*********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _freeGlobal_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_freeGlobal.js */ "./node_modules/lodash-es/_freeGlobal.js"); /** Detect free variable `exports`. */ var freeExports = typeof exports == 'object' && exports && !exports.nodeType && exports; /** Detect free variable `module`. */ var freeModule = freeExports && typeof module == 'object' && module && !module.nodeType && module; /** Detect the popular CommonJS extension `module.exports`. */ var moduleExports = freeModule && freeModule.exports === freeExports; /** Detect free variable `process` from Node.js. */ var freeProcess = moduleExports && _freeGlobal_js__WEBPACK_IMPORTED_MODULE_0__["default"].process; /** Used to access faster Node.js helpers. */ var nodeUtil = (function() { try { // Use `util.types` for Node.js 10+. var types = freeModule && freeModule.require && freeModule.require('util').types; if (types) { return types; } // Legacy `process.binding('util')` for Node.js < 10. return freeProcess && freeProcess.binding && freeProcess.binding('util'); } catch (e) {} }()); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (nodeUtil); /***/ }), /***/ "./node_modules/lodash-es/_objectToString.js": /*!***************************************************!*\ !*** ./node_modules/lodash-es/_objectToString.js ***! \***************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /** Used for built-in method references. */ var objectProto = Object.prototype; /** * Used to resolve the * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring) * of values. */ var nativeObjectToString = objectProto.toString; /** * Converts `value` to a string using `Object.prototype.toString`. * * @private * @param {*} value The value to convert. * @returns {string} Returns the converted string. */ function objectToString(value) { return nativeObjectToString.call(value); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (objectToString); /***/ }), /***/ "./node_modules/lodash-es/_overArg.js": /*!********************************************!*\ !*** ./node_modules/lodash-es/_overArg.js ***! \********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /** * Creates a unary function that invokes `func` with its argument transformed. * * @private * @param {Function} func The function to wrap. * @param {Function} transform The argument transform. * @returns {Function} Returns the new function. */ function overArg(func, transform) { return function(arg) { return func(transform(arg)); }; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (overArg); /***/ }), /***/ "./node_modules/lodash-es/_overRest.js": /*!*********************************************!*\ !*** ./node_modules/lodash-es/_overRest.js ***! \*********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _apply_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_apply.js */ "./node_modules/lodash-es/_apply.js"); /* Built-in method references for those with the same name as other `lodash` methods. */ var nativeMax = Math.max; /** * A specialized version of `baseRest` which transforms the rest array. * * @private * @param {Function} func The function to apply a rest parameter to. * @param {number} [start=func.length-1] The start position of the rest parameter. * @param {Function} transform The rest array transform. * @returns {Function} Returns the new function. */ function overRest(func, start, transform) { start = nativeMax(start === undefined ? (func.length - 1) : start, 0); return function() { var args = arguments, index = -1, length = nativeMax(args.length - start, 0), array = Array(length); while (++index < length) { array[index] = args[start + index]; } index = -1; var otherArgs = Array(start + 1); while (++index < start) { otherArgs[index] = args[index]; } otherArgs[start] = transform(array); return (0,_apply_js__WEBPACK_IMPORTED_MODULE_0__["default"])(func, this, otherArgs); }; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (overRest); /***/ }), /***/ "./node_modules/lodash-es/_parent.js": /*!*******************************************!*\ !*** ./node_modules/lodash-es/_parent.js ***! \*******************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _baseGet_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_baseGet.js */ "./node_modules/lodash-es/_baseGet.js"); /* harmony import */ var _baseSlice_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_baseSlice.js */ "./node_modules/lodash-es/_baseSlice.js"); /** * Gets the parent value at `path` of `object`. * * @private * @param {Object} object The object to query. * @param {Array} path The path to get the parent value of. * @returns {*} Returns the parent value. */ function parent(object, path) { return path.length < 2 ? object : (0,_baseGet_js__WEBPACK_IMPORTED_MODULE_0__["default"])(object, (0,_baseSlice_js__WEBPACK_IMPORTED_MODULE_1__["default"])(path, 0, -1)); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (parent); /***/ }), /***/ "./node_modules/lodash-es/_root.js": /*!*****************************************!*\ !*** ./node_modules/lodash-es/_root.js ***! \*****************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _freeGlobal_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_freeGlobal.js */ "./node_modules/lodash-es/_freeGlobal.js"); /** Detect free variable `self`. */ var freeSelf = typeof self == 'object' && self && self.Object === Object && self; /** Used as a reference to the global object. */ var root = _freeGlobal_js__WEBPACK_IMPORTED_MODULE_0__["default"] || freeSelf || Function('return this')(); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (root); /***/ }), /***/ "./node_modules/lodash-es/_setCacheAdd.js": /*!************************************************!*\ !*** ./node_modules/lodash-es/_setCacheAdd.js ***! \************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /** Used to stand-in for `undefined` hash values. */ var HASH_UNDEFINED = '__lodash_hash_undefined__'; /** * Adds `value` to the array cache. * * @private * @name add * @memberOf SetCache * @alias push * @param {*} value The value to cache. * @returns {Object} Returns the cache instance. */ function setCacheAdd(value) { this.__data__.set(value, HASH_UNDEFINED); return this; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (setCacheAdd); /***/ }), /***/ "./node_modules/lodash-es/_setCacheHas.js": /*!************************************************!*\ !*** ./node_modules/lodash-es/_setCacheHas.js ***! \************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /** * Checks if `value` is in the array cache. * * @private * @name has * @memberOf SetCache * @param {*} value The value to search for. * @returns {number} Returns `true` if `value` is found, else `false`. */ function setCacheHas(value) { return this.__data__.has(value); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (setCacheHas); /***/ }), /***/ "./node_modules/lodash-es/_setToArray.js": /*!***********************************************!*\ !*** ./node_modules/lodash-es/_setToArray.js ***! \***********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /** * Converts `set` to an array of its values. * * @private * @param {Object} set The set to convert. * @returns {Array} Returns the values. */ function setToArray(set) { var index = -1, result = Array(set.size); set.forEach(function(value) { result[++index] = value; }); return result; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (setToArray); /***/ }), /***/ "./node_modules/lodash-es/_setToString.js": /*!************************************************!*\ !*** ./node_modules/lodash-es/_setToString.js ***! \************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _baseSetToString_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_baseSetToString.js */ "./node_modules/lodash-es/_baseSetToString.js"); /* harmony import */ var _shortOut_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_shortOut.js */ "./node_modules/lodash-es/_shortOut.js"); /** * Sets the `toString` method of `func` to return `string`. * * @private * @param {Function} func The function to modify. * @param {Function} string The `toString` result. * @returns {Function} Returns `func`. */ var setToString = (0,_shortOut_js__WEBPACK_IMPORTED_MODULE_0__["default"])(_baseSetToString_js__WEBPACK_IMPORTED_MODULE_1__["default"]); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (setToString); /***/ }), /***/ "./node_modules/lodash-es/_shortOut.js": /*!*********************************************!*\ !*** ./node_modules/lodash-es/_shortOut.js ***! \*********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /** Used to detect hot functions by number of calls within a span of milliseconds. */ var HOT_COUNT = 800, HOT_SPAN = 16; /* Built-in method references for those with the same name as other `lodash` methods. */ var nativeNow = Date.now; /** * Creates a function that'll short out and invoke `identity` instead * of `func` when it's called `HOT_COUNT` or more times in `HOT_SPAN` * milliseconds. * * @private * @param {Function} func The function to restrict. * @returns {Function} Returns the new shortable function. */ function shortOut(func) { var count = 0, lastCalled = 0; return function() { var stamp = nativeNow(), remaining = HOT_SPAN - (stamp - lastCalled); lastCalled = stamp; if (remaining > 0) { if (++count >= HOT_COUNT) { return arguments[0]; } } else { count = 0; } return func.apply(undefined, arguments); }; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (shortOut); /***/ }), /***/ "./node_modules/lodash-es/_stackClear.js": /*!***********************************************!*\ !*** ./node_modules/lodash-es/_stackClear.js ***! \***********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _ListCache_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_ListCache.js */ "./node_modules/lodash-es/_ListCache.js"); /** * Removes all key-value entries from the stack. * * @private * @name clear * @memberOf Stack */ function stackClear() { this.__data__ = new _ListCache_js__WEBPACK_IMPORTED_MODULE_0__["default"]; this.size = 0; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (stackClear); /***/ }), /***/ "./node_modules/lodash-es/_stackDelete.js": /*!************************************************!*\ !*** ./node_modules/lodash-es/_stackDelete.js ***! \************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /** * Removes `key` and its value from the stack. * * @private * @name delete * @memberOf Stack * @param {string} key The key of the value to remove. * @returns {boolean} Returns `true` if the entry was removed, else `false`. */ function stackDelete(key) { var data = this.__data__, result = data['delete'](key); this.size = data.size; return result; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (stackDelete); /***/ }), /***/ "./node_modules/lodash-es/_stackGet.js": /*!*********************************************!*\ !*** ./node_modules/lodash-es/_stackGet.js ***! \*********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /** * Gets the stack value for `key`. * * @private * @name get * @memberOf Stack * @param {string} key The key of the value to get. * @returns {*} Returns the entry value. */ function stackGet(key) { return this.__data__.get(key); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (stackGet); /***/ }), /***/ "./node_modules/lodash-es/_stackHas.js": /*!*********************************************!*\ !*** ./node_modules/lodash-es/_stackHas.js ***! \*********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /** * Checks if a stack value for `key` exists. * * @private * @name has * @memberOf Stack * @param {string} key The key of the entry to check. * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`. */ function stackHas(key) { return this.__data__.has(key); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (stackHas); /***/ }), /***/ "./node_modules/lodash-es/_stackSet.js": /*!*********************************************!*\ !*** ./node_modules/lodash-es/_stackSet.js ***! \*********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _ListCache_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_ListCache.js */ "./node_modules/lodash-es/_ListCache.js"); /* harmony import */ var _Map_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_Map.js */ "./node_modules/lodash-es/_Map.js"); /* harmony import */ var _MapCache_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./_MapCache.js */ "./node_modules/lodash-es/_MapCache.js"); /** Used as the size to enable large array optimizations. */ var LARGE_ARRAY_SIZE = 200; /** * Sets the stack `key` to `value`. * * @private * @name set * @memberOf Stack * @param {string} key The key of the value to set. * @param {*} value The value to set. * @returns {Object} Returns the stack cache instance. */ function stackSet(key, value) { var data = this.__data__; if (data instanceof _ListCache_js__WEBPACK_IMPORTED_MODULE_0__["default"]) { var pairs = data.__data__; if (!_Map_js__WEBPACK_IMPORTED_MODULE_1__["default"] || (pairs.length < LARGE_ARRAY_SIZE - 1)) { pairs.push([key, value]); this.size = ++data.size; return this; } data = this.__data__ = new _MapCache_js__WEBPACK_IMPORTED_MODULE_2__["default"](pairs); } data.set(key, value); this.size = data.size; return this; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (stackSet); /***/ }), /***/ "./node_modules/lodash-es/_strictIndexOf.js": /*!**************************************************!*\ !*** ./node_modules/lodash-es/_strictIndexOf.js ***! \**************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /** * A specialized version of `_.indexOf` which performs strict equality * comparisons of values, i.e. `===`. * * @private * @param {Array} array The array to inspect. * @param {*} value The value to search for. * @param {number} fromIndex The index to search from. * @returns {number} Returns the index of the matched value, else `-1`. */ function strictIndexOf(array, value, fromIndex) { var index = fromIndex - 1, length = array.length; while (++index < length) { if (array[index] === value) { return index; } } return -1; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (strictIndexOf); /***/ }), /***/ "./node_modules/lodash-es/_stringToPath.js": /*!*************************************************!*\ !*** ./node_modules/lodash-es/_stringToPath.js ***! \*************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _memoizeCapped_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_memoizeCapped.js */ "./node_modules/lodash-es/_memoizeCapped.js"); /** Used to match property names within property paths. */ var rePropName = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g; /** Used to match backslashes in property paths. */ var reEscapeChar = /\\(\\)?/g; /** * Converts `string` to a property path array. * * @private * @param {string} string The string to convert. * @returns {Array} Returns the property path array. */ var stringToPath = (0,_memoizeCapped_js__WEBPACK_IMPORTED_MODULE_0__["default"])(function(string) { var result = []; if (string.charCodeAt(0) === 46 /* . */) { result.push(''); } string.replace(rePropName, function(match, number, quote, subString) { result.push(quote ? subString.replace(reEscapeChar, '$1') : (number || match)); }); return result; }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (stringToPath); /***/ }), /***/ "./node_modules/lodash-es/_toKey.js": /*!******************************************!*\ !*** ./node_modules/lodash-es/_toKey.js ***! \******************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _isSymbol_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./isSymbol.js */ "./node_modules/lodash-es/isSymbol.js"); /** Used as references for various `Number` constants. */ var INFINITY = 1 / 0; /** * Converts `value` to a string key if it's not a string or symbol. * * @private * @param {*} value The value to inspect. * @returns {string|symbol} Returns the key. */ function toKey(value) { if (typeof value == 'string' || (0,_isSymbol_js__WEBPACK_IMPORTED_MODULE_0__["default"])(value)) { return value; } var result = (value + ''); return (result == '0' && (1 / value) == -INFINITY) ? '-0' : result; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (toKey); /***/ }), /***/ "./node_modules/lodash-es/_toSource.js": /*!*********************************************!*\ !*** ./node_modules/lodash-es/_toSource.js ***! \*********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /** Used for built-in method references. */ var funcProto = Function.prototype; /** Used to resolve the decompiled source of functions. */ var funcToString = funcProto.toString; /** * Converts `func` to its source code. * * @private * @param {Function} func The function to convert. * @returns {string} Returns the source code. */ function toSource(func) { if (func != null) { try { return funcToString.call(func); } catch (e) {} try { return (func + ''); } catch (e) {} } return ''; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (toSource); /***/ }), /***/ "./node_modules/lodash-es/_trimmedEndIndex.js": /*!****************************************************!*\ !*** ./node_modules/lodash-es/_trimmedEndIndex.js ***! \****************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /** Used to match a single whitespace character. */ var reWhitespace = /\s/; /** * Used by `_.trim` and `_.trimEnd` to get the index of the last non-whitespace * character of `string`. * * @private * @param {string} string The string to inspect. * @returns {number} Returns the index of the last non-whitespace character. */ function trimmedEndIndex(string) { var index = string.length; while (index-- && reWhitespace.test(string.charAt(index))) {} return index; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (trimmedEndIndex); /***/ }), /***/ "./node_modules/lodash-es/cloneDeep.js": /*!*********************************************!*\ !*** ./node_modules/lodash-es/cloneDeep.js ***! \*********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _baseClone_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_baseClone.js */ "./node_modules/lodash-es/_baseClone.js"); /** Used to compose bitmasks for cloning. */ var CLONE_DEEP_FLAG = 1, CLONE_SYMBOLS_FLAG = 4; /** * This method is like `_.clone` except that it recursively clones `value`. * * @static * @memberOf _ * @since 1.0.0 * @category Lang * @param {*} value The value to recursively clone. * @returns {*} Returns the deep cloned value. * @see _.clone * @example * * var objects = [{ 'a': 1 }, { 'b': 2 }]; * * var deep = _.cloneDeep(objects); * console.log(deep[0] === objects[0]); * // => false */ function cloneDeep(value) { return (0,_baseClone_js__WEBPACK_IMPORTED_MODULE_0__["default"])(value, CLONE_DEEP_FLAG | CLONE_SYMBOLS_FLAG); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (cloneDeep); /***/ }), /***/ "./node_modules/lodash-es/constant.js": /*!********************************************!*\ !*** ./node_modules/lodash-es/constant.js ***! \********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /** * Creates a function that returns `value`. * * @static * @memberOf _ * @since 2.4.0 * @category Util * @param {*} value The value to return from the new function. * @returns {Function} Returns the new constant function. * @example * * var objects = _.times(2, _.constant({ 'a': 1 })); * * console.log(objects); * // => [{ 'a': 1 }, { 'a': 1 }] * * console.log(objects[0] === objects[1]); * // => true */ function constant(value) { return function() { return value; }; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (constant); /***/ }), /***/ "./node_modules/lodash-es/debounce.js": /*!********************************************!*\ !*** ./node_modules/lodash-es/debounce.js ***! \********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _isObject_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./isObject.js */ "./node_modules/lodash-es/isObject.js"); /* harmony import */ var _now_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./now.js */ "./node_modules/lodash-es/now.js"); /* harmony import */ var _toNumber_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./toNumber.js */ "./node_modules/lodash-es/toNumber.js"); /** Error message constants. */ var FUNC_ERROR_TEXT = 'Expected a function'; /* Built-in method references for those with the same name as other `lodash` methods. */ var nativeMax = Math.max, nativeMin = Math.min; /** * Creates a debounced function that delays invoking `func` until after `wait` * milliseconds have elapsed since the last time the debounced function was * invoked. The debounced function comes with a `cancel` method to cancel * delayed `func` invocations and a `flush` method to immediately invoke them. * Provide `options` to indicate whether `func` should be invoked on the * leading and/or trailing edge of the `wait` timeout. The `func` is invoked * with the last arguments provided to the debounced function. Subsequent * calls to the debounced function return the result of the last `func` * invocation. * * **Note:** If `leading` and `trailing` options are `true`, `func` is * invoked on the trailing edge of the timeout only if the debounced function * is invoked more than once during the `wait` timeout. * * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred * until to the next tick, similar to `setTimeout` with a timeout of `0`. * * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/) * for details over the differences between `_.debounce` and `_.throttle`. * * @static * @memberOf _ * @since 0.1.0 * @category Function * @param {Function} func The function to debounce. * @param {number} [wait=0] The number of milliseconds to delay. * @param {Object} [options={}] The options object. * @param {boolean} [options.leading=false] * Specify invoking on the leading edge of the timeout. * @param {number} [options.maxWait] * The maximum time `func` is allowed to be delayed before it's invoked. * @param {boolean} [options.trailing=true] * Specify invoking on the trailing edge of the timeout. * @returns {Function} Returns the new debounced function. * @example * * // Avoid costly calculations while the window size is in flux. * jQuery(window).on('resize', _.debounce(calculateLayout, 150)); * * // Invoke `sendMail` when clicked, debouncing subsequent calls. * jQuery(element).on('click', _.debounce(sendMail, 300, { * 'leading': true, * 'trailing': false * })); * * // Ensure `batchLog` is invoked once after 1 second of debounced calls. * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 }); * var source = new EventSource('/stream'); * jQuery(source).on('message', debounced); * * // Cancel the trailing debounced invocation. * jQuery(window).on('popstate', debounced.cancel); */ function debounce(func, wait, options) { var lastArgs, lastThis, maxWait, result, timerId, lastCallTime, lastInvokeTime = 0, leading = false, maxing = false, trailing = true; if (typeof func != 'function') { throw new TypeError(FUNC_ERROR_TEXT); } wait = (0,_toNumber_js__WEBPACK_IMPORTED_MODULE_0__["default"])(wait) || 0; if ((0,_isObject_js__WEBPACK_IMPORTED_MODULE_1__["default"])(options)) { leading = !!options.leading; maxing = 'maxWait' in options; maxWait = maxing ? nativeMax((0,_toNumber_js__WEBPACK_IMPORTED_MODULE_0__["default"])(options.maxWait) || 0, wait) : maxWait; trailing = 'trailing' in options ? !!options.trailing : trailing; } function invokeFunc(time) { var args = lastArgs, thisArg = lastThis; lastArgs = lastThis = undefined; lastInvokeTime = time; result = func.apply(thisArg, args); return result; } function leadingEdge(time) { // Reset any `maxWait` timer. lastInvokeTime = time; // Start the timer for the trailing edge. timerId = setTimeout(timerExpired, wait); // Invoke the leading edge. return leading ? invokeFunc(time) : result; } function remainingWait(time) { var timeSinceLastCall = time - lastCallTime, timeSinceLastInvoke = time - lastInvokeTime, timeWaiting = wait - timeSinceLastCall; return maxing ? nativeMin(timeWaiting, maxWait - timeSinceLastInvoke) : timeWaiting; } function shouldInvoke(time) { var timeSinceLastCall = time - lastCallTime, timeSinceLastInvoke = time - lastInvokeTime; // Either this is the first call, activity has stopped and we're at the // trailing edge, the system time has gone backwards and we're treating // it as the trailing edge, or we've hit the `maxWait` limit. return (lastCallTime === undefined || (timeSinceLastCall >= wait) || (timeSinceLastCall < 0) || (maxing && timeSinceLastInvoke >= maxWait)); } function timerExpired() { var time = (0,_now_js__WEBPACK_IMPORTED_MODULE_2__["default"])(); if (shouldInvoke(time)) { return trailingEdge(time); } // Restart the timer. timerId = setTimeout(timerExpired, remainingWait(time)); } function trailingEdge(time) { timerId = undefined; // Only invoke if we have `lastArgs` which means `func` has been // debounced at least once. if (trailing && lastArgs) { return invokeFunc(time); } lastArgs = lastThis = undefined; return result; } function cancel() { if (timerId !== undefined) { clearTimeout(timerId); } lastInvokeTime = 0; lastArgs = lastCallTime = lastThis = timerId = undefined; } function flush() { return timerId === undefined ? result : trailingEdge((0,_now_js__WEBPACK_IMPORTED_MODULE_2__["default"])()); } function debounced() { var time = (0,_now_js__WEBPACK_IMPORTED_MODULE_2__["default"])(), isInvoking = shouldInvoke(time); lastArgs = arguments; lastThis = this; lastCallTime = time; if (isInvoking) { if (timerId === undefined) { return leadingEdge(lastCallTime); } if (maxing) { // Handle invocations in a tight loop. clearTimeout(timerId); timerId = setTimeout(timerExpired, wait); return invokeFunc(lastCallTime); } } if (timerId === undefined) { timerId = setTimeout(timerExpired, wait); } return result; } debounced.cancel = cancel; debounced.flush = flush; return debounced; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (debounce); /***/ }), /***/ "./node_modules/lodash-es/eq.js": /*!**************************************!*\ !*** ./node_modules/lodash-es/eq.js ***! \**************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /** * Performs a * [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero) * comparison between two values to determine if they are equivalent. * * @static * @memberOf _ * @since 4.0.0 * @category Lang * @param {*} value The value to compare. * @param {*} other The other value to compare. * @returns {boolean} Returns `true` if the values are equivalent, else `false`. * @example * * var object = { 'a': 1 }; * var other = { 'a': 1 }; * * _.eq(object, object); * // => true * * _.eq(object, other); * // => false * * _.eq('a', 'a'); * // => true * * _.eq('a', Object('a')); * // => false * * _.eq(NaN, NaN); * // => true */ function eq(value, other) { return value === other || (value !== value && other !== other); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (eq); /***/ }), /***/ "./node_modules/lodash-es/find.js": /*!****************************************!*\ !*** ./node_modules/lodash-es/find.js ***! \****************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _createFind_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_createFind.js */ "./node_modules/lodash-es/_createFind.js"); /* harmony import */ var _findIndex_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./findIndex.js */ "./node_modules/lodash-es/findIndex.js"); /** * Iterates over elements of `collection`, returning the first element * `predicate` returns truthy for. The predicate is invoked with three * arguments: (value, index|key, collection). * * @static * @memberOf _ * @since 0.1.0 * @category Collection * @param {Array|Object} collection The collection to inspect. * @param {Function} [predicate=_.identity] The function invoked per iteration. * @param {number} [fromIndex=0] The index to search from. * @returns {*} Returns the matched element, else `undefined`. * @example * * var users = [ * { 'user': 'barney', 'age': 36, 'active': true }, * { 'user': 'fred', 'age': 40, 'active': false }, * { 'user': 'pebbles', 'age': 1, 'active': true } * ]; * * _.find(users, function(o) { return o.age < 40; }); * // => object for 'barney' * * // The `_.matches` iteratee shorthand. * _.find(users, { 'age': 1, 'active': true }); * // => object for 'pebbles' * * // The `_.matchesProperty` iteratee shorthand. * _.find(users, ['active', false]); * // => object for 'fred' * * // The `_.property` iteratee shorthand. * _.find(users, 'active'); * // => object for 'barney' */ var find = (0,_createFind_js__WEBPACK_IMPORTED_MODULE_0__["default"])(_findIndex_js__WEBPACK_IMPORTED_MODULE_1__["default"]); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (find); /***/ }), /***/ "./node_modules/lodash-es/findIndex.js": /*!*********************************************!*\ !*** ./node_modules/lodash-es/findIndex.js ***! \*********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _baseFindIndex_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_baseFindIndex.js */ "./node_modules/lodash-es/_baseFindIndex.js"); /* harmony import */ var _baseIteratee_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./_baseIteratee.js */ "./node_modules/lodash-es/_baseIteratee.js"); /* harmony import */ var _toInteger_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./toInteger.js */ "./node_modules/lodash-es/toInteger.js"); /* Built-in method references for those with the same name as other `lodash` methods. */ var nativeMax = Math.max; /** * This method is like `_.find` except that it returns the index of the first * element `predicate` returns truthy for instead of the element itself. * * @static * @memberOf _ * @since 1.1.0 * @category Array * @param {Array} array The array to inspect. * @param {Function} [predicate=_.identity] The function invoked per iteration. * @param {number} [fromIndex=0] The index to search from. * @returns {number} Returns the index of the found element, else `-1`. * @example * * var users = [ * { 'user': 'barney', 'active': false }, * { 'user': 'fred', 'active': false }, * { 'user': 'pebbles', 'active': true } * ]; * * _.findIndex(users, function(o) { return o.user == 'barney'; }); * // => 0 * * // The `_.matches` iteratee shorthand. * _.findIndex(users, { 'user': 'fred', 'active': false }); * // => 1 * * // The `_.matchesProperty` iteratee shorthand. * _.findIndex(users, ['active', false]); * // => 0 * * // The `_.property` iteratee shorthand. * _.findIndex(users, 'active'); * // => 2 */ function findIndex(array, predicate, fromIndex) { var length = array == null ? 0 : array.length; if (!length) { return -1; } var index = fromIndex == null ? 0 : (0,_toInteger_js__WEBPACK_IMPORTED_MODULE_0__["default"])(fromIndex); if (index < 0) { index = nativeMax(length + index, 0); } return (0,_baseFindIndex_js__WEBPACK_IMPORTED_MODULE_1__["default"])(array, (0,_baseIteratee_js__WEBPACK_IMPORTED_MODULE_2__["default"])(predicate, 3), index); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (findIndex); /***/ }), /***/ "./node_modules/lodash-es/flatten.js": /*!*******************************************!*\ !*** ./node_modules/lodash-es/flatten.js ***! \*******************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _baseFlatten_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_baseFlatten.js */ "./node_modules/lodash-es/_baseFlatten.js"); /** * Flattens `array` a single level deep. * * @static * @memberOf _ * @since 0.1.0 * @category Array * @param {Array} array The array to flatten. * @returns {Array} Returns the new flattened array. * @example * * _.flatten([1, [2, [3, [4]], 5]]); * // => [1, 2, [3, [4]], 5] */ function flatten(array) { var length = array == null ? 0 : array.length; return length ? (0,_baseFlatten_js__WEBPACK_IMPORTED_MODULE_0__["default"])(array, 1) : []; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (flatten); /***/ }), /***/ "./node_modules/lodash-es/fromPairs.js": /*!*********************************************!*\ !*** ./node_modules/lodash-es/fromPairs.js ***! \*********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /** * The inverse of `_.toPairs`; this method returns an object composed * from key-value `pairs`. * * @static * @memberOf _ * @since 4.0.0 * @category Array * @param {Array} pairs The key-value pairs. * @returns {Object} Returns the new object. * @example * * _.fromPairs([['a', 1], ['b', 2]]); * // => { 'a': 1, 'b': 2 } */ function fromPairs(pairs) { var index = -1, length = pairs == null ? 0 : pairs.length, result = {}; while (++index < length) { var pair = pairs[index]; result[pair[0]] = pair[1]; } return result; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (fromPairs); /***/ }), /***/ "./node_modules/lodash-es/get.js": /*!***************************************!*\ !*** ./node_modules/lodash-es/get.js ***! \***************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _baseGet_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_baseGet.js */ "./node_modules/lodash-es/_baseGet.js"); /** * Gets the value at `path` of `object`. If the resolved value is * `undefined`, the `defaultValue` is returned in its place. * * @static * @memberOf _ * @since 3.7.0 * @category Object * @param {Object} object The object to query. * @param {Array|string} path The path of the property to get. * @param {*} [defaultValue] The value returned for `undefined` resolved values. * @returns {*} Returns the resolved value. * @example * * var object = { 'a': [{ 'b': { 'c': 3 } }] }; * * _.get(object, 'a[0].b.c'); * // => 3 * * _.get(object, ['a', '0', 'b', 'c']); * // => 3 * * _.get(object, 'a.b.c', 'default'); * // => 'default' */ function get(object, path, defaultValue) { var result = object == null ? undefined : (0,_baseGet_js__WEBPACK_IMPORTED_MODULE_0__["default"])(object, path); return result === undefined ? defaultValue : result; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (get); /***/ }), /***/ "./node_modules/lodash-es/hasIn.js": /*!*****************************************!*\ !*** ./node_modules/lodash-es/hasIn.js ***! \*****************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _baseHasIn_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_baseHasIn.js */ "./node_modules/lodash-es/_baseHasIn.js"); /* harmony import */ var _hasPath_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_hasPath.js */ "./node_modules/lodash-es/_hasPath.js"); /** * Checks if `path` is a direct or inherited property of `object`. * * @static * @memberOf _ * @since 4.0.0 * @category Object * @param {Object} object The object to query. * @param {Array|string} path The path to check. * @returns {boolean} Returns `true` if `path` exists, else `false`. * @example * * var object = _.create({ 'a': _.create({ 'b': 2 }) }); * * _.hasIn(object, 'a'); * // => true * * _.hasIn(object, 'a.b'); * // => true * * _.hasIn(object, ['a', 'b']); * // => true * * _.hasIn(object, 'b'); * // => false */ function hasIn(object, path) { return object != null && (0,_hasPath_js__WEBPACK_IMPORTED_MODULE_0__["default"])(object, path, _baseHasIn_js__WEBPACK_IMPORTED_MODULE_1__["default"]); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (hasIn); /***/ }), /***/ "./node_modules/lodash-es/identity.js": /*!********************************************!*\ !*** ./node_modules/lodash-es/identity.js ***! \********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /** * This method returns the first argument it receives. * * @static * @since 0.1.0 * @memberOf _ * @category Util * @param {*} value Any value. * @returns {*} Returns `value`. * @example * * var object = { 'a': 1 }; * * console.log(_.identity(object) === object); * // => true */ function identity(value) { return value; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (identity); /***/ }), /***/ "./node_modules/lodash-es/intersection.js": /*!************************************************!*\ !*** ./node_modules/lodash-es/intersection.js ***! \************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _arrayMap_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_arrayMap.js */ "./node_modules/lodash-es/_arrayMap.js"); /* harmony import */ var _baseIntersection_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./_baseIntersection.js */ "./node_modules/lodash-es/_baseIntersection.js"); /* harmony import */ var _baseRest_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_baseRest.js */ "./node_modules/lodash-es/_baseRest.js"); /* harmony import */ var _castArrayLikeObject_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./_castArrayLikeObject.js */ "./node_modules/lodash-es/_castArrayLikeObject.js"); /** * Creates an array of unique values that are included in all given arrays * using [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero) * for equality comparisons. The order and references of result values are * determined by the first array. * * @static * @memberOf _ * @since 0.1.0 * @category Array * @param {...Array} [arrays] The arrays to inspect. * @returns {Array} Returns the new array of intersecting values. * @example * * _.intersection([2, 1], [2, 3]); * // => [2] */ var intersection = (0,_baseRest_js__WEBPACK_IMPORTED_MODULE_0__["default"])(function(arrays) { var mapped = (0,_arrayMap_js__WEBPACK_IMPORTED_MODULE_1__["default"])(arrays, _castArrayLikeObject_js__WEBPACK_IMPORTED_MODULE_2__["default"]); return (mapped.length && mapped[0] === arrays[0]) ? (0,_baseIntersection_js__WEBPACK_IMPORTED_MODULE_3__["default"])(mapped) : []; }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (intersection); /***/ }), /***/ "./node_modules/lodash-es/isArguments.js": /*!***********************************************!*\ !*** ./node_modules/lodash-es/isArguments.js ***! \***********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _baseIsArguments_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_baseIsArguments.js */ "./node_modules/lodash-es/_baseIsArguments.js"); /* harmony import */ var _isObjectLike_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./isObjectLike.js */ "./node_modules/lodash-es/isObjectLike.js"); /** Used for built-in method references. */ var objectProto = Object.prototype; /** Used to check objects for own properties. */ var hasOwnProperty = objectProto.hasOwnProperty; /** Built-in value references. */ var propertyIsEnumerable = objectProto.propertyIsEnumerable; /** * Checks if `value` is likely an `arguments` object. * * @static * @memberOf _ * @since 0.1.0 * @category Lang * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is an `arguments` object, * else `false`. * @example * * _.isArguments(function() { return arguments; }()); * // => true * * _.isArguments([1, 2, 3]); * // => false */ var isArguments = (0,_baseIsArguments_js__WEBPACK_IMPORTED_MODULE_0__["default"])(function() { return arguments; }()) ? _baseIsArguments_js__WEBPACK_IMPORTED_MODULE_0__["default"] : function(value) { return (0,_isObjectLike_js__WEBPACK_IMPORTED_MODULE_1__["default"])(value) && hasOwnProperty.call(value, 'callee') && !propertyIsEnumerable.call(value, 'callee'); }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (isArguments); /***/ }), /***/ "./node_modules/lodash-es/isArray.js": /*!*******************************************!*\ !*** ./node_modules/lodash-es/isArray.js ***! \*******************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /** * Checks if `value` is classified as an `Array` object. * * @static * @memberOf _ * @since 0.1.0 * @category Lang * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is an array, else `false`. * @example * * _.isArray([1, 2, 3]); * // => true * * _.isArray(document.body.children); * // => false * * _.isArray('abc'); * // => false * * _.isArray(_.noop); * // => false */ var isArray = Array.isArray; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (isArray); /***/ }), /***/ "./node_modules/lodash-es/isArrayLike.js": /*!***********************************************!*\ !*** ./node_modules/lodash-es/isArrayLike.js ***! \***********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _isFunction_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./isFunction.js */ "./node_modules/lodash-es/isFunction.js"); /* harmony import */ var _isLength_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./isLength.js */ "./node_modules/lodash-es/isLength.js"); /** * Checks if `value` is array-like. A value is considered array-like if it's * not a function and has a `value.length` that's an integer greater than or * equal to `0` and less than or equal to `Number.MAX_SAFE_INTEGER`. * * @static * @memberOf _ * @since 4.0.0 * @category Lang * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is array-like, else `false`. * @example * * _.isArrayLike([1, 2, 3]); * // => true * * _.isArrayLike(document.body.children); * // => true * * _.isArrayLike('abc'); * // => true * * _.isArrayLike(_.noop); * // => false */ function isArrayLike(value) { return value != null && (0,_isLength_js__WEBPACK_IMPORTED_MODULE_0__["default"])(value.length) && !(0,_isFunction_js__WEBPACK_IMPORTED_MODULE_1__["default"])(value); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (isArrayLike); /***/ }), /***/ "./node_modules/lodash-es/isArrayLikeObject.js": /*!*****************************************************!*\ !*** ./node_modules/lodash-es/isArrayLikeObject.js ***! \*****************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _isArrayLike_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./isArrayLike.js */ "./node_modules/lodash-es/isArrayLike.js"); /* harmony import */ var _isObjectLike_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./isObjectLike.js */ "./node_modules/lodash-es/isObjectLike.js"); /** * This method is like `_.isArrayLike` except that it also checks if `value` * is an object. * * @static * @memberOf _ * @since 4.0.0 * @category Lang * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is an array-like object, * else `false`. * @example * * _.isArrayLikeObject([1, 2, 3]); * // => true * * _.isArrayLikeObject(document.body.children); * // => true * * _.isArrayLikeObject('abc'); * // => false * * _.isArrayLikeObject(_.noop); * // => false */ function isArrayLikeObject(value) { return (0,_isObjectLike_js__WEBPACK_IMPORTED_MODULE_0__["default"])(value) && (0,_isArrayLike_js__WEBPACK_IMPORTED_MODULE_1__["default"])(value); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (isArrayLikeObject); /***/ }), /***/ "./node_modules/lodash-es/isBuffer.js": /*!********************************************!*\ !*** ./node_modules/lodash-es/isBuffer.js ***! \********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _root_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_root.js */ "./node_modules/lodash-es/_root.js"); /* harmony import */ var _stubFalse_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./stubFalse.js */ "./node_modules/lodash-es/stubFalse.js"); /** Detect free variable `exports`. */ var freeExports = typeof exports == 'object' && exports && !exports.nodeType && exports; /** Detect free variable `module`. */ var freeModule = freeExports && typeof module == 'object' && module && !module.nodeType && module; /** Detect the popular CommonJS extension `module.exports`. */ var moduleExports = freeModule && freeModule.exports === freeExports; /** Built-in value references. */ var Buffer = moduleExports ? _root_js__WEBPACK_IMPORTED_MODULE_0__["default"].Buffer : undefined; /* Built-in method references for those with the same name as other `lodash` methods. */ var nativeIsBuffer = Buffer ? Buffer.isBuffer : undefined; /** * Checks if `value` is a buffer. * * @static * @memberOf _ * @since 4.3.0 * @category Lang * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is a buffer, else `false`. * @example * * _.isBuffer(new Buffer(2)); * // => true * * _.isBuffer(new Uint8Array(2)); * // => false */ var isBuffer = nativeIsBuffer || _stubFalse_js__WEBPACK_IMPORTED_MODULE_1__["default"]; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (isBuffer); /***/ }), /***/ "./node_modules/lodash-es/isEmpty.js": /*!*******************************************!*\ !*** ./node_modules/lodash-es/isEmpty.js ***! \*******************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _baseKeys_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./_baseKeys.js */ "./node_modules/lodash-es/_baseKeys.js"); /* harmony import */ var _getTag_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./_getTag.js */ "./node_modules/lodash-es/_getTag.js"); /* harmony import */ var _isArguments_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./isArguments.js */ "./node_modules/lodash-es/isArguments.js"); /* harmony import */ var _isArray_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./isArray.js */ "./node_modules/lodash-es/isArray.js"); /* harmony import */ var _isArrayLike_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./isArrayLike.js */ "./node_modules/lodash-es/isArrayLike.js"); /* harmony import */ var _isBuffer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./isBuffer.js */ "./node_modules/lodash-es/isBuffer.js"); /* harmony import */ var _isPrototype_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./_isPrototype.js */ "./node_modules/lodash-es/_isPrototype.js"); /* harmony import */ var _isTypedArray_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./isTypedArray.js */ "./node_modules/lodash-es/isTypedArray.js"); /** `Object#toString` result references. */ var mapTag = '[object Map]', setTag = '[object Set]'; /** Used for built-in method references. */ var objectProto = Object.prototype; /** Used to check objects for own properties. */ var hasOwnProperty = objectProto.hasOwnProperty; /** * Checks if `value` is an empty object, collection, map, or set. * * Objects are considered empty if they have no own enumerable string keyed * properties. * * Array-like values such as `arguments` objects, arrays, buffers, strings, or * jQuery-like collections are considered empty if they have a `length` of `0`. * Similarly, maps and sets are considered empty if they have a `size` of `0`. * * @static * @memberOf _ * @since 0.1.0 * @category Lang * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is empty, else `false`. * @example * * _.isEmpty(null); * // => true * * _.isEmpty(true); * // => true * * _.isEmpty(1); * // => true * * _.isEmpty([1, 2, 3]); * // => false * * _.isEmpty({ 'a': 1 }); * // => false */ function isEmpty(value) { if (value == null) { return true; } if ((0,_isArrayLike_js__WEBPACK_IMPORTED_MODULE_0__["default"])(value) && ((0,_isArray_js__WEBPACK_IMPORTED_MODULE_1__["default"])(value) || typeof value == 'string' || typeof value.splice == 'function' || (0,_isBuffer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(value) || (0,_isTypedArray_js__WEBPACK_IMPORTED_MODULE_3__["default"])(value) || (0,_isArguments_js__WEBPACK_IMPORTED_MODULE_4__["default"])(value))) { return !value.length; } var tag = (0,_getTag_js__WEBPACK_IMPORTED_MODULE_5__["default"])(value); if (tag == mapTag || tag == setTag) { return !value.size; } if ((0,_isPrototype_js__WEBPACK_IMPORTED_MODULE_6__["default"])(value)) { return !(0,_baseKeys_js__WEBPACK_IMPORTED_MODULE_7__["default"])(value).length; } for (var key in value) { if (hasOwnProperty.call(value, key)) { return false; } } return true; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (isEmpty); /***/ }), /***/ "./node_modules/lodash-es/isEqual.js": /*!*******************************************!*\ !*** ./node_modules/lodash-es/isEqual.js ***! \*******************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _baseIsEqual_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_baseIsEqual.js */ "./node_modules/lodash-es/_baseIsEqual.js"); /** * Performs a deep comparison between two values to determine if they are * equivalent. * * **Note:** This method supports comparing arrays, array buffers, booleans, * date objects, error objects, maps, numbers, `Object` objects, regexes, * sets, strings, symbols, and typed arrays. `Object` objects are compared * by their own, not inherited, enumerable properties. Functions and DOM * nodes are compared by strict equality, i.e. `===`. * * @static * @memberOf _ * @since 0.1.0 * @category Lang * @param {*} value The value to compare. * @param {*} other The other value to compare. * @returns {boolean} Returns `true` if the values are equivalent, else `false`. * @example * * var object = { 'a': 1 }; * var other = { 'a': 1 }; * * _.isEqual(object, other); * // => true * * object === other; * // => false */ function isEqual(value, other) { return (0,_baseIsEqual_js__WEBPACK_IMPORTED_MODULE_0__["default"])(value, other); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (isEqual); /***/ }), /***/ "./node_modules/lodash-es/isFunction.js": /*!**********************************************!*\ !*** ./node_modules/lodash-es/isFunction.js ***! \**********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _baseGetTag_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_baseGetTag.js */ "./node_modules/lodash-es/_baseGetTag.js"); /* harmony import */ var _isObject_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./isObject.js */ "./node_modules/lodash-es/isObject.js"); /** `Object#toString` result references. */ var asyncTag = '[object AsyncFunction]', funcTag = '[object Function]', genTag = '[object GeneratorFunction]', proxyTag = '[object Proxy]'; /** * Checks if `value` is classified as a `Function` object. * * @static * @memberOf _ * @since 0.1.0 * @category Lang * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is a function, else `false`. * @example * * _.isFunction(_); * // => true * * _.isFunction(/abc/); * // => false */ function isFunction(value) { if (!(0,_isObject_js__WEBPACK_IMPORTED_MODULE_0__["default"])(value)) { return false; } // The use of `Object#toString` avoids issues with the `typeof` operator // in Safari 9 which returns 'object' for typed arrays and other constructors. var tag = (0,_baseGetTag_js__WEBPACK_IMPORTED_MODULE_1__["default"])(value); return tag == funcTag || tag == genTag || tag == asyncTag || tag == proxyTag; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (isFunction); /***/ }), /***/ "./node_modules/lodash-es/isLength.js": /*!********************************************!*\ !*** ./node_modules/lodash-es/isLength.js ***! \********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /** Used as references for various `Number` constants. */ var MAX_SAFE_INTEGER = 9007199254740991; /** * Checks if `value` is a valid array-like length. * * **Note:** This method is loosely based on * [`ToLength`](http://ecma-international.org/ecma-262/7.0/#sec-tolength). * * @static * @memberOf _ * @since 4.0.0 * @category Lang * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is a valid length, else `false`. * @example * * _.isLength(3); * // => true * * _.isLength(Number.MIN_VALUE); * // => false * * _.isLength(Infinity); * // => false * * _.isLength('3'); * // => false */ function isLength(value) { return typeof value == 'number' && value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (isLength); /***/ }), /***/ "./node_modules/lodash-es/isMap.js": /*!*****************************************!*\ !*** ./node_modules/lodash-es/isMap.js ***! \*****************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _baseIsMap_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./_baseIsMap.js */ "./node_modules/lodash-es/_baseIsMap.js"); /* harmony import */ var _baseUnary_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_baseUnary.js */ "./node_modules/lodash-es/_baseUnary.js"); /* harmony import */ var _nodeUtil_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_nodeUtil.js */ "./node_modules/lodash-es/_nodeUtil.js"); /* Node.js helper references. */ var nodeIsMap = _nodeUtil_js__WEBPACK_IMPORTED_MODULE_0__["default"] && _nodeUtil_js__WEBPACK_IMPORTED_MODULE_0__["default"].isMap; /** * Checks if `value` is classified as a `Map` object. * * @static * @memberOf _ * @since 4.3.0 * @category Lang * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is a map, else `false`. * @example * * _.isMap(new Map); * // => true * * _.isMap(new WeakMap); * // => false */ var isMap = nodeIsMap ? (0,_baseUnary_js__WEBPACK_IMPORTED_MODULE_1__["default"])(nodeIsMap) : _baseIsMap_js__WEBPACK_IMPORTED_MODULE_2__["default"]; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (isMap); /***/ }), /***/ "./node_modules/lodash-es/isNumber.js": /*!********************************************!*\ !*** ./node_modules/lodash-es/isNumber.js ***! \********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _baseGetTag_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_baseGetTag.js */ "./node_modules/lodash-es/_baseGetTag.js"); /* harmony import */ var _isObjectLike_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./isObjectLike.js */ "./node_modules/lodash-es/isObjectLike.js"); /** `Object#toString` result references. */ var numberTag = '[object Number]'; /** * Checks if `value` is classified as a `Number` primitive or object. * * **Note:** To exclude `Infinity`, `-Infinity`, and `NaN`, which are * classified as numbers, use the `_.isFinite` method. * * @static * @memberOf _ * @since 0.1.0 * @category Lang * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is a number, else `false`. * @example * * _.isNumber(3); * // => true * * _.isNumber(Number.MIN_VALUE); * // => true * * _.isNumber(Infinity); * // => true * * _.isNumber('3'); * // => false */ function isNumber(value) { return typeof value == 'number' || ((0,_isObjectLike_js__WEBPACK_IMPORTED_MODULE_0__["default"])(value) && (0,_baseGetTag_js__WEBPACK_IMPORTED_MODULE_1__["default"])(value) == numberTag); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (isNumber); /***/ }), /***/ "./node_modules/lodash-es/isObject.js": /*!********************************************!*\ !*** ./node_modules/lodash-es/isObject.js ***! \********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /** * Checks if `value` is the * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types) * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`) * * @static * @memberOf _ * @since 0.1.0 * @category Lang * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is an object, else `false`. * @example * * _.isObject({}); * // => true * * _.isObject([1, 2, 3]); * // => true * * _.isObject(_.noop); * // => true * * _.isObject(null); * // => false */ function isObject(value) { var type = typeof value; return value != null && (type == 'object' || type == 'function'); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (isObject); /***/ }), /***/ "./node_modules/lodash-es/isObjectLike.js": /*!************************************************!*\ !*** ./node_modules/lodash-es/isObjectLike.js ***! \************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /** * Checks if `value` is object-like. A value is object-like if it's not `null` * and has a `typeof` result of "object". * * @static * @memberOf _ * @since 4.0.0 * @category Lang * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is object-like, else `false`. * @example * * _.isObjectLike({}); * // => true * * _.isObjectLike([1, 2, 3]); * // => true * * _.isObjectLike(_.noop); * // => false * * _.isObjectLike(null); * // => false */ function isObjectLike(value) { return value != null && typeof value == 'object'; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (isObjectLike); /***/ }), /***/ "./node_modules/lodash-es/isPlainObject.js": /*!*************************************************!*\ !*** ./node_modules/lodash-es/isPlainObject.js ***! \*************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _baseGetTag_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_baseGetTag.js */ "./node_modules/lodash-es/_baseGetTag.js"); /* harmony import */ var _getPrototype_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./_getPrototype.js */ "./node_modules/lodash-es/_getPrototype.js"); /* harmony import */ var _isObjectLike_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./isObjectLike.js */ "./node_modules/lodash-es/isObjectLike.js"); /** `Object#toString` result references. */ var objectTag = '[object Object]'; /** Used for built-in method references. */ var funcProto = Function.prototype, objectProto = Object.prototype; /** Used to resolve the decompiled source of functions. */ var funcToString = funcProto.toString; /** Used to check objects for own properties. */ var hasOwnProperty = objectProto.hasOwnProperty; /** Used to infer the `Object` constructor. */ var objectCtorString = funcToString.call(Object); /** * Checks if `value` is a plain object, that is, an object created by the * `Object` constructor or one with a `[[Prototype]]` of `null`. * * @static * @memberOf _ * @since 0.8.0 * @category Lang * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is a plain object, else `false`. * @example * * function Foo() { * this.a = 1; * } * * _.isPlainObject(new Foo); * // => false * * _.isPlainObject([1, 2, 3]); * // => false * * _.isPlainObject({ 'x': 0, 'y': 0 }); * // => true * * _.isPlainObject(Object.create(null)); * // => true */ function isPlainObject(value) { if (!(0,_isObjectLike_js__WEBPACK_IMPORTED_MODULE_0__["default"])(value) || (0,_baseGetTag_js__WEBPACK_IMPORTED_MODULE_1__["default"])(value) != objectTag) { return false; } var proto = (0,_getPrototype_js__WEBPACK_IMPORTED_MODULE_2__["default"])(value); if (proto === null) { return true; } var Ctor = hasOwnProperty.call(proto, 'constructor') && proto.constructor; return typeof Ctor == 'function' && Ctor instanceof Ctor && funcToString.call(Ctor) == objectCtorString; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (isPlainObject); /***/ }), /***/ "./node_modules/lodash-es/isSet.js": /*!*****************************************!*\ !*** ./node_modules/lodash-es/isSet.js ***! \*****************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _baseIsSet_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./_baseIsSet.js */ "./node_modules/lodash-es/_baseIsSet.js"); /* harmony import */ var _baseUnary_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_baseUnary.js */ "./node_modules/lodash-es/_baseUnary.js"); /* harmony import */ var _nodeUtil_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_nodeUtil.js */ "./node_modules/lodash-es/_nodeUtil.js"); /* Node.js helper references. */ var nodeIsSet = _nodeUtil_js__WEBPACK_IMPORTED_MODULE_0__["default"] && _nodeUtil_js__WEBPACK_IMPORTED_MODULE_0__["default"].isSet; /** * Checks if `value` is classified as a `Set` object. * * @static * @memberOf _ * @since 4.3.0 * @category Lang * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is a set, else `false`. * @example * * _.isSet(new Set); * // => true * * _.isSet(new WeakSet); * // => false */ var isSet = nodeIsSet ? (0,_baseUnary_js__WEBPACK_IMPORTED_MODULE_1__["default"])(nodeIsSet) : _baseIsSet_js__WEBPACK_IMPORTED_MODULE_2__["default"]; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (isSet); /***/ }), /***/ "./node_modules/lodash-es/isSymbol.js": /*!********************************************!*\ !*** ./node_modules/lodash-es/isSymbol.js ***! \********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _baseGetTag_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_baseGetTag.js */ "./node_modules/lodash-es/_baseGetTag.js"); /* harmony import */ var _isObjectLike_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./isObjectLike.js */ "./node_modules/lodash-es/isObjectLike.js"); /** `Object#toString` result references. */ var symbolTag = '[object Symbol]'; /** * Checks if `value` is classified as a `Symbol` primitive or object. * * @static * @memberOf _ * @since 4.0.0 * @category Lang * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is a symbol, else `false`. * @example * * _.isSymbol(Symbol.iterator); * // => true * * _.isSymbol('abc'); * // => false */ function isSymbol(value) { return typeof value == 'symbol' || ((0,_isObjectLike_js__WEBPACK_IMPORTED_MODULE_0__["default"])(value) && (0,_baseGetTag_js__WEBPACK_IMPORTED_MODULE_1__["default"])(value) == symbolTag); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (isSymbol); /***/ }), /***/ "./node_modules/lodash-es/isTypedArray.js": /*!************************************************!*\ !*** ./node_modules/lodash-es/isTypedArray.js ***! \************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _baseIsTypedArray_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./_baseIsTypedArray.js */ "./node_modules/lodash-es/_baseIsTypedArray.js"); /* harmony import */ var _baseUnary_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_baseUnary.js */ "./node_modules/lodash-es/_baseUnary.js"); /* harmony import */ var _nodeUtil_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_nodeUtil.js */ "./node_modules/lodash-es/_nodeUtil.js"); /* Node.js helper references. */ var nodeIsTypedArray = _nodeUtil_js__WEBPACK_IMPORTED_MODULE_0__["default"] && _nodeUtil_js__WEBPACK_IMPORTED_MODULE_0__["default"].isTypedArray; /** * Checks if `value` is classified as a typed array. * * @static * @memberOf _ * @since 3.0.0 * @category Lang * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is a typed array, else `false`. * @example * * _.isTypedArray(new Uint8Array); * // => true * * _.isTypedArray([]); * // => false */ var isTypedArray = nodeIsTypedArray ? (0,_baseUnary_js__WEBPACK_IMPORTED_MODULE_1__["default"])(nodeIsTypedArray) : _baseIsTypedArray_js__WEBPACK_IMPORTED_MODULE_2__["default"]; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (isTypedArray); /***/ }), /***/ "./node_modules/lodash-es/keys.js": /*!****************************************!*\ !*** ./node_modules/lodash-es/keys.js ***! \****************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _arrayLikeKeys_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_arrayLikeKeys.js */ "./node_modules/lodash-es/_arrayLikeKeys.js"); /* harmony import */ var _baseKeys_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./_baseKeys.js */ "./node_modules/lodash-es/_baseKeys.js"); /* harmony import */ var _isArrayLike_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./isArrayLike.js */ "./node_modules/lodash-es/isArrayLike.js"); /** * Creates an array of the own enumerable property names of `object`. * * **Note:** Non-object values are coerced to objects. See the * [ES spec](http://ecma-international.org/ecma-262/7.0/#sec-object.keys) * for more details. * * @static * @since 0.1.0 * @memberOf _ * @category Object * @param {Object} object The object to query. * @returns {Array} Returns the array of property names. * @example * * function Foo() { * this.a = 1; * this.b = 2; * } * * Foo.prototype.c = 3; * * _.keys(new Foo); * // => ['a', 'b'] (iteration order is not guaranteed) * * _.keys('hi'); * // => ['0', '1'] */ function keys(object) { return (0,_isArrayLike_js__WEBPACK_IMPORTED_MODULE_0__["default"])(object) ? (0,_arrayLikeKeys_js__WEBPACK_IMPORTED_MODULE_1__["default"])(object) : (0,_baseKeys_js__WEBPACK_IMPORTED_MODULE_2__["default"])(object); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (keys); /***/ }), /***/ "./node_modules/lodash-es/keysIn.js": /*!******************************************!*\ !*** ./node_modules/lodash-es/keysIn.js ***! \******************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _arrayLikeKeys_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_arrayLikeKeys.js */ "./node_modules/lodash-es/_arrayLikeKeys.js"); /* harmony import */ var _baseKeysIn_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./_baseKeysIn.js */ "./node_modules/lodash-es/_baseKeysIn.js"); /* harmony import */ var _isArrayLike_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./isArrayLike.js */ "./node_modules/lodash-es/isArrayLike.js"); /** * Creates an array of the own and inherited enumerable property names of `object`. * * **Note:** Non-object values are coerced to objects. * * @static * @memberOf _ * @since 3.0.0 * @category Object * @param {Object} object The object to query. * @returns {Array} Returns the array of property names. * @example * * function Foo() { * this.a = 1; * this.b = 2; * } * * Foo.prototype.c = 3; * * _.keysIn(new Foo); * // => ['a', 'b', 'c'] (iteration order is not guaranteed) */ function keysIn(object) { return (0,_isArrayLike_js__WEBPACK_IMPORTED_MODULE_0__["default"])(object) ? (0,_arrayLikeKeys_js__WEBPACK_IMPORTED_MODULE_1__["default"])(object, true) : (0,_baseKeysIn_js__WEBPACK_IMPORTED_MODULE_2__["default"])(object); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (keysIn); /***/ }), /***/ "./node_modules/lodash-es/last.js": /*!****************************************!*\ !*** ./node_modules/lodash-es/last.js ***! \****************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /** * Gets the last element of `array`. * * @static * @memberOf _ * @since 0.1.0 * @category Array * @param {Array} array The array to query. * @returns {*} Returns the last element of `array`. * @example * * _.last([1, 2, 3]); * // => 3 */ function last(array) { var length = array == null ? 0 : array.length; return length ? array[length - 1] : undefined; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (last); /***/ }), /***/ "./node_modules/lodash-es/memoize.js": /*!*******************************************!*\ !*** ./node_modules/lodash-es/memoize.js ***! \*******************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _MapCache_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_MapCache.js */ "./node_modules/lodash-es/_MapCache.js"); /** Error message constants. */ var FUNC_ERROR_TEXT = 'Expected a function'; /** * Creates a function that memoizes the result of `func`. If `resolver` is * provided, it determines the cache key for storing the result based on the * arguments provided to the memoized function. By default, the first argument * provided to the memoized function is used as the map cache key. The `func` * is invoked with the `this` binding of the memoized function. * * **Note:** The cache is exposed as the `cache` property on the memoized * function. Its creation may be customized by replacing the `_.memoize.Cache` * constructor with one whose instances implement the * [`Map`](http://ecma-international.org/ecma-262/7.0/#sec-properties-of-the-map-prototype-object) * method interface of `clear`, `delete`, `get`, `has`, and `set`. * * @static * @memberOf _ * @since 0.1.0 * @category Function * @param {Function} func The function to have its output memoized. * @param {Function} [resolver] The function to resolve the cache key. * @returns {Function} Returns the new memoized function. * @example * * var object = { 'a': 1, 'b': 2 }; * var other = { 'c': 3, 'd': 4 }; * * var values = _.memoize(_.values); * values(object); * // => [1, 2] * * values(other); * // => [3, 4] * * object.a = 2; * values(object); * // => [1, 2] * * // Modify the result cache. * values.cache.set(object, ['a', 'b']); * values(object); * // => ['a', 'b'] * * // Replace `_.memoize.Cache`. * _.memoize.Cache = WeakMap; */ function memoize(func, resolver) { if (typeof func != 'function' || (resolver != null && typeof resolver != 'function')) { throw new TypeError(FUNC_ERROR_TEXT); } var memoized = function() { var args = arguments, key = resolver ? resolver.apply(this, args) : args[0], cache = memoized.cache; if (cache.has(key)) { return cache.get(key); } var result = func.apply(this, args); memoized.cache = cache.set(key, result) || cache; return result; }; memoized.cache = new (memoize.Cache || _MapCache_js__WEBPACK_IMPORTED_MODULE_0__["default"]); return memoized; } // Expose `MapCache`. memoize.Cache = _MapCache_js__WEBPACK_IMPORTED_MODULE_0__["default"]; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (memoize); /***/ }), /***/ "./node_modules/lodash-es/noop.js": /*!****************************************!*\ !*** ./node_modules/lodash-es/noop.js ***! \****************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /** * This method returns `undefined`. * * @static * @memberOf _ * @since 2.3.0 * @category Util * @example * * _.times(2, _.noop); * // => [undefined, undefined] */ function noop() { // No operation performed. } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (noop); /***/ }), /***/ "./node_modules/lodash-es/now.js": /*!***************************************!*\ !*** ./node_modules/lodash-es/now.js ***! \***************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _root_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_root.js */ "./node_modules/lodash-es/_root.js"); /** * Gets the timestamp of the number of milliseconds that have elapsed since * the Unix epoch (1 January 1970 00:00:00 UTC). * * @static * @memberOf _ * @since 2.4.0 * @category Date * @returns {number} Returns the timestamp. * @example * * _.defer(function(stamp) { * console.log(_.now() - stamp); * }, _.now()); * // => Logs the number of milliseconds it took for the deferred invocation. */ var now = function() { return _root_js__WEBPACK_IMPORTED_MODULE_0__["default"].Date.now(); }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (now); /***/ }), /***/ "./node_modules/lodash-es/omit.js": /*!****************************************!*\ !*** ./node_modules/lodash-es/omit.js ***! \****************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _arrayMap_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_arrayMap.js */ "./node_modules/lodash-es/_arrayMap.js"); /* harmony import */ var _baseClone_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./_baseClone.js */ "./node_modules/lodash-es/_baseClone.js"); /* harmony import */ var _baseUnset_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./_baseUnset.js */ "./node_modules/lodash-es/_baseUnset.js"); /* harmony import */ var _castPath_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./_castPath.js */ "./node_modules/lodash-es/_castPath.js"); /* harmony import */ var _copyObject_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./_copyObject.js */ "./node_modules/lodash-es/_copyObject.js"); /* harmony import */ var _customOmitClone_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./_customOmitClone.js */ "./node_modules/lodash-es/_customOmitClone.js"); /* harmony import */ var _flatRest_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_flatRest.js */ "./node_modules/lodash-es/_flatRest.js"); /* harmony import */ var _getAllKeysIn_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./_getAllKeysIn.js */ "./node_modules/lodash-es/_getAllKeysIn.js"); /** Used to compose bitmasks for cloning. */ var CLONE_DEEP_FLAG = 1, CLONE_FLAT_FLAG = 2, CLONE_SYMBOLS_FLAG = 4; /** * The opposite of `_.pick`; this method creates an object composed of the * own and inherited enumerable property paths of `object` that are not omitted. * * **Note:** This method is considerably slower than `_.pick`. * * @static * @since 0.1.0 * @memberOf _ * @category Object * @param {Object} object The source object. * @param {...(string|string[])} [paths] The property paths to omit. * @returns {Object} Returns the new object. * @example * * var object = { 'a': 1, 'b': '2', 'c': 3 }; * * _.omit(object, ['a', 'c']); * // => { 'b': '2' } */ var omit = (0,_flatRest_js__WEBPACK_IMPORTED_MODULE_0__["default"])(function(object, paths) { var result = {}; if (object == null) { return result; } var isDeep = false; paths = (0,_arrayMap_js__WEBPACK_IMPORTED_MODULE_1__["default"])(paths, function(path) { path = (0,_castPath_js__WEBPACK_IMPORTED_MODULE_2__["default"])(path, object); isDeep || (isDeep = path.length > 1); return path; }); (0,_copyObject_js__WEBPACK_IMPORTED_MODULE_3__["default"])(object, (0,_getAllKeysIn_js__WEBPACK_IMPORTED_MODULE_4__["default"])(object), result); if (isDeep) { result = (0,_baseClone_js__WEBPACK_IMPORTED_MODULE_5__["default"])(result, CLONE_DEEP_FLAG | CLONE_FLAT_FLAG | CLONE_SYMBOLS_FLAG, _customOmitClone_js__WEBPACK_IMPORTED_MODULE_6__["default"]); } var length = paths.length; while (length--) { (0,_baseUnset_js__WEBPACK_IMPORTED_MODULE_7__["default"])(result, paths[length]); } return result; }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (omit); /***/ }), /***/ "./node_modules/lodash-es/partition.js": /*!*********************************************!*\ !*** ./node_modules/lodash-es/partition.js ***! \*********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _createAggregator_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_createAggregator.js */ "./node_modules/lodash-es/_createAggregator.js"); /** * Creates an array of elements split into two groups, the first of which * contains elements `predicate` returns truthy for, the second of which * contains elements `predicate` returns falsey for. The predicate is * invoked with one argument: (value). * * @static * @memberOf _ * @since 3.0.0 * @category Collection * @param {Array|Object} collection The collection to iterate over. * @param {Function} [predicate=_.identity] The function invoked per iteration. * @returns {Array} Returns the array of grouped elements. * @example * * var users = [ * { 'user': 'barney', 'age': 36, 'active': false }, * { 'user': 'fred', 'age': 40, 'active': true }, * { 'user': 'pebbles', 'age': 1, 'active': false } * ]; * * _.partition(users, function(o) { return o.active; }); * // => objects for [['fred'], ['barney', 'pebbles']] * * // The `_.matches` iteratee shorthand. * _.partition(users, { 'age': 1, 'active': false }); * // => objects for [['pebbles'], ['barney', 'fred']] * * // The `_.matchesProperty` iteratee shorthand. * _.partition(users, ['active', false]); * // => objects for [['barney', 'pebbles'], ['fred']] * * // The `_.property` iteratee shorthand. * _.partition(users, 'active'); * // => objects for [['fred'], ['barney', 'pebbles']] */ var partition = (0,_createAggregator_js__WEBPACK_IMPORTED_MODULE_0__["default"])(function(result, value, key) { result[key ? 0 : 1].push(value); }, function() { return [[], []]; }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (partition); /***/ }), /***/ "./node_modules/lodash-es/pick.js": /*!****************************************!*\ !*** ./node_modules/lodash-es/pick.js ***! \****************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _basePick_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_basePick.js */ "./node_modules/lodash-es/_basePick.js"); /* harmony import */ var _flatRest_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_flatRest.js */ "./node_modules/lodash-es/_flatRest.js"); /** * Creates an object composed of the picked `object` properties. * * @static * @since 0.1.0 * @memberOf _ * @category Object * @param {Object} object The source object. * @param {...(string|string[])} [paths] The property paths to pick. * @returns {Object} Returns the new object. * @example * * var object = { 'a': 1, 'b': '2', 'c': 3 }; * * _.pick(object, ['a', 'c']); * // => { 'a': 1, 'c': 3 } */ var pick = (0,_flatRest_js__WEBPACK_IMPORTED_MODULE_0__["default"])(function(object, paths) { return object == null ? {} : (0,_basePick_js__WEBPACK_IMPORTED_MODULE_1__["default"])(object, paths); }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (pick); /***/ }), /***/ "./node_modules/lodash-es/property.js": /*!********************************************!*\ !*** ./node_modules/lodash-es/property.js ***! \********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _baseProperty_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_baseProperty.js */ "./node_modules/lodash-es/_baseProperty.js"); /* harmony import */ var _basePropertyDeep_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./_basePropertyDeep.js */ "./node_modules/lodash-es/_basePropertyDeep.js"); /* harmony import */ var _isKey_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_isKey.js */ "./node_modules/lodash-es/_isKey.js"); /* harmony import */ var _toKey_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./_toKey.js */ "./node_modules/lodash-es/_toKey.js"); /** * Creates a function that returns the value at `path` of a given object. * * @static * @memberOf _ * @since 2.4.0 * @category Util * @param {Array|string} path The path of the property to get. * @returns {Function} Returns the new accessor function. * @example * * var objects = [ * { 'a': { 'b': 2 } }, * { 'a': { 'b': 1 } } * ]; * * _.map(objects, _.property('a.b')); * // => [2, 1] * * _.map(_.sortBy(objects, _.property(['a', 'b'])), 'a.b'); * // => [1, 2] */ function property(path) { return (0,_isKey_js__WEBPACK_IMPORTED_MODULE_0__["default"])(path) ? (0,_baseProperty_js__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_toKey_js__WEBPACK_IMPORTED_MODULE_2__["default"])(path)) : (0,_basePropertyDeep_js__WEBPACK_IMPORTED_MODULE_3__["default"])(path); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (property); /***/ }), /***/ "./node_modules/lodash-es/stubArray.js": /*!*********************************************!*\ !*** ./node_modules/lodash-es/stubArray.js ***! \*********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /** * This method returns a new empty array. * * @static * @memberOf _ * @since 4.13.0 * @category Util * @returns {Array} Returns the new empty array. * @example * * var arrays = _.times(2, _.stubArray); * * console.log(arrays); * // => [[], []] * * console.log(arrays[0] === arrays[1]); * // => false */ function stubArray() { return []; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (stubArray); /***/ }), /***/ "./node_modules/lodash-es/stubFalse.js": /*!*********************************************!*\ !*** ./node_modules/lodash-es/stubFalse.js ***! \*********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /** * This method returns `false`. * * @static * @memberOf _ * @since 4.13.0 * @category Util * @returns {boolean} Returns `false`. * @example * * _.times(2, _.stubFalse); * // => [false, false] */ function stubFalse() { return false; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (stubFalse); /***/ }), /***/ "./node_modules/lodash-es/toFinite.js": /*!********************************************!*\ !*** ./node_modules/lodash-es/toFinite.js ***! \********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _toNumber_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./toNumber.js */ "./node_modules/lodash-es/toNumber.js"); /** Used as references for various `Number` constants. */ var INFINITY = 1 / 0, MAX_INTEGER = 1.7976931348623157e+308; /** * Converts `value` to a finite number. * * @static * @memberOf _ * @since 4.12.0 * @category Lang * @param {*} value The value to convert. * @returns {number} Returns the converted number. * @example * * _.toFinite(3.2); * // => 3.2 * * _.toFinite(Number.MIN_VALUE); * // => 5e-324 * * _.toFinite(Infinity); * // => 1.7976931348623157e+308 * * _.toFinite('3.2'); * // => 3.2 */ function toFinite(value) { if (!value) { return value === 0 ? value : 0; } value = (0,_toNumber_js__WEBPACK_IMPORTED_MODULE_0__["default"])(value); if (value === INFINITY || value === -INFINITY) { var sign = (value < 0 ? -1 : 1); return sign * MAX_INTEGER; } return value === value ? value : 0; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (toFinite); /***/ }), /***/ "./node_modules/lodash-es/toInteger.js": /*!*********************************************!*\ !*** ./node_modules/lodash-es/toInteger.js ***! \*********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _toFinite_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./toFinite.js */ "./node_modules/lodash-es/toFinite.js"); /** * Converts `value` to an integer. * * **Note:** This method is loosely based on * [`ToInteger`](http://www.ecma-international.org/ecma-262/7.0/#sec-tointeger). * * @static * @memberOf _ * @since 4.0.0 * @category Lang * @param {*} value The value to convert. * @returns {number} Returns the converted integer. * @example * * _.toInteger(3.2); * // => 3 * * _.toInteger(Number.MIN_VALUE); * // => 0 * * _.toInteger(Infinity); * // => 1.7976931348623157e+308 * * _.toInteger('3.2'); * // => 3 */ function toInteger(value) { var result = (0,_toFinite_js__WEBPACK_IMPORTED_MODULE_0__["default"])(value), remainder = result % 1; return result === result ? (remainder ? result - remainder : result) : 0; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (toInteger); /***/ }), /***/ "./node_modules/lodash-es/toNumber.js": /*!********************************************!*\ !*** ./node_modules/lodash-es/toNumber.js ***! \********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _baseTrim_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./_baseTrim.js */ "./node_modules/lodash-es/_baseTrim.js"); /* harmony import */ var _isObject_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./isObject.js */ "./node_modules/lodash-es/isObject.js"); /* harmony import */ var _isSymbol_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./isSymbol.js */ "./node_modules/lodash-es/isSymbol.js"); /** Used as references for various `Number` constants. */ var NAN = 0 / 0; /** Used to detect bad signed hexadecimal string values. */ var reIsBadHex = /^[-+]0x[0-9a-f]+$/i; /** Used to detect binary string values. */ var reIsBinary = /^0b[01]+$/i; /** Used to detect octal string values. */ var reIsOctal = /^0o[0-7]+$/i; /** Built-in method references without a dependency on `root`. */ var freeParseInt = parseInt; /** * Converts `value` to a number. * * @static * @memberOf _ * @since 4.0.0 * @category Lang * @param {*} value The value to process. * @returns {number} Returns the number. * @example * * _.toNumber(3.2); * // => 3.2 * * _.toNumber(Number.MIN_VALUE); * // => 5e-324 * * _.toNumber(Infinity); * // => Infinity * * _.toNumber('3.2'); * // => 3.2 */ function toNumber(value) { if (typeof value == 'number') { return value; } if ((0,_isSymbol_js__WEBPACK_IMPORTED_MODULE_0__["default"])(value)) { return NAN; } if ((0,_isObject_js__WEBPACK_IMPORTED_MODULE_1__["default"])(value)) { var other = typeof value.valueOf == 'function' ? value.valueOf() : value; value = (0,_isObject_js__WEBPACK_IMPORTED_MODULE_1__["default"])(other) ? (other + '') : other; } if (typeof value != 'string') { return value === 0 ? value : +value; } value = (0,_baseTrim_js__WEBPACK_IMPORTED_MODULE_2__["default"])(value); var isBinary = reIsBinary.test(value); return (isBinary || reIsOctal.test(value)) ? freeParseInt(value.slice(2), isBinary ? 2 : 8) : (reIsBadHex.test(value) ? NAN : +value); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (toNumber); /***/ }), /***/ "./node_modules/lodash-es/toString.js": /*!********************************************!*\ !*** ./node_modules/lodash-es/toString.js ***! \********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _baseToString_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_baseToString.js */ "./node_modules/lodash-es/_baseToString.js"); /** * Converts `value` to a string. An empty string is returned for `null` * and `undefined` values. The sign of `-0` is preserved. * * @static * @memberOf _ * @since 4.0.0 * @category Lang * @param {*} value The value to convert. * @returns {string} Returns the converted string. * @example * * _.toString(null); * // => '' * * _.toString(-0); * // => '-0' * * _.toString([1, 2, 3]); * // => '1,2,3' */ function toString(value) { return value == null ? '' : (0,_baseToString_js__WEBPACK_IMPORTED_MODULE_0__["default"])(value); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (toString); /***/ }), /***/ "./node_modules/lodash-es/uniq.js": /*!****************************************!*\ !*** ./node_modules/lodash-es/uniq.js ***! \****************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _baseUniq_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_baseUniq.js */ "./node_modules/lodash-es/_baseUniq.js"); /** * Creates a duplicate-free version of an array, using * [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero) * for equality comparisons, in which only the first occurrence of each element * is kept. The order of result values is determined by the order they occur * in the array. * * @static * @memberOf _ * @since 0.1.0 * @category Array * @param {Array} array The array to inspect. * @returns {Array} Returns the new duplicate free array. * @example * * _.uniq([2, 1, 2]); * // => [2, 1] */ function uniq(array) { return (array && array.length) ? (0,_baseUniq_js__WEBPACK_IMPORTED_MODULE_0__["default"])(array) : []; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (uniq); /***/ }), /***/ "./node_modules/stylis/src/Enum.js": /*!*****************************************!*\ !*** ./node_modules/stylis/src/Enum.js ***! \*****************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ CHARSET: () => (/* binding */ CHARSET), /* harmony export */ COMMENT: () => (/* binding */ COMMENT), /* harmony export */ COUNTER_STYLE: () => (/* binding */ COUNTER_STYLE), /* harmony export */ DECLARATION: () => (/* binding */ DECLARATION), /* harmony export */ DOCUMENT: () => (/* binding */ DOCUMENT), /* harmony export */ FONT_FACE: () => (/* binding */ FONT_FACE), /* harmony export */ FONT_FEATURE_VALUES: () => (/* binding */ FONT_FEATURE_VALUES), /* harmony export */ IMPORT: () => (/* binding */ IMPORT), /* harmony export */ KEYFRAMES: () => (/* binding */ KEYFRAMES), /* harmony export */ LAYER: () => (/* binding */ LAYER), /* harmony export */ MEDIA: () => (/* binding */ MEDIA), /* harmony export */ MOZ: () => (/* binding */ MOZ), /* harmony export */ MS: () => (/* binding */ MS), /* harmony export */ NAMESPACE: () => (/* binding */ NAMESPACE), /* harmony export */ PAGE: () => (/* binding */ PAGE), /* harmony export */ RULESET: () => (/* binding */ RULESET), /* harmony export */ SUPPORTS: () => (/* binding */ SUPPORTS), /* harmony export */ VIEWPORT: () => (/* binding */ VIEWPORT), /* harmony export */ WEBKIT: () => (/* binding */ WEBKIT) /* harmony export */ }); var MS = '-ms-' var MOZ = '-moz-' var WEBKIT = '-webkit-' var COMMENT = 'comm' var RULESET = 'rule' var DECLARATION = 'decl' var PAGE = '@page' var MEDIA = '@media' var IMPORT = '@import' var CHARSET = '@charset' var VIEWPORT = '@viewport' var SUPPORTS = '@supports' var DOCUMENT = '@document' var NAMESPACE = '@namespace' var KEYFRAMES = '@keyframes' var FONT_FACE = '@font-face' var COUNTER_STYLE = '@counter-style' var FONT_FEATURE_VALUES = '@font-feature-values' var LAYER = '@layer' /***/ }), /***/ "./node_modules/stylis/src/Parser.js": /*!*******************************************!*\ !*** ./node_modules/stylis/src/Parser.js ***! \*******************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ comment: () => (/* binding */ comment), /* harmony export */ compile: () => (/* binding */ compile), /* harmony export */ declaration: () => (/* binding */ declaration), /* harmony export */ parse: () => (/* binding */ parse), /* harmony export */ ruleset: () => (/* binding */ ruleset) /* harmony export */ }); /* harmony import */ var _Enum_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Enum.js */ "./node_modules/stylis/src/Enum.js"); /* harmony import */ var _Utility_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Utility.js */ "./node_modules/stylis/src/Utility.js"); /* harmony import */ var _Tokenizer_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Tokenizer.js */ "./node_modules/stylis/src/Tokenizer.js"); /** * @param {string} value * @return {object[]} */ function compile (value) { return (0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_0__.dealloc)(parse('', null, null, null, [''], value = (0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_0__.alloc)(value), 0, [0], value)) } /** * @param {string} value * @param {object} root * @param {object?} parent * @param {string[]} rule * @param {string[]} rules * @param {string[]} rulesets * @param {number[]} pseudo * @param {number[]} points * @param {string[]} declarations * @return {object} */ function parse (value, root, parent, rule, rules, rulesets, pseudo, points, declarations) { var index = 0 var offset = 0 var length = pseudo var atrule = 0 var property = 0 var previous = 0 var variable = 1 var scanning = 1 var ampersand = 1 var character = 0 var type = '' var props = rules var children = rulesets var reference = rule var characters = type while (scanning) switch (previous = character, character = (0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_0__.next)()) { // ( case 40: if (previous != 108 && (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.charat)(characters, length - 1) == 58) { if ((0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.indexof)(characters += (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)((0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_0__.delimit)(character), '&', '&\f'), '&\f', (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.abs)(index ? points[index - 1] : 0)) != -1) ampersand = -1 break } // " ' [ case 34: case 39: case 91: characters += (0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_0__.delimit)(character) break // \t \n \r \s case 9: case 10: case 13: case 32: characters += (0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_0__.whitespace)(previous) break // \ case 92: characters += (0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_0__.escaping)((0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_0__.caret)() - 1, 7) continue // / case 47: switch ((0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_0__.peek)()) { case 42: case 47: ;(0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.append)(comment((0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_0__.commenter)((0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_0__.next)(), (0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_0__.caret)()), root, parent, declarations), declarations) break default: characters += '/' } break // { case 123 * variable: points[index++] = (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.strlen)(characters) * ampersand // } ; \0 case 125 * variable: case 59: case 0: switch (character) { // \0 } case 0: case 125: scanning = 0 // ; case 59 + offset: if (ampersand == -1) characters = (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(characters, /\f/g, '') if (property > 0 && ((0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.strlen)(characters) - length)) (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.append)(property > 32 ? declaration(characters + ';', rule, parent, length - 1, declarations) : declaration((0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(characters, ' ', '') + ';', rule, parent, length - 2, declarations), declarations) break // @ ; case 59: characters += ';' // { rule/at-rule default: ;(0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.append)(reference = ruleset(characters, root, parent, index, offset, rules, points, type, props = [], children = [], length, rulesets), rulesets) if (character === 123) if (offset === 0) parse(characters, root, reference, reference, props, rulesets, length, points, children) else switch (atrule === 99 && (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.charat)(characters, 3) === 110 ? 100 : atrule) { // d l m s case 100: case 108: case 109: case 115: parse(value, reference, reference, rule && (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.append)(ruleset(value, reference, reference, 0, 0, rules, points, type, rules, props = [], length, children), children), rules, children, length, points, rule ? props : children) break default: parse(characters, reference, reference, reference, [''], children, 0, points, children) } } index = offset = property = 0, variable = ampersand = 1, type = characters = '', length = pseudo break // : case 58: length = 1 + (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.strlen)(characters), property = previous default: if (variable < 1) if (character == 123) --variable else if (character == 125 && variable++ == 0 && (0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_0__.prev)() == 125) continue switch (characters += (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.from)(character), character * variable) { // & case 38: ampersand = offset > 0 ? 1 : (characters += '\f', -1) break // , case 44: points[index++] = ((0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.strlen)(characters) - 1) * ampersand, ampersand = 1 break // @ case 64: // - if ((0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_0__.peek)() === 45) characters += (0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_0__.delimit)((0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_0__.next)()) atrule = (0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_0__.peek)(), offset = length = (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.strlen)(type = characters += (0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_0__.identifier)((0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_0__.caret)())), character++ break // - case 45: if (previous === 45 && (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.strlen)(characters) == 2) variable = 0 } } return rulesets } /** * @param {string} value * @param {object} root * @param {object?} parent * @param {number} index * @param {number} offset * @param {string[]} rules * @param {number[]} points * @param {string} type * @param {string[]} props * @param {string[]} children * @param {number} length * @param {object[]} siblings * @return {object} */ function ruleset (value, root, parent, index, offset, rules, points, type, props, children, length, siblings) { var post = offset - 1 var rule = offset === 0 ? rules : [''] var size = (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.sizeof)(rule) for (var i = 0, j = 0, k = 0; i < index; ++i) for (var x = 0, y = (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.substr)(value, post + 1, post = (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.abs)(j = points[i])), z = value; x < size; ++x) if (z = (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.trim)(j > 0 ? rule[x] + ' ' + y : (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(y, /&\f/g, rule[x]))) props[k++] = z return (0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_0__.node)(value, root, parent, offset === 0 ? _Enum_js__WEBPACK_IMPORTED_MODULE_2__.RULESET : type, props, children, length, siblings) } /** * @param {number} value * @param {object} root * @param {object?} parent * @param {object[]} siblings * @return {object} */ function comment (value, root, parent, siblings) { return (0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_0__.node)(value, root, parent, _Enum_js__WEBPACK_IMPORTED_MODULE_2__.COMMENT, (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.from)((0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_0__.char)()), (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.substr)(value, 2, -2), 0, siblings) } /** * @param {string} value * @param {object} root * @param {object?} parent * @param {number} length * @param {object[]} siblings * @return {object} */ function declaration (value, root, parent, length, siblings) { return (0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_0__.node)(value, root, parent, _Enum_js__WEBPACK_IMPORTED_MODULE_2__.DECLARATION, (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.substr)(value, 0, length), (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.substr)(value, length + 1, -1), length, siblings) } /***/ }), /***/ "./node_modules/stylis/src/Serializer.js": /*!***********************************************!*\ !*** ./node_modules/stylis/src/Serializer.js ***! \***********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ serialize: () => (/* binding */ serialize), /* harmony export */ stringify: () => (/* binding */ stringify) /* harmony export */ }); /* harmony import */ var _Enum_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Enum.js */ "./node_modules/stylis/src/Enum.js"); /* harmony import */ var _Utility_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Utility.js */ "./node_modules/stylis/src/Utility.js"); /** * @param {object[]} children * @param {function} callback * @return {string} */ function serialize (children, callback) { var output = '' for (var i = 0; i < children.length; i++) output += callback(children[i], i, children, callback) || '' return output } /** * @param {object} element * @param {number} index * @param {object[]} children * @param {function} callback * @return {string} */ function stringify (element, index, children, callback) { switch (element.type) { case _Enum_js__WEBPACK_IMPORTED_MODULE_0__.LAYER: if (element.children.length) break case _Enum_js__WEBPACK_IMPORTED_MODULE_0__.IMPORT: case _Enum_js__WEBPACK_IMPORTED_MODULE_0__.DECLARATION: return element.return = element.return || element.value case _Enum_js__WEBPACK_IMPORTED_MODULE_0__.COMMENT: return '' case _Enum_js__WEBPACK_IMPORTED_MODULE_0__.KEYFRAMES: return element.return = element.value + '{' + serialize(element.children, callback) + '}' case _Enum_js__WEBPACK_IMPORTED_MODULE_0__.RULESET: if (!(0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.strlen)(element.value = element.props.join(','))) return '' } return (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.strlen)(children = serialize(element.children, callback)) ? element.return = element.value + '{' + children + '}' : '' } /***/ }), /***/ "./node_modules/stylis/src/Tokenizer.js": /*!**********************************************!*\ !*** ./node_modules/stylis/src/Tokenizer.js ***! \**********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ alloc: () => (/* binding */ alloc), /* harmony export */ caret: () => (/* binding */ caret), /* harmony export */ char: () => (/* binding */ char), /* harmony export */ character: () => (/* binding */ character), /* harmony export */ characters: () => (/* binding */ characters), /* harmony export */ column: () => (/* binding */ column), /* harmony export */ commenter: () => (/* binding */ commenter), /* harmony export */ copy: () => (/* binding */ copy), /* harmony export */ dealloc: () => (/* binding */ dealloc), /* harmony export */ delimit: () => (/* binding */ delimit), /* harmony export */ delimiter: () => (/* binding */ delimiter), /* harmony export */ escaping: () => (/* binding */ escaping), /* harmony export */ identifier: () => (/* binding */ identifier), /* harmony export */ length: () => (/* binding */ length), /* harmony export */ lift: () => (/* binding */ lift), /* harmony export */ line: () => (/* binding */ line), /* harmony export */ next: () => (/* binding */ next), /* harmony export */ node: () => (/* binding */ node), /* harmony export */ peek: () => (/* binding */ peek), /* harmony export */ position: () => (/* binding */ position), /* harmony export */ prev: () => (/* binding */ prev), /* harmony export */ slice: () => (/* binding */ slice), /* harmony export */ token: () => (/* binding */ token), /* harmony export */ tokenize: () => (/* binding */ tokenize), /* harmony export */ tokenizer: () => (/* binding */ tokenizer), /* harmony export */ whitespace: () => (/* binding */ whitespace) /* harmony export */ }); /* harmony import */ var _Utility_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Utility.js */ "./node_modules/stylis/src/Utility.js"); var line = 1 var column = 1 var length = 0 var position = 0 var character = 0 var characters = '' /** * @param {string} value * @param {object | null} root * @param {object | null} parent * @param {string} type * @param {string[] | string} props * @param {object[] | string} children * @param {object[]} siblings * @param {number} length */ function node (value, root, parent, type, props, children, length, siblings) { return {value: value, root: root, parent: parent, type: type, props: props, children: children, line: line, column: column, length: length, return: '', siblings: siblings} } /** * @param {object} root * @param {object} props * @return {object} */ function copy (root, props) { return (0,_Utility_js__WEBPACK_IMPORTED_MODULE_0__.assign)(node('', null, null, '', null, null, 0, root.siblings), root, {length: -root.length}, props) } /** * @param {object} root */ function lift (root) { while (root.root) root = copy(root.root, {children: [root]}) ;(0,_Utility_js__WEBPACK_IMPORTED_MODULE_0__.append)(root, root.siblings) } /** * @return {number} */ function char () { return character } /** * @return {number} */ function prev () { character = position > 0 ? (0,_Utility_js__WEBPACK_IMPORTED_MODULE_0__.charat)(characters, --position) : 0 if (column--, character === 10) column = 1, line-- return character } /** * @return {number} */ function next () { character = position < length ? (0,_Utility_js__WEBPACK_IMPORTED_MODULE_0__.charat)(characters, position++) : 0 if (column++, character === 10) column = 1, line++ return character } /** * @return {number} */ function peek () { return (0,_Utility_js__WEBPACK_IMPORTED_MODULE_0__.charat)(characters, position) } /** * @return {number} */ function caret () { return position } /** * @param {number} begin * @param {number} end * @return {string} */ function slice (begin, end) { return (0,_Utility_js__WEBPACK_IMPORTED_MODULE_0__.substr)(characters, begin, end) } /** * @param {number} type * @return {number} */ function token (type) { switch (type) { // \0 \t \n \r \s whitespace token case 0: case 9: case 10: case 13: case 32: return 5 // ! + , / > @ ~ isolate token case 33: case 43: case 44: case 47: case 62: case 64: case 126: // ; { } breakpoint token case 59: case 123: case 125: return 4 // : accompanied token case 58: return 3 // " ' ( [ opening delimit token case 34: case 39: case 40: case 91: return 2 // ) ] closing delimit token case 41: case 93: return 1 } return 0 } /** * @param {string} value * @return {any[]} */ function alloc (value) { return line = column = 1, length = (0,_Utility_js__WEBPACK_IMPORTED_MODULE_0__.strlen)(characters = value), position = 0, [] } /** * @param {any} value * @return {any} */ function dealloc (value) { return characters = '', value } /** * @param {number} type * @return {string} */ function delimit (type) { return (0,_Utility_js__WEBPACK_IMPORTED_MODULE_0__.trim)(slice(position - 1, delimiter(type === 91 ? type + 2 : type === 40 ? type + 1 : type))) } /** * @param {string} value * @return {string[]} */ function tokenize (value) { return dealloc(tokenizer(alloc(value))) } /** * @param {number} type * @return {string} */ function whitespace (type) { while (character = peek()) if (character < 33) next() else break return token(type) > 2 || token(character) > 3 ? '' : ' ' } /** * @param {string[]} children * @return {string[]} */ function tokenizer (children) { while (next()) switch (token(character)) { case 0: (0,_Utility_js__WEBPACK_IMPORTED_MODULE_0__.append)(identifier(position - 1), children) break case 2: ;(0,_Utility_js__WEBPACK_IMPORTED_MODULE_0__.append)(delimit(character), children) break default: ;(0,_Utility_js__WEBPACK_IMPORTED_MODULE_0__.append)((0,_Utility_js__WEBPACK_IMPORTED_MODULE_0__.from)(character), children) } return children } /** * @param {number} index * @param {number} count * @return {string} */ function escaping (index, count) { while (--count && next()) // not 0-9 A-F a-f if (character < 48 || character > 102 || (character > 57 && character < 65) || (character > 70 && character < 97)) break return slice(index, caret() + (count < 6 && peek() == 32 && next() == 32)) } /** * @param {number} type * @return {number} */ function delimiter (type) { while (next()) switch (character) { // ] ) " ' case type: return position // " ' case 34: case 39: if (type !== 34 && type !== 39) delimiter(character) break // ( case 40: if (type === 41) delimiter(type) break // \ case 92: next() break } return position } /** * @param {number} type * @param {number} index * @return {number} */ function commenter (type, index) { while (next()) // // if (type + character === 47 + 10) break // /* else if (type + character === 42 + 42 && peek() === 47) break return '/*' + slice(index, position - 1) + '*' + (0,_Utility_js__WEBPACK_IMPORTED_MODULE_0__.from)(type === 47 ? type : next()) } /** * @param {number} index * @return {string} */ function identifier (index) { while (!token(peek())) next() return slice(index, position) } /***/ }), /***/ "./node_modules/stylis/src/Utility.js": /*!********************************************!*\ !*** ./node_modules/stylis/src/Utility.js ***! \********************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ abs: () => (/* binding */ abs), /* harmony export */ append: () => (/* binding */ append), /* harmony export */ assign: () => (/* binding */ assign), /* harmony export */ charat: () => (/* binding */ charat), /* harmony export */ combine: () => (/* binding */ combine), /* harmony export */ filter: () => (/* binding */ filter), /* harmony export */ from: () => (/* binding */ from), /* harmony export */ hash: () => (/* binding */ hash), /* harmony export */ indexof: () => (/* binding */ indexof), /* harmony export */ match: () => (/* binding */ match), /* harmony export */ replace: () => (/* binding */ replace), /* harmony export */ sizeof: () => (/* binding */ sizeof), /* harmony export */ strlen: () => (/* binding */ strlen), /* harmony export */ substr: () => (/* binding */ substr), /* harmony export */ trim: () => (/* binding */ trim) /* harmony export */ }); /** * @param {number} * @return {number} */ var abs = Math.abs /** * @param {number} * @return {string} */ var from = String.fromCharCode /** * @param {object} * @return {object} */ var assign = Object.assign /** * @param {string} value * @param {number} length * @return {number} */ function hash (value, length) { return charat(value, 0) ^ 45 ? (((((((length << 2) ^ charat(value, 0)) << 2) ^ charat(value, 1)) << 2) ^ charat(value, 2)) << 2) ^ charat(value, 3) : 0 } /** * @param {string} value * @return {string} */ function trim (value) { return value.trim() } /** * @param {string} value * @param {RegExp} pattern * @return {string?} */ function match (value, pattern) { return (value = pattern.exec(value)) ? value[0] : value } /** * @param {string} value * @param {(string|RegExp)} pattern * @param {string} replacement * @return {string} */ function replace (value, pattern, replacement) { return value.replace(pattern, replacement) } /** * @param {string} value * @param {string} search * @param {number} position * @return {number} */ function indexof (value, search, position) { return value.indexOf(search, position) } /** * @param {string} value * @param {number} index * @return {number} */ function charat (value, index) { return value.charCodeAt(index) | 0 } /** * @param {string} value * @param {number} begin * @param {number} end * @return {string} */ function substr (value, begin, end) { return value.slice(begin, end) } /** * @param {string} value * @return {number} */ function strlen (value) { return value.length } /** * @param {any[]} value * @return {number} */ function sizeof (value) { return value.length } /** * @param {any} value * @param {any[]} array * @return {any} */ function append (value, array) { return array.push(value), value } /** * @param {string[]} array * @param {function} callback * @return {string} */ function combine (array, callback) { return array.map(callback).join('') } /** * @param {string[]} array * @param {RegExp} pattern * @return {string[]} */ function filter (array, pattern) { return array.filter(function (value) { return !match(value, pattern) }) } /***/ }), /***/ "./node_modules/throttle-debounce/esm/index.js": /*!*****************************************************!*\ !*** ./node_modules/throttle-debounce/esm/index.js ***! \*****************************************************/ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ debounce: () => (/* binding */ debounce), /* harmony export */ throttle: () => (/* binding */ throttle) /* harmony export */ }); /* eslint-disable no-undefined,no-param-reassign,no-shadow */ /** * Throttle execution of a function. Especially useful for rate limiting * execution of handlers on events like resize and scroll. * * @param {number} delay - A zero-or-greater delay in milliseconds. For event callbacks, values around 100 or 250 (or even higher) * are most useful. * @param {Function} callback - A function to be executed after delay milliseconds. The `this` context and all arguments are passed through, * as-is, to `callback` when the throttled-function is executed. * @param {object} [options] - An object to configure options. * @param {boolean} [options.noTrailing] - Optional, defaults to false. If noTrailing is true, callback will only execute every `delay` milliseconds * while the throttled-function is being called. If noTrailing is false or unspecified, callback will be executed * one final time after the last throttled-function call. (After the throttled-function has not been called for * `delay` milliseconds, the internal counter is reset). * @param {boolean} [options.noLeading] - Optional, defaults to false. If noLeading is false, the first throttled-function call will execute callback * immediately. If noLeading is true, the first the callback execution will be skipped. It should be noted that * callback will never executed if both noLeading = true and noTrailing = true. * @param {boolean} [options.debounceMode] - If `debounceMode` is true (at begin), schedule `clear` to execute after `delay` ms. If `debounceMode` is * false (at end), schedule `callback` to execute after `delay` ms. * * @returns {Function} A new, throttled, function. */ function throttle (delay, callback, options) { var _ref = options || {}, _ref$noTrailing = _ref.noTrailing, noTrailing = _ref$noTrailing === void 0 ? false : _ref$noTrailing, _ref$noLeading = _ref.noLeading, noLeading = _ref$noLeading === void 0 ? false : _ref$noLeading, _ref$debounceMode = _ref.debounceMode, debounceMode = _ref$debounceMode === void 0 ? undefined : _ref$debounceMode; /* * After wrapper has stopped being called, this timeout ensures that * `callback` is executed at the proper times in `throttle` and `end` * debounce modes. */ var timeoutID; var cancelled = false; // Keep track of the last time `callback` was executed. var lastExec = 0; // Function to clear existing timeout function clearExistingTimeout() { if (timeoutID) { clearTimeout(timeoutID); } } // Function to cancel next exec function cancel(options) { var _ref2 = options || {}, _ref2$upcomingOnly = _ref2.upcomingOnly, upcomingOnly = _ref2$upcomingOnly === void 0 ? false : _ref2$upcomingOnly; clearExistingTimeout(); cancelled = !upcomingOnly; } /* * The `wrapper` function encapsulates all of the throttling / debouncing * functionality and when executed will limit the rate at which `callback` * is executed. */ function wrapper() { for (var _len = arguments.length, arguments_ = new Array(_len), _key = 0; _key < _len; _key++) { arguments_[_key] = arguments[_key]; } var self = this; var elapsed = Date.now() - lastExec; if (cancelled) { return; } // Execute `callback` and update the `lastExec` timestamp. function exec() { lastExec = Date.now(); callback.apply(self, arguments_); } /* * If `debounceMode` is true (at begin) this is used to clear the flag * to allow future `callback` executions. */ function clear() { timeoutID = undefined; } if (!noLeading && debounceMode && !timeoutID) { /* * Since `wrapper` is being called for the first time and * `debounceMode` is true (at begin), execute `callback` * and noLeading != true. */ exec(); } clearExistingTimeout(); if (debounceMode === undefined && elapsed > delay) { if (noLeading) { /* * In throttle mode with noLeading, if `delay` time has * been exceeded, update `lastExec` and schedule `callback` * to execute after `delay` ms. */ lastExec = Date.now(); if (!noTrailing) { timeoutID = setTimeout(debounceMode ? clear : exec, delay); } } else { /* * In throttle mode without noLeading, if `delay` time has been exceeded, execute * `callback`. */ exec(); } } else if (noTrailing !== true) { /* * In trailing throttle mode, since `delay` time has not been * exceeded, schedule `callback` to execute `delay` ms after most * recent execution. * * If `debounceMode` is true (at begin), schedule `clear` to execute * after `delay` ms. * * If `debounceMode` is false (at end), schedule `callback` to * execute after `delay` ms. */ timeoutID = setTimeout(debounceMode ? clear : exec, debounceMode === undefined ? delay - elapsed : delay); } } wrapper.cancel = cancel; // Return the wrapper function. return wrapper; } /* eslint-disable no-undefined */ /** * Debounce execution of a function. Debouncing, unlike throttling, * guarantees that a function is only executed a single time, either at the * very beginning of a series of calls, or at the very end. * * @param {number} delay - A zero-or-greater delay in milliseconds. For event callbacks, values around 100 or 250 (or even higher) are most useful. * @param {Function} callback - A function to be executed after delay milliseconds. The `this` context and all arguments are passed through, as-is, * to `callback` when the debounced-function is executed. * @param {object} [options] - An object to configure options. * @param {boolean} [options.atBegin] - Optional, defaults to false. If atBegin is false or unspecified, callback will only be executed `delay` milliseconds * after the last debounced-function call. If atBegin is true, callback will be executed only at the first debounced-function call. * (After the throttled-function has not been called for `delay` milliseconds, the internal counter is reset). * * @returns {Function} A new, debounced function. */ function debounce (delay, callback, options) { var _ref = options || {}, _ref$atBegin = _ref.atBegin, atBegin = _ref$atBegin === void 0 ? false : _ref$atBegin; return throttle(delay, callback, { debounceMode: atBegin !== false }); } //# sourceMappingURL=index.js.map /***/ }) /******/ }); /************************************************************************/ /******/ // The module cache /******/ var __webpack_module_cache__ = {}; /******/ /******/ // The require function /******/ function __webpack_require__(moduleId) { /******/ // Check if module is in cache /******/ var cachedModule = __webpack_module_cache__[moduleId]; /******/ if (cachedModule !== undefined) { /******/ return cachedModule.exports; /******/ } /******/ // Create a new module (and put it into the cache) /******/ var module = __webpack_module_cache__[moduleId] = { /******/ id: moduleId, /******/ loaded: false, /******/ exports: {} /******/ }; /******/ /******/ // Execute the module function /******/ __webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__); /******/ /******/ // Flag the module as loaded /******/ module.loaded = true; /******/ /******/ // Return the exports of the module /******/ return module.exports; /******/ } /******/ /************************************************************************/ /******/ /* webpack/runtime/compat get default export */ /******/ (() => { /******/ // getDefaultExport function for compatibility with non-harmony modules /******/ __webpack_require__.n = (module) => { /******/ var getter = module && module.__esModule ? /******/ () => (module['default']) : /******/ () => (module); /******/ __webpack_require__.d(getter, { a: getter }); /******/ return getter; /******/ }; /******/ })(); /******/ /******/ /* webpack/runtime/define property getters */ /******/ (() => { /******/ // define getter functions for harmony exports /******/ __webpack_require__.d = (exports, definition) => { /******/ for(var key in definition) { /******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { /******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); /******/ } /******/ } /******/ }; /******/ })(); /******/ /******/ /* webpack/runtime/global */ /******/ (() => { /******/ __webpack_require__.g = (function() { /******/ if (typeof globalThis === 'object') return globalThis; /******/ try { /******/ return this || new Function('return this')(); /******/ } catch (e) { /******/ if (typeof window === 'object') return window; /******/ } /******/ })(); /******/ })(); /******/ /******/ /* webpack/runtime/harmony module decorator */ /******/ (() => { /******/ __webpack_require__.hmd = (module) => { /******/ module = Object.create(module); /******/ if (!module.children) module.children = []; /******/ Object.defineProperty(module, 'exports', { /******/ enumerable: true, /******/ set: () => { /******/ throw new Error('ES Modules may not assign module.exports or exports.*, Use ESM export syntax, instead: ' + module.id); /******/ } /******/ }); /******/ return module; /******/ }; /******/ })(); /******/ /******/ /* webpack/runtime/hasOwnProperty shorthand */ /******/ (() => { /******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop)) /******/ })(); /******/ /******/ /* webpack/runtime/make namespace object */ /******/ (() => { /******/ // define __esModule on exports /******/ __webpack_require__.r = (exports) => { /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); /******/ } /******/ Object.defineProperty(exports, '__esModule', { value: true }); /******/ }; /******/ })(); /******/ /************************************************************************/ var __webpack_exports__ = {}; // This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk. (() => { /*!**********************!*\ !*** ./index.esm.js ***! \**********************/ __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ Affix: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Affix), /* harmony export */ Alert: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Alert), /* harmony export */ Anchor: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Anchor), /* harmony export */ AnchorLink: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.AnchorLink), /* harmony export */ App: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.App), /* harmony export */ AutoComplete: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.AutoComplete), /* harmony export */ AutoCompleteOptGroup: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.AutoCompleteOptGroup), /* harmony export */ AutoCompleteOption: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.AutoCompleteOption), /* harmony export */ Avatar: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Avatar), /* harmony export */ AvatarGroup: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.AvatarGroup), /* harmony export */ BackTop: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.BackTop), /* harmony export */ Badge: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Badge), /* harmony export */ BadgeRibbon: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.BadgeRibbon), /* harmony export */ Breadcrumb: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Breadcrumb), /* harmony export */ BreadcrumbItem: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.BreadcrumbItem), /* harmony export */ BreadcrumbSeparator: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.BreadcrumbSeparator), /* harmony export */ Button: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Button), /* harmony export */ ButtonGroup: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.ButtonGroup), /* harmony export */ Calendar: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Calendar), /* harmony export */ Card: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Card), /* harmony export */ CardGrid: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.CardGrid), /* harmony export */ CardMeta: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.CardMeta), /* harmony export */ Carousel: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Carousel), /* harmony export */ Cascader: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Cascader), /* harmony export */ CheckableTag: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.CheckableTag), /* harmony export */ Checkbox: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Checkbox), /* harmony export */ CheckboxGroup: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.CheckboxGroup), /* harmony export */ Col: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Col), /* harmony export */ Collapse: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Collapse), /* harmony export */ CollapsePanel: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.CollapsePanel), /* harmony export */ Comment: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Comment), /* harmony export */ Compact: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Compact), /* harmony export */ ConfigProvider: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.ConfigProvider), /* harmony export */ DatePicker: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.DatePicker), /* harmony export */ Descriptions: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Descriptions), /* harmony export */ DescriptionsItem: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.DescriptionsItem), /* harmony export */ DirectoryTree: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.DirectoryTree), /* harmony export */ Divider: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Divider), /* harmony export */ Drawer: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Drawer), /* harmony export */ Dropdown: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Dropdown), /* harmony export */ DropdownButton: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.DropdownButton), /* harmony export */ Empty: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Empty), /* harmony export */ Flex: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Flex), /* harmony export */ FloatButton: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.FloatButton), /* harmony export */ FloatButtonGroup: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.FloatButtonGroup), /* harmony export */ Form: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Form), /* harmony export */ FormItem: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.FormItem), /* harmony export */ FormItemRest: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.FormItemRest), /* harmony export */ Grid: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Grid), /* harmony export */ Image: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Image), /* harmony export */ ImagePreviewGroup: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.ImagePreviewGroup), /* harmony export */ Input: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Input), /* harmony export */ InputGroup: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.InputGroup), /* harmony export */ InputNumber: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.InputNumber), /* harmony export */ InputPassword: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.InputPassword), /* harmony export */ InputSearch: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.InputSearch), /* harmony export */ Keyframes: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Keyframes), /* harmony export */ Layout: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Layout), /* harmony export */ LayoutContent: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.LayoutContent), /* harmony export */ LayoutFooter: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.LayoutFooter), /* harmony export */ LayoutHeader: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.LayoutHeader), /* harmony export */ LayoutSider: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.LayoutSider), /* harmony export */ List: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.List), /* harmony export */ ListItem: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.ListItem), /* harmony export */ ListItemMeta: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.ListItemMeta), /* harmony export */ LocaleProvider: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.LocaleProvider), /* harmony export */ Mentions: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Mentions), /* harmony export */ MentionsOption: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.MentionsOption), /* harmony export */ Menu: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Menu), /* harmony export */ MenuDivider: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.MenuDivider), /* harmony export */ MenuItem: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.MenuItem), /* harmony export */ MenuItemGroup: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.MenuItemGroup), /* harmony export */ Modal: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Modal), /* harmony export */ MonthPicker: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.MonthPicker), /* harmony export */ PageHeader: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.PageHeader), /* harmony export */ Pagination: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Pagination), /* harmony export */ Popconfirm: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Popconfirm), /* harmony export */ Popover: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Popover), /* harmony export */ Progress: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Progress), /* harmony export */ QRCode: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.QRCode), /* harmony export */ QuarterPicker: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.QuarterPicker), /* harmony export */ Radio: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Radio), /* harmony export */ RadioButton: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.RadioButton), /* harmony export */ RadioGroup: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.RadioGroup), /* harmony export */ RangePicker: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.RangePicker), /* harmony export */ Rate: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Rate), /* harmony export */ Result: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Result), /* harmony export */ Row: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Row), /* harmony export */ Segmented: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Segmented), /* harmony export */ Select: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Select), /* harmony export */ SelectOptGroup: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.SelectOptGroup), /* harmony export */ SelectOption: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.SelectOption), /* harmony export */ Skeleton: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Skeleton), /* harmony export */ SkeletonAvatar: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.SkeletonAvatar), /* harmony export */ SkeletonButton: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.SkeletonButton), /* harmony export */ SkeletonImage: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.SkeletonImage), /* harmony export */ SkeletonInput: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.SkeletonInput), /* harmony export */ SkeletonTitle: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.SkeletonTitle), /* harmony export */ Slider: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Slider), /* harmony export */ Space: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Space), /* harmony export */ Spin: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Spin), /* harmony export */ Statistic: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Statistic), /* harmony export */ StatisticCountdown: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.StatisticCountdown), /* harmony export */ Step: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Step), /* harmony export */ Steps: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Steps), /* harmony export */ StyleProvider: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.StyleProvider), /* harmony export */ SubMenu: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.SubMenu), /* harmony export */ Switch: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Switch), /* harmony export */ TabPane: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.TabPane), /* harmony export */ Table: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Table), /* harmony export */ TableColumn: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.TableColumn), /* harmony export */ TableColumnGroup: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.TableColumnGroup), /* harmony export */ TableSummary: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.TableSummary), /* harmony export */ TableSummaryCell: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.TableSummaryCell), /* harmony export */ TableSummaryRow: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.TableSummaryRow), /* harmony export */ Tabs: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Tabs), /* harmony export */ Tag: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Tag), /* harmony export */ Textarea: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Textarea), /* harmony export */ Theme: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Theme), /* harmony export */ TimePicker: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.TimePicker), /* harmony export */ TimeRangePicker: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.TimeRangePicker), /* harmony export */ Timeline: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Timeline), /* harmony export */ TimelineItem: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.TimelineItem), /* harmony export */ Tooltip: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Tooltip), /* harmony export */ Tour: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Tour), /* harmony export */ Transfer: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Transfer), /* harmony export */ Tree: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Tree), /* harmony export */ TreeNode: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.TreeNode), /* harmony export */ TreeSelect: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.TreeSelect), /* harmony export */ TreeSelectNode: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.TreeSelectNode), /* harmony export */ Typography: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Typography), /* harmony export */ TypographyLink: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.TypographyLink), /* harmony export */ TypographyParagraph: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.TypographyParagraph), /* harmony export */ TypographyText: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.TypographyText), /* harmony export */ TypographyTitle: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.TypographyTitle), /* harmony export */ Upload: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Upload), /* harmony export */ UploadDragger: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.UploadDragger), /* harmony export */ Watermark: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Watermark), /* harmony export */ WeekPicker: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.WeekPicker), /* harmony export */ _experimental: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__._experimental), /* harmony export */ createCache: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.createCache), /* harmony export */ createTheme: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.createTheme), /* harmony export */ cssinjs: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.cssinjs), /* harmony export */ extractStyle: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.extractStyle), /* harmony export */ install: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.install), /* harmony export */ legacyLogicalPropertiesTransformer: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.legacyLogicalPropertiesTransformer), /* harmony export */ legacyNotSelectorLinter: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.legacyNotSelectorLinter), /* harmony export */ logicalPropertiesLinter: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.logicalPropertiesLinter), /* harmony export */ message: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.message), /* harmony export */ notification: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.notification), /* harmony export */ parentSelectorLinter: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.parentSelectorLinter), /* harmony export */ px2remTransformer: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.px2remTransformer), /* harmony export */ theme: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.theme), /* harmony export */ useCacheToken: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.useCacheToken), /* harmony export */ useStyleInject: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.useStyleInject), /* harmony export */ useStyleProvider: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.useStyleProvider), /* harmony export */ useStyleRegister: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.useStyleRegister), /* harmony export */ version: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.version) /* harmony export */ }); /* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./components */ "./components/index.ts"); })(); var __webpack_exports__Affix = __webpack_exports__.Affix; var __webpack_exports__Alert = __webpack_exports__.Alert; var __webpack_exports__Anchor = __webpack_exports__.Anchor; var __webpack_exports__AnchorLink = __webpack_exports__.AnchorLink; var __webpack_exports__App = __webpack_exports__.App; var __webpack_exports__AutoComplete = __webpack_exports__.AutoComplete; var __webpack_exports__AutoCompleteOptGroup = __webpack_exports__.AutoCompleteOptGroup; var __webpack_exports__AutoCompleteOption = __webpack_exports__.AutoCompleteOption; var __webpack_exports__Avatar = __webpack_exports__.Avatar; var __webpack_exports__AvatarGroup = __webpack_exports__.AvatarGroup; var __webpack_exports__BackTop = __webpack_exports__.BackTop; var __webpack_exports__Badge = __webpack_exports__.Badge; var __webpack_exports__BadgeRibbon = __webpack_exports__.BadgeRibbon; var __webpack_exports__Breadcrumb = __webpack_exports__.Breadcrumb; var __webpack_exports__BreadcrumbItem = __webpack_exports__.BreadcrumbItem; var __webpack_exports__BreadcrumbSeparator = __webpack_exports__.BreadcrumbSeparator; var __webpack_exports__Button = __webpack_exports__.Button; var __webpack_exports__ButtonGroup = __webpack_exports__.ButtonGroup; var __webpack_exports__Calendar = __webpack_exports__.Calendar; var __webpack_exports__Card = __webpack_exports__.Card; var __webpack_exports__CardGrid = __webpack_exports__.CardGrid; var __webpack_exports__CardMeta = __webpack_exports__.CardMeta; var __webpack_exports__Carousel = __webpack_exports__.Carousel; var __webpack_exports__Cascader = __webpack_exports__.Cascader; var __webpack_exports__CheckableTag = __webpack_exports__.CheckableTag; var __webpack_exports__Checkbox = __webpack_exports__.Checkbox; var __webpack_exports__CheckboxGroup = __webpack_exports__.CheckboxGroup; var __webpack_exports__Col = __webpack_exports__.Col; var __webpack_exports__Collapse = __webpack_exports__.Collapse; var __webpack_exports__CollapsePanel = __webpack_exports__.CollapsePanel; var __webpack_exports__Comment = __webpack_exports__.Comment; var __webpack_exports__Compact = __webpack_exports__.Compact; var __webpack_exports__ConfigProvider = __webpack_exports__.ConfigProvider; var __webpack_exports__DatePicker = __webpack_exports__.DatePicker; var __webpack_exports__Descriptions = __webpack_exports__.Descriptions; var __webpack_exports__DescriptionsItem = __webpack_exports__.DescriptionsItem; var __webpack_exports__DirectoryTree = __webpack_exports__.DirectoryTree; var __webpack_exports__Divider = __webpack_exports__.Divider; var __webpack_exports__Drawer = __webpack_exports__.Drawer; var __webpack_exports__Dropdown = __webpack_exports__.Dropdown; var __webpack_exports__DropdownButton = __webpack_exports__.DropdownButton; var __webpack_exports__Empty = __webpack_exports__.Empty; var __webpack_exports__Flex = __webpack_exports__.Flex; var __webpack_exports__FloatButton = __webpack_exports__.FloatButton; var __webpack_exports__FloatButtonGroup = __webpack_exports__.FloatButtonGroup; var __webpack_exports__Form = __webpack_exports__.Form; var __webpack_exports__FormItem = __webpack_exports__.FormItem; var __webpack_exports__FormItemRest = __webpack_exports__.FormItemRest; var __webpack_exports__Grid = __webpack_exports__.Grid; var __webpack_exports__Image = __webpack_exports__.Image; var __webpack_exports__ImagePreviewGroup = __webpack_exports__.ImagePreviewGroup; var __webpack_exports__Input = __webpack_exports__.Input; var __webpack_exports__InputGroup = __webpack_exports__.InputGroup; var __webpack_exports__InputNumber = __webpack_exports__.InputNumber; var __webpack_exports__InputPassword = __webpack_exports__.InputPassword; var __webpack_exports__InputSearch = __webpack_exports__.InputSearch; var __webpack_exports__Keyframes = __webpack_exports__.Keyframes; var __webpack_exports__Layout = __webpack_exports__.Layout; var __webpack_exports__LayoutContent = __webpack_exports__.LayoutContent; var __webpack_exports__LayoutFooter = __webpack_exports__.LayoutFooter; var __webpack_exports__LayoutHeader = __webpack_exports__.LayoutHeader; var __webpack_exports__LayoutSider = __webpack_exports__.LayoutSider; var __webpack_exports__List = __webpack_exports__.List; var __webpack_exports__ListItem = __webpack_exports__.ListItem; var __webpack_exports__ListItemMeta = __webpack_exports__.ListItemMeta; var __webpack_exports__LocaleProvider = __webpack_exports__.LocaleProvider; var __webpack_exports__Mentions = __webpack_exports__.Mentions; var __webpack_exports__MentionsOption = __webpack_exports__.MentionsOption; var __webpack_exports__Menu = __webpack_exports__.Menu; var __webpack_exports__MenuDivider = __webpack_exports__.MenuDivider; var __webpack_exports__MenuItem = __webpack_exports__.MenuItem; var __webpack_exports__MenuItemGroup = __webpack_exports__.MenuItemGroup; var __webpack_exports__Modal = __webpack_exports__.Modal; var __webpack_exports__MonthPicker = __webpack_exports__.MonthPicker; var __webpack_exports__PageHeader = __webpack_exports__.PageHeader; var __webpack_exports__Pagination = __webpack_exports__.Pagination; var __webpack_exports__Popconfirm = __webpack_exports__.Popconfirm; var __webpack_exports__Popover = __webpack_exports__.Popover; var __webpack_exports__Progress = __webpack_exports__.Progress; var __webpack_exports__QRCode = __webpack_exports__.QRCode; var __webpack_exports__QuarterPicker = __webpack_exports__.QuarterPicker; var __webpack_exports__Radio = __webpack_exports__.Radio; var __webpack_exports__RadioButton = __webpack_exports__.RadioButton; var __webpack_exports__RadioGroup = __webpack_exports__.RadioGroup; var __webpack_exports__RangePicker = __webpack_exports__.RangePicker; var __webpack_exports__Rate = __webpack_exports__.Rate; var __webpack_exports__Result = __webpack_exports__.Result; var __webpack_exports__Row = __webpack_exports__.Row; var __webpack_exports__Segmented = __webpack_exports__.Segmented; var __webpack_exports__Select = __webpack_exports__.Select; var __webpack_exports__SelectOptGroup = __webpack_exports__.SelectOptGroup; var __webpack_exports__SelectOption = __webpack_exports__.SelectOption; var __webpack_exports__Skeleton = __webpack_exports__.Skeleton; var __webpack_exports__SkeletonAvatar = __webpack_exports__.SkeletonAvatar; var __webpack_exports__SkeletonButton = __webpack_exports__.SkeletonButton; var __webpack_exports__SkeletonImage = __webpack_exports__.SkeletonImage; var __webpack_exports__SkeletonInput = __webpack_exports__.SkeletonInput; var __webpack_exports__SkeletonTitle = __webpack_exports__.SkeletonTitle; var __webpack_exports__Slider = __webpack_exports__.Slider; var __webpack_exports__Space = __webpack_exports__.Space; var __webpack_exports__Spin = __webpack_exports__.Spin; var __webpack_exports__Statistic = __webpack_exports__.Statistic; var __webpack_exports__StatisticCountdown = __webpack_exports__.StatisticCountdown; var __webpack_exports__Step = __webpack_exports__.Step; var __webpack_exports__Steps = __webpack_exports__.Steps; var __webpack_exports__StyleProvider = __webpack_exports__.StyleProvider; var __webpack_exports__SubMenu = __webpack_exports__.SubMenu; var __webpack_exports__Switch = __webpack_exports__.Switch; var __webpack_exports__TabPane = __webpack_exports__.TabPane; var __webpack_exports__Table = __webpack_exports__.Table; var __webpack_exports__TableColumn = __webpack_exports__.TableColumn; var __webpack_exports__TableColumnGroup = __webpack_exports__.TableColumnGroup; var __webpack_exports__TableSummary = __webpack_exports__.TableSummary; var __webpack_exports__TableSummaryCell = __webpack_exports__.TableSummaryCell; var __webpack_exports__TableSummaryRow = __webpack_exports__.TableSummaryRow; var __webpack_exports__Tabs = __webpack_exports__.Tabs; var __webpack_exports__Tag = __webpack_exports__.Tag; var __webpack_exports__Textarea = __webpack_exports__.Textarea; var __webpack_exports__Theme = __webpack_exports__.Theme; var __webpack_exports__TimePicker = __webpack_exports__.TimePicker; var __webpack_exports__TimeRangePicker = __webpack_exports__.TimeRangePicker; var __webpack_exports__Timeline = __webpack_exports__.Timeline; var __webpack_exports__TimelineItem = __webpack_exports__.TimelineItem; var __webpack_exports__Tooltip = __webpack_exports__.Tooltip; var __webpack_exports__Tour = __webpack_exports__.Tour; var __webpack_exports__Transfer = __webpack_exports__.Transfer; var __webpack_exports__Tree = __webpack_exports__.Tree; var __webpack_exports__TreeNode = __webpack_exports__.TreeNode; var __webpack_exports__TreeSelect = __webpack_exports__.TreeSelect; var __webpack_exports__TreeSelectNode = __webpack_exports__.TreeSelectNode; var __webpack_exports__Typography = __webpack_exports__.Typography; var __webpack_exports__TypographyLink = __webpack_exports__.TypographyLink; var __webpack_exports__TypographyParagraph = __webpack_exports__.TypographyParagraph; var __webpack_exports__TypographyText = __webpack_exports__.TypographyText; var __webpack_exports__TypographyTitle = __webpack_exports__.TypographyTitle; var __webpack_exports__Upload = __webpack_exports__.Upload; var __webpack_exports__UploadDragger = __webpack_exports__.UploadDragger; var __webpack_exports__Watermark = __webpack_exports__.Watermark; var __webpack_exports__WeekPicker = __webpack_exports__.WeekPicker; var __webpack_exports___experimental = __webpack_exports__._experimental; var __webpack_exports__createCache = __webpack_exports__.createCache; var __webpack_exports__createTheme = __webpack_exports__.createTheme; var __webpack_exports__cssinjs = __webpack_exports__.cssinjs; var __webpack_exports__extractStyle = __webpack_exports__.extractStyle; var __webpack_exports__install = __webpack_exports__.install; var __webpack_exports__legacyLogicalPropertiesTransformer = __webpack_exports__.legacyLogicalPropertiesTransformer; var __webpack_exports__legacyNotSelectorLinter = __webpack_exports__.legacyNotSelectorLinter; var __webpack_exports__logicalPropertiesLinter = __webpack_exports__.logicalPropertiesLinter; var __webpack_exports__message = __webpack_exports__.message; var __webpack_exports__notification = __webpack_exports__.notification; var __webpack_exports__parentSelectorLinter = __webpack_exports__.parentSelectorLinter; var __webpack_exports__px2remTransformer = __webpack_exports__.px2remTransformer; var __webpack_exports__theme = __webpack_exports__.theme; var __webpack_exports__useCacheToken = __webpack_exports__.useCacheToken; var __webpack_exports__useStyleInject = __webpack_exports__.useStyleInject; var __webpack_exports__useStyleProvider = __webpack_exports__.useStyleProvider; var __webpack_exports__useStyleRegister = __webpack_exports__.useStyleRegister; var __webpack_exports__version = __webpack_exports__.version; export { __webpack_exports__Affix as Affix, __webpack_exports__Alert as Alert, __webpack_exports__Anchor as Anchor, __webpack_exports__AnchorLink as AnchorLink, __webpack_exports__App as App, __webpack_exports__AutoComplete as AutoComplete, __webpack_exports__AutoCompleteOptGroup as AutoCompleteOptGroup, __webpack_exports__AutoCompleteOption as AutoCompleteOption, __webpack_exports__Avatar as Avatar, __webpack_exports__AvatarGroup as AvatarGroup, __webpack_exports__BackTop as BackTop, __webpack_exports__Badge as Badge, __webpack_exports__BadgeRibbon as BadgeRibbon, __webpack_exports__Breadcrumb as Breadcrumb, __webpack_exports__BreadcrumbItem as BreadcrumbItem, __webpack_exports__BreadcrumbSeparator as BreadcrumbSeparator, __webpack_exports__Button as Button, __webpack_exports__ButtonGroup as ButtonGroup, __webpack_exports__Calendar as Calendar, __webpack_exports__Card as Card, __webpack_exports__CardGrid as CardGrid, __webpack_exports__CardMeta as CardMeta, __webpack_exports__Carousel as Carousel, __webpack_exports__Cascader as Cascader, __webpack_exports__CheckableTag as CheckableTag, __webpack_exports__Checkbox as Checkbox, __webpack_exports__CheckboxGroup as CheckboxGroup, __webpack_exports__Col as Col, __webpack_exports__Collapse as Collapse, __webpack_exports__CollapsePanel as CollapsePanel, __webpack_exports__Comment as Comment, __webpack_exports__Compact as Compact, __webpack_exports__ConfigProvider as ConfigProvider, __webpack_exports__DatePicker as DatePicker, __webpack_exports__Descriptions as Descriptions, __webpack_exports__DescriptionsItem as DescriptionsItem, __webpack_exports__DirectoryTree as DirectoryTree, __webpack_exports__Divider as Divider, __webpack_exports__Drawer as Drawer, __webpack_exports__Dropdown as Dropdown, __webpack_exports__DropdownButton as DropdownButton, __webpack_exports__Empty as Empty, __webpack_exports__Flex as Flex, __webpack_exports__FloatButton as FloatButton, __webpack_exports__FloatButtonGroup as FloatButtonGroup, __webpack_exports__Form as Form, __webpack_exports__FormItem as FormItem, __webpack_exports__FormItemRest as FormItemRest, __webpack_exports__Grid as Grid, __webpack_exports__Image as Image, __webpack_exports__ImagePreviewGroup as ImagePreviewGroup, __webpack_exports__Input as Input, __webpack_exports__InputGroup as InputGroup, __webpack_exports__InputNumber as InputNumber, __webpack_exports__InputPassword as InputPassword, __webpack_exports__InputSearch as InputSearch, __webpack_exports__Keyframes as Keyframes, __webpack_exports__Layout as Layout, __webpack_exports__LayoutContent as LayoutContent, __webpack_exports__LayoutFooter as LayoutFooter, __webpack_exports__LayoutHeader as LayoutHeader, __webpack_exports__LayoutSider as LayoutSider, __webpack_exports__List as List, __webpack_exports__ListItem as ListItem, __webpack_exports__ListItemMeta as ListItemMeta, __webpack_exports__LocaleProvider as LocaleProvider, __webpack_exports__Mentions as Mentions, __webpack_exports__MentionsOption as MentionsOption, __webpack_exports__Menu as Menu, __webpack_exports__MenuDivider as MenuDivider, __webpack_exports__MenuItem as MenuItem, __webpack_exports__MenuItemGroup as MenuItemGroup, __webpack_exports__Modal as Modal, __webpack_exports__MonthPicker as MonthPicker, __webpack_exports__PageHeader as PageHeader, __webpack_exports__Pagination as Pagination, __webpack_exports__Popconfirm as Popconfirm, __webpack_exports__Popover as Popover, __webpack_exports__Progress as Progress, __webpack_exports__QRCode as QRCode, __webpack_exports__QuarterPicker as QuarterPicker, __webpack_exports__Radio as Radio, __webpack_exports__RadioButton as RadioButton, __webpack_exports__RadioGroup as RadioGroup, __webpack_exports__RangePicker as RangePicker, __webpack_exports__Rate as Rate, __webpack_exports__Result as Result, __webpack_exports__Row as Row, __webpack_exports__Segmented as Segmented, __webpack_exports__Select as Select, __webpack_exports__SelectOptGroup as SelectOptGroup, __webpack_exports__SelectOption as SelectOption, __webpack_exports__Skeleton as Skeleton, __webpack_exports__SkeletonAvatar as SkeletonAvatar, __webpack_exports__SkeletonButton as SkeletonButton, __webpack_exports__SkeletonImage as SkeletonImage, __webpack_exports__SkeletonInput as SkeletonInput, __webpack_exports__SkeletonTitle as SkeletonTitle, __webpack_exports__Slider as Slider, __webpack_exports__Space as Space, __webpack_exports__Spin as Spin, __webpack_exports__Statistic as Statistic, __webpack_exports__StatisticCountdown as StatisticCountdown, __webpack_exports__Step as Step, __webpack_exports__Steps as Steps, __webpack_exports__StyleProvider as StyleProvider, __webpack_exports__SubMenu as SubMenu, __webpack_exports__Switch as Switch, __webpack_exports__TabPane as TabPane, __webpack_exports__Table as Table, __webpack_exports__TableColumn as TableColumn, __webpack_exports__TableColumnGroup as TableColumnGroup, __webpack_exports__TableSummary as TableSummary, __webpack_exports__TableSummaryCell as TableSummaryCell, __webpack_exports__TableSummaryRow as TableSummaryRow, __webpack_exports__Tabs as Tabs, __webpack_exports__Tag as Tag, __webpack_exports__Textarea as Textarea, __webpack_exports__Theme as Theme, __webpack_exports__TimePicker as TimePicker, __webpack_exports__TimeRangePicker as TimeRangePicker, __webpack_exports__Timeline as Timeline, __webpack_exports__TimelineItem as TimelineItem, __webpack_exports__Tooltip as Tooltip, __webpack_exports__Tour as Tour, __webpack_exports__Transfer as Transfer, __webpack_exports__Tree as Tree, __webpack_exports__TreeNode as TreeNode, __webpack_exports__TreeSelect as TreeSelect, __webpack_exports__TreeSelectNode as TreeSelectNode, __webpack_exports__Typography as Typography, __webpack_exports__TypographyLink as TypographyLink, __webpack_exports__TypographyParagraph as TypographyParagraph, __webpack_exports__TypographyText as TypographyText, __webpack_exports__TypographyTitle as TypographyTitle, __webpack_exports__Upload as Upload, __webpack_exports__UploadDragger as UploadDragger, __webpack_exports__Watermark as Watermark, __webpack_exports__WeekPicker as WeekPicker, __webpack_exports___experimental as _experimental, __webpack_exports__createCache as createCache, __webpack_exports__createTheme as createTheme, __webpack_exports__cssinjs as cssinjs, __webpack_exports__extractStyle as extractStyle, __webpack_exports__install as install, __webpack_exports__legacyLogicalPropertiesTransformer as legacyLogicalPropertiesTransformer, __webpack_exports__legacyNotSelectorLinter as legacyNotSelectorLinter, __webpack_exports__logicalPropertiesLinter as logicalPropertiesLinter, __webpack_exports__message as message, __webpack_exports__notification as notification, __webpack_exports__parentSelectorLinter as parentSelectorLinter, __webpack_exports__px2remTransformer as px2remTransformer, __webpack_exports__theme as theme, __webpack_exports__useCacheToken as useCacheToken, __webpack_exports__useStyleInject as useStyleInject, __webpack_exports__useStyleProvider as useStyleProvider, __webpack_exports__useStyleRegister as useStyleRegister, __webpack_exports__version as version }; //# sourceMappingURL=antd.esm.js.map